@charset "utf-8";
/* ### Überschriften, Fließtexte ###################################################################### */
body { 
	background:url(images/background_gradient.jpg) repeat-x;
	background-color:#ffffff;
	padding: 0px;
	margin: 0px;
	color: #000000;
	font-size: 62.5%; 
	font-family: Helvetica, Arial, sans-serif; 
}

#page_margins { font-size: 1.3em; }
h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.6em; color: #006; margin: 0 0 0.25em 0; padding-top: 0.2em; }
h2 {font-size: 1.4em; color: #600; margin: 0 0 0.25em 0; padding-top: 0.2em; border-bottom: 1px #000000 solid; }
h3 {font-size: 1.0em; color: #600; margin: 1 0 0 0; padding-top: 0.2em; font-weight:bold; }
h4 {font-size: 0.8em; color: #888; margin: 0 0 0.30em 0; padding-top: 0.2em; font-weight:bold; border-bottom: 1px #ddd solid;}

#teaser h1 { font-size: 1.2em; border: 0; }

p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; color: #000000 }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr { 
	color: #fff; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0;
	border-bottom: 1px #eee solid;
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

.error {font-size: 1.2em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; color: #FF0000;}


/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {color: #79201f; text-decoration:underline;}
a:hover {color: #fc9500; text-decoration:underline;}
a:focus {color: #fc9500; text-decoration:underline;}

a.mylink {color: #900; text-decoration:none;background:transparent;}
a.mylink:hover {color: #900; text-decoration:none;background:transparent;}
a.mylink:focus {color: #900; text-decoration:none;background:transparent;}

#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}

#footer a { color: #669; }
#footer a:hover {background-color: #eef; }
#footer a:focus {background-color: #eef; }

#main a[href^="http:"], #main a[href^="https:"]
{
	padding-left: 12px;
}

#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

/* ######################################################################################################
** ### Formulare & Tabellen
** ######################################################################################################
*/

form {overflow:hidden;}

input, textarea {
  width: auto;
	font: 12px Verdana, Arial, Helvetica, Sans-Serif;
	padding: 3px;
	color: #555555;
}

input[type=text]:focus, textarea:focus {
	background: #c4ffc4;
	color: #333;
	border-color: #14a114;
}

input[type=submit]{
	background-color:#FFFFFF;
	border:1px solid #87A6E7;
}

input[type=button]{
	background-color:#FFFFFF;
	color:#000066;
	border:1px solid #87A6E7;
}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: none; background: #ffcc99; }
#page_margins {border: 1px #889 solid; min-width: 756px; max-width: 100em; margin:auto;}

.error_message_table{
	width: 800px;
	margin-left: 40px;
	border-collapse: collapse;
	border-width: 1px;
	border-spacing: 0px;
	border-color: #BF0000;
	border-style: solid;
	background-color: #FFAFAF;
}

/* ######################################################################################################
** ### Formatierung der Kopfbereiches
** ######################################################################################################
*/
#header1 { height: 40px; color: #fff; background: #ffcc99; }
#header2 { height: 80px; color: #fff; }
/*#header img {padding: 48px 0 0 40px; font-size:208%;}*/

.table_head{
	border-collapse: collapse;
	width: 100%;
	background:url(images/1-px-oberer-balken.png) repeat-x;
}

.table_cell{
	padding-left:10px;
	padding-right:10px;
}

.table_head_sub{
	border-collapse: collapse;
	padding-top:0px;
	color:white;
	white-space:nowrap;
}

.link{
	text-decoration:none;
	color:white;
}

/* ######################################################################################################
** ### Formatierung der Fußzeile 
** ######################################################################################################
*/

#footer { color:#FFFFFF; background-color:#14a114; margin: none; padding: 0.5em 0; border-top: none; line-height: 1em; text-align: center;}

/* ######################################################################################################
** ### Allgemeine Klassen
** ######################################################################################################
*/

#teaser { 
	margin: 0em 1em 0em 1em; 
	background: #f4f4f4; 
	border-bottom: 1px #ccc solid; 
	padding: 0.5em 0em 0em 30px; 
	color: #5f5d75; 
}

#teaser div {float:left; width: auto; margin-right: 1em; }
#teaser .block1 {padding-top:1em; font-size: 0.82em; }
#teaser .block3 {width: 50%; padding-top:0.5em; font-size: 0.82em; }

#teaser .block3 .title {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	display:block;
	font-size: 1.2em; 
	font-weight:bold; 
	color: #336699;  
	background:inherit;  
	margin: 0 0 0.5em 0; 
}

.textarea_head{
	height: 22px;
	width: 800px;
	margin-left: -10px;
	padding-left: 10px;
	background:url(images/orange_stripe.png) repeat-x;
/*	border-bottom-width: 1px;	
	border-bottom-style: solid;	
	border-bottom-color: #ffcc99; */
	color:white;
	font-size:16px;
	font-weight: bold;
}

.textarea_head_table{
	height: 22px;
	width: 800px;
	margin-top: -3px;
	margin-left: -14px;
	color:white;
	font-size:16px;
	font-weight: bold;
}

.textarea{
	width: 800px;
	margin-left: 40px;
	padding-left: 10px;
	border-width: 1px;
	border-color: #ecb27d;
	border-style: solid;
}

.textarea_nopadding{
	width: 800px;
	height: 500px;
	margin-left: 40px;
	border-width: 1px;
	border-color: #ecb27d;
	border-style: solid;
	background-color:#DDDDDD;
}

.textarea_hidden{
	width: 800px;
	margin-left: 40px;
	padding-left: 10px;
}

.textarea_hint{
	width: 98%;
	margin-left: -5px;
	padding: 5px;
	border-width: 1px;
	border-color: #79201f;
	border-style: solid;
	background-color: #CCCCCC;
	vertical-align:middle;
	font-size:14px;
}

.textarea_success{
	width: 98%;
	margin-left: -5px;
	padding: 5px;
	border-width: 1px;
	border-color: #AFD4FF;
	border-style: solid;
	background-color: #DFEEFF;
	vertical-align:middle;
	font-size:14px;
}

.textarea_error{
	width: 98%;
	margin-left: -5px;
	padding: 5px;
	border-width: 1px;
	border-color: #6F1414;
	border-style: solid;
	background-color: #FFBFBF;
	vertical-align:middle;
	font-size:14px;
}

.head_stats{
	font-size: 14px;
	color:white;
}

.box_standard_table{
	width: 800px;
	border-collapse: collapse;
	border-width: 1px;
	border-color: #FCA11C;
	border-style: solid;
	border-spacing: 0px;
	background-color:#DDDDDD;
}

.box_standard_table_usershome{
	width: 800px;
	border-collapse: collapse;
	border-width: 1px;
	border-color: #FCA11C;
	border-style: solid;
	border-spacing: 0px;
	background:url(images/usershome_full.jpg);
}

.box_standard_text_cell{
	padding:10px;
}

.box_standard_head{
	height: 22px;
	color:white;
	font-size:16px;
	font-weight: bold;
	background:url(images/orange_stripe.png) repeat-x;
}

.box_standard_corner{
  width:14px;
	position:relative;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

.box_standard_bottom{
	height: 10px;
	color:#003300;
	font-size:13px;
	background:url(images/bottom_line_10.gif) repeat-x;
}

.box_standard_border_left{
	width: 14px;
	padding:0px;
	margin:0px;
	background:url(images/left_line_14.gif) repeat-y;
}

.box_standard_border_right{
	width: 14px;
	padding:0px;
	margin:0px;
	background:url(images/right_line_14.gif) repeat-y;
}

.text_headline{
	color:#660000;
	font-size:larger;
}

/* ######################################################################################################
** ### Register
** ######################################################################################################
*/
.register_table_basedata{
	border-collapse: collapse;
	border-width: 1px;
	border-spacing: 0px;
	border-color: #ecb27d;
	border-style: solid;
	background-color: #FFFFFF;
	height:140;
	width:440;
}

/* ######################################################################################################
** ### Users Profile
** ######################################################################################################
*/
.profile_table{
	margin-top: 8px;
	border-collapse: collapse;
	border-width: 1px;
	border-spacing: 0px;
	border-color: #ecb27d;
	border-style: solid;
	padding:10px;
	background-color: #EEEEEE;
}

.profile_table_compare{
	margin-top: 8px;
	border-collapse: collapse;
	padding:10px;
}

.profile_table_head{
	height: 22px;
	background:url(images/orange_stripe.png) repeat-x;	
	color:white;
	font-size:15px;
	font-weight: bold;
}

.profile_td{
	border-width: 1px;
	border-color: #ecb27d;
	border-style: solid;
	vertical-align:top;
	padding:10px;
	font-size:14px;
	overflow:hidden;
	background-color: #EEEEEE;
}

.profile_subhead{
	height: 22px;
	color:#003300;
	font-size:13px;
	background:url(images/orange_stripe.png) repeat-x;
}

.profile_chapter{
	color:#660000;
	font-size:14px;
	font-weight:bold;
	margin-top:4px;
}

/* ######################################################################################################
** ### Search
** ######################################################################################################
*/

.search_table{
	border-collapse: collapse;
	border-width: 1px;
	border-spacing: 0px;
	border-color: #ecb27d;
	border-style: solid;
	background-color: #FFFFFF;
}

.search_td{
	border-width: 1px;
	border-color: #ecb27d;
	border-style: solid;
}

.search_table{
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: #ecb27d;
	background-color:white;
	width: 240px;
}

.search_cell{
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: #ecb27d;
	font-size:12px;
	font-weight: bold;
}

.search_cell2{
	border-collapse: collapse;
	font-size:12px;
}

.search_table_head{
	border-collapse: collapse;
	height: 22px;
	width: 100%;
	color: #003300;
	font-size:12px;
	font-weight: bold;
}

/* ######################################################################################################
** ### Users Home
** ######################################################################################################
*/

.usershome_table{
	width: 100%;
	margin-top: 0px;
	border-collapse: collapse;
	border-width: 1px;
	border-spacing: 0px;
	border-color: #ecb27d;
	border-style: solid;
	background-color: #FFFFFF;
}

.usershome_td{
	padding: 10px;
}

.usershome_li{
	padding-left:16px;
	font-size:12px;
}

.usershome_link{
	text-decoration:none;
}

.usershome_timeline{
	padding: 10px;
	height: 200px;
	background:url(images/usershome_timeline.jpg);
}

.usershome_statistik{
	padding: 10px;
	height: 380px;
	background:url(images/usershome_statistic.jpg);
}

.usershome_guestbook{
	padding: 10px;
	height: 200px;
	background:url(images/usershome_guestbook.jpg) no-repeat;
}

.usershome_idcard{
	border-collapse: collapse;
	border-width: 1px;
	border-spacing: 0px;
	border-color: #ecb27d;
	border-style: solid;
	background-color: #FFFFFF;
	font-size:12px;
}

.usershome_idcard_link{
	text-decoration:none;
}


/* ######################################################################################################
** ### Guestbook
** ######################################################################################################
*/

.guestbook_table{
	width: 840;
	border-width: 1px;
	border-color: #ecb27d;
	border-style: solid;
  font-size:12px;
	padding: 10px;
	background-color:white;
	border-collapse:collapse;
	margin-top:8px;
}

.guestbook_table_row{
	padding:6px;
}

.guestbook_navi{
	width: 800px;
	margin-top: 0px;
	margin-left: 40px;
}

.guestbook_link{
	color: #79201F;
}

.small_text{
	font-size: 11px;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; 
}

.linethrough{
	text-decoration:line-through;
	color:#0000aa;
}

.guestbook_navigation_anchor{
	text-decoration:none;
}

/* ######################################################################################################
** ### Vertikale Listennavigation
** ######################################################################################################
*/

.leftmenu {
	padding:0px;
	width: 160px;
	margin-left: 0px;
	background-color:#669ACC;
}

.leftmenu_row {
	padding-left :5px;
}

.leftmenu a.mainlevel:link, .leftmenu a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 12px;
	text-align: left;
	padding-left:0px;
	padding-top: 5px;
	height: 16px;
	width:150px;
	text-decoration: none;
/*	border-bottom-width: 1px;
	border-bottom-style: dotted;	
	border-bottom-color: #FFFFFF; */
	color:#fefefe;
}

.leftmenu a.mainlevel:hover {
	text-decoration: none;
	border-bottom-color: #14a41e;
	color: #fefefe;
	background-color:#f63;
}

.leftmenu a.sublevel:link, .leftmenu a.sublevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 10px;
	text-align: left;
	padding-left:0px;
	padding-top: 5px;
	height: 16px;
	width:150px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;	
	border-bottom-color: #14a41e;
	color:#fefefe;
}

.leftmenu a.sublevel:hover {
	text-decoration: none;
	border-bottom-color: #14a41e;
	color: #fefefe;
}

ul#mainlevel-nav {
	margin:0px;
	padding:0;
	height:33px;
}

ul#mainlevel-nav li {
	list-style: none;
	display:inline;
	height:33px;
	width:119px;
}

ul#mainlevel-nav li a {
	font-size:11px;
	color:white;
	font-weight:normal;
	text-align:center;
	background:url(images/buttontop_normal.jpg) no-repeat;
	line-height:33px;
	height:33px;
	width:119px;
	display: block;
	float:left;
}

ul#mainlevel-nav li a:hover {
	color:white;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	background:url(images/buttontop_over.jpg) no-repeat;
	line-height:33px;
	height:33px;
	width:119px;
	display: block;
	float:left;
}

/* ######################################################################################################
** ### AJAX etc.
** ######################################################################################################
*/

#infobox{
	position: absolute;
	width:300px;
	height:120px;
	border:1px solid #E8A400;
	background-color:white;
	color:black;
	font-size:16px;
	text-align:center;
	padding-top: 6px;
	z-index: 10000;	
}

#dynamic_infobox{
	position: absolute;
	border:1px solid #E8A400;
	background-color:white;
	color:black;
	font-size:16px;
	text-align:center;
	z-index: 10000;	
}


#overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; 
	height: 2000;
	z-index: 9999;
	background-color: #000!important;
	opacity: 0;
}
#MB_overlay[id] { position: fixed; }

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
	color: black;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #FF6;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

