/*
###### CSS structure:
 1. CONTAINER-BOXES & LAYOUT SETUP
 2. HEADER
 3. INFO-ROW
 4. MAIN BOX
 5. MAIN NAVIGATION
 6. LEFT NAVIGATION
 7. LEFT BORDER CONTENT
 8. INNER CONTENT
 9. FOOTER
 10. TEXT & ELEMENT FORMATING

*/


/*###### CONTAINER-BOXES & LAYOUT SETUP ######*/

body{
	padding:0px;
	margin:0px;
	
	background-color:#fafafa;
	
	color:#000000;
	font-size:14px;
	font-family:Arial, Verdana, sans;
	line-height:110%;
}

div{
	display:block;
	margin:0px;
	padding:0px;
}

div.container{
	position:absolute;
	
	left:50%;
	top:0px;
	margin-left:-400px;
	width:800px;
	
	font-size:0.85em;
}


/*###### HEADER ######*/

div.header_box{
	position:relative;
	
	left:0px;
	top:0px;
	height:122px;
	padding-left:6px;
	padding-right:6px;
	
	background-image:url(../img/box_background.jpg);
	background-repeat:repeat-y;
	
	width:100%;
	voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  	voice-family:inherit;
  	width:788px;
}
div.workaround{} /* avoids the following declaration from being ignored */

div.header_box_bottom{
	position:relative;
	
	left:0px;
	top:0px;
	width:100%;
	height:10px;
	
	background-image:url(../img/box_bottom.jpg);
	background-repeat:no-repeat;
	
	font-size:0em;
	line-height:0em;
}

div.logo{
	position:absolute;
	left:38px;
	top:4px;
}
div.banner_image{
	position:absolute;
	right:13px;
	top:6px;
}


/*###### INFO-ROW ######*/

div.box_spacing{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:27px;
}

div.info_row{
	position:absolute;
	
	left:0px;
	top:132px;
	width:100%;
	height:20px;
	padding-left:12px;
	padding-right:12px;
	padding-top:1px;
	
	font-size:1em;
}

div.info_row a{
	color:#ce4e00;
	text-decoration:underline;
}
div.info_row a:hover, div.info_row a:focus{
	color:#ff3a00;
	text-decoration:underline;
}

div.info_row table{
	width:775px;
	border-spacing:0px;
	border-collapse:collapse;
	
	font-size:1em;
}

div.info_row td{
	vertical-align:top;
}

td.flags{
	padding-top:2px;
}
td.flags img{
	margin-left:4px;
	margin-right:4px;
}

td.search{
	font-size:1.1em;
	font-weight:bold;
	color:#444444;
}
span.options form{
	display:inline;
	margin-top:-2px;
}

.searchinput{
	font-size:1.1em;
	background-color:#ddffcc;
	width:125px;
}


/*###### MAIN BOX ######*/

div.main_box_top{
	position:relative;
	
	left:0px;
	top:0px;
	width:100%;
	height:10px;
	
	background-image:url(../img/box_top.jpg);
	background-repeat:no-repeat;
	
	font-size:0em;
	line-height:0em;
}

div.main_box{
	position:relative;
	
	left:0px;
	top:0px;
	width:100%;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	
	background-image:url(../img/box_background.jpg);
	background-repeat:repeat-y;
}

div.main_box_bottom{
	position:relative;
	
	left:0px;
	top:0px;
	width:100%;
	height:10px;
	margin-bottom:15px;
	
	background-image:url(../img/box_bottom.jpg);
	background-repeat:no-repeat;
	
	font-size:0em;
	line-height:0em;
}

div.content{
	position:relative;
	padding-left:10px;
	padding-right:10px;
}


/*###### MAIN NAVIGATION ######*/

div.main_nav{
	position:relative;
	
	left:0px;
	top:0px;
	width:788px;
	height:20px;
	margin-bottom:12px;
	
	background-color:#baf0a2;
}

div.first_items{
	position:relative;
	float:left;
	
	left:25px;
	top:0px;
	height:20px;
	
	border-right:1px solid #ffffff;
}
div.second_items{
	position:relative;
	float:right;
	
	top:0px;
	right:25px;
	height:20px;
	
	border-right:1px solid #ffffff;
}