/* ######################################################################################################
** ### TABS
** ######################################################################################################
*/
ul#tabnav {
	background:url(images/stripe_dark_red.png) repeat-x;
/*
  background-color:#79201f;
*/
  height:30px;
  margin:0pt;
  padding:0pt;
  display:block;
  line-height:35px;
}

ul#tabnav li {
  margin:0;
  padding:0;
  float:left;
  height:30px;
  list-style-type:none;
  position:relative;
}

ul#tabnav li a {
  color:#FFFFFF;
  font-size:15px;
  font-weight:bold;
  line-height:30px;
  text-decoration:none;
  display:block;
  float:left;
  height:30px;
  margin:0pt 0pt 0pt 5px;
  padding:0pt 6px;
  position:relative;
}

ul#tabnav li a:hover, ul#tab li a.active {
  background:#FFFFFF none repeat scroll 0%;
	color: #14a114;
}

.panel {
	background: none repeat scroll 0%;
	padding-left: 10px;
	display:block;
	background-color:#DDDDDD;
}

.content {
  line-height:15px;
  padding:13px 35px 15px 15px;
  text-align:left;
}

/* ######################################################################################################
** ### Postfach
** ######################################################################################################
*/

.postbox_head{
	width: 97%;
	padding: 5px;
	border-width: 1px;
	border-color: #79201f;
	border-style: solid;
	background-color: #FFFFFF;
	vertical-align:middle;
	text-align:center;
}