div.main_nav_item{
	float:left;
	
	height:20px;
	vertical-align:top;
	
	background-image:url(../img/main_nav_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

div.nav_left_edge{
	float:left;
	width:10px;
	height:20px;
	
	background-image:url(../img/main_nav_left.jpg);
	background-repeat:no-repeat;
}
div.nav_right_edge{
	float:left;
	width:9px;
	height:20px;
	
	background-image:url(../img/main_nav_right.jpg);
	background-repeat:no-repeat;
}

div.nav_label{
	float:left;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:4px;
	vertical-align:middle;
	
	font-size:1.1em;
	font-weight:bold;
}
* html div.nav_label{
	height:16px;
}

div.nav_label a{
	color:#000000;
	text-decoration:none;
}
div.nav_label a:hover, div.nav_label a:focus{
	color:#c8fc3d;
	text-decoration:none;
}

/*###### LEFT NAVIGATION ######*/

div.left_nav{
	position:relative;
	float:left;
	
	width:182px;
	padding-top:5px;
	
	border-right:1px solid #dddddd;
}

div.left_nav_item{
	position:relative;
	
	width:160px;
	height:16px;
	padding-top:3px;
	padding-left:12px;
	margin-bottom:2px;
	line-height:90%;
	font-size:1.1em;
	font-weight:bold;
	
	background-color:#65d13c;
	background-image:url(../img/left_nav_end.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

div.left_nav_item a{
	color:#000000;
	text-decoration:none;
}
div.left_nav_item a:hover, div.left_nav_item a:focus{
	color:#c8fc3d;
	text-decoration:none;
}


/*###### LEFT BORDER CONTENT ######*/

div.quotation_box{
	position:relative;
	
	left:50%;
	margin-left:-79px;
	width:135px;
	padding:5px;
	margin-top:25px;
	border:1px solid #666666;
	
	font-style:italic;
	font-size:1.05em;
}

div.left_picture{
	position:relative;
	left:50%;
	margin-left:-74px;
	width:136px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}


/*###### INNER CONTENT ######*/

div.content_inner{
	position:relative;
	float:right;
	
	right:30px;
	width:550px;
	line-height:125%;
	font-size:115%;
}


/*###### FOOTER ######*/

div.footer{
	position:relative;
	clear:both;
	
	left:20px;
	top:0px;
	width:748px;
	height:20px;
	padding-top:5px;
	
	border-top:1px solid #dddddd;
	text-align:center;
	color:#999999;
}

div.footer a{
	color:#4b8000;
	text-decoration:underline;
}
div.footer a:hover, div.footer a:focus{
	color:#4baf00;
	text-decoration:underline;
}

.privacy {font-size:8pt; color:#556677; border-top:1px solid #556677;}

/*###### TEXT & ELEMENT FORMATING ######*/

a{
	color:#294C00;
	text-decoration:underline;
}
a:hover, a:focus{
	color:#ce4e00;
	text-decoration:underline;
}

a img, a:hover img, a:focus img{
	border:none;
}

h1{
	margin-top:0.303em;
	font-family:Arial, Verdana, sans;
	font-variant:small-caps;
	font-size:1.55em;
	font-weight:bold;
	letter-spacing:0.03em;
}
h2{
	margin-top:1.35em;
	margin-bottom:0.133em;
	font-family:Arial, Verdana, sans;
	font-size:1.15em;
	letter-spacing:0.02em;
}
h3{
	margin-top:0.37em;
	font-family:Arial, Verdana, sans;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.01em;
}

div.content_inner ul{
	margin-top:2px;
	margin-bottom:3px;
	list-style-type:disc;
}
div.content_inner ol{
	list-style-type:decimal;
}

table td {vertical-align:top;}
.tableborderaround {border:1px solid #9CA087; border-collapse:collapse; width:100%}
.tableborder {border:1px solid #CED2B9; border-collapse:collapse; width:100%}
.tableborder th {border:1px solid #999999; padding:3px;}
.tableborder td {border:1px solid #CED2B9; vertical-align:middle;} 

.small {font-size:90%;}
.entrylegend {font-size:8pt;color:#667799;}
.formerror {color:#FF0000; font-size:8pt;}
A.loeschen {font-family:arial; font-size:8pt; background-color:#d4d4d4; margin-top:5px; font-weight:normal;}

.border {border-style:solid; border-width:1px; border-color:#898989; border-collapse:collapse;}
.border td {border-style:solid; border-width:1px; border-color:#898989}

.SocialBookmark, h4 {
	margin-bottom:4px;
	padding-bottom:0;
}

.SocialBookmark li {
	float: left;
	list-style: none;
	margin: 0 0 0 8px;
	padding:0;
}