.postbox_table{
  font-size:12px;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

.postbox_table_head{
	width: 100%;
	height: 30px;
	color:white;
	background:url(images/stripe_dark_red.png) repeat-x;
}

.postbox_message{
	width: 95%;
	border-width: 1px;
	border-color: #ecb27d;
	border-style: solid;
  font-size:12px;
	padding: 10px;
	background-color:white;
}

.postbox_navigation_anchor{
	text-decoration:none;
}

/* ######################################################################################################
** ### Buddyliste
** ######################################################################################################
*/

.bl_table{
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: #ecb27d;
	background-color:white;
	width: 340px;
}

.bl_cell{
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: #ecb27d;
	font-size:12px;
	font-weight: bold;
}

.bl_cell2{
	border-collapse: collapse;
	font-size:12px;
}

.bl_table_head{
	border-collapse: collapse;
	height: 22px;
	width: 100%;
	color: #003300;
	font-size:12px;
	font-weight: bold;
}

/* ######################################################################################################
** ### Suchprofile
** ######################################################################################################
*/

.form_search { 
	margin-bottom: 0; 
}

.searchprofile_table{
	border-collapse: collapse;
	font-size:12px;
}

.searchprofile_table_head{
	width: 100%;
	height: 30px;
	color:white;
	background:url(images/stripe_dark_red.png) repeat-x;
}

.searchprofile_table_row{
	height: 30px;
	border-color: #79201f;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color: #FFFFFF;
}

.searchprofile_message{
	width: 95%;
	border-width: 1px;
	border-color: #ecb27d;
	border-style: solid;
  font-size:12px;
	padding: 10px;
}

/* ######################################################################################################
** ### Smilies
** ######################################################################################################
*/
.simlie{
	padding-left: 5px;
	padding-right 5px;
}

/* ######################################################################################################
** ### Greetings
** ######################################################################################################
*/
.greetings_box{
	margin-right:auto;
	margin-left:auto;
	width: 400;
	border-width: 1px;
	border-color: #ecb27d;
	border-style: solid;
	background-color: #FFFFFF;
  font-size:12px;
	padding: 10px;
}

/* ######################################################################################################
** ### News
** ######################################################################################################
*/
.news_date{
	font-size: 14px; 
}

.news_head{
	font-weight:bold; 
}

.news_content{
	font-size: 14px; 
}

.news_introduction{
	font-size: 14px; 
}

/* ######################################################################################################
** ### Gallery / User News
** ######################################################################################################
*/

.gallery_table{
	border-collapse: collapse;
	font-size:12px;
}

.gallery_table_head{
	border-collapse: collapse;
	width: 100%;
}

.gallery_table_headline{
	border-collapse: collapse;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ecb27d;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ecb27d;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ecb27d;
	padding: 0px;
	border-spacing 0px;
}

.gallery_table_content{
	border-collapse: collapse;
	border-width: 1px;
	border-color: #ecb27d;
	border-style: solid;
	background-color: #FFFFFF;
  font-size:12px;
	padding: 10px;
}

.gallery_picture_table{
	margin-right:auto;
	margin-left:auto;
	border-collapse: separate;
  font-size:12px;
	border-spacing: 18px;
}

.gallery_picture_table_card{
	background:url(images/gallery_red_table.jpg);
	width: 136;
	height:194;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
}

.gallery_username{
	font-weight:bold;
	color:#808080;
}