/* Table of Contents:

	Header Layout
	Middle Layout
	Footer Layout
	Typography
	Links
	
*/



body {
	background:#ebeaea;
	margin:20px 0;
}
	
div#container {
	width:896px;
	margin:auto;
	background:#fff;
}



/* Header Layout
--------------------------------------------------------------------------------------- */

div#header {
	width:896px;
	padding:0; margin:0;
}

div#logo {
	width:846px;
	background:#fff;
	padding:20px 20px 20px 30px;
}

#top-nav {
	float:right;
	padding-top:50px;
}

div#banner {
	float:left;
	width:460px;
	background:#88baf9;
}

div#nav {
	float:left;
	width:196px;
	background:#5398f1;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	border-top:15px solid #88b8f5;
}

div#box {
	float:left;
	width:320px;
	background:#a2d054;
}





/* Middle Layout
--------------------------------------------------------------------------------------- */

div#main {
	clear:left;
	width:896px;
	padding:20px 0 0 0;
}

div#text {
	width:536px;
	float:left;
	padding:0 30px 30px 30px;
	text-align:justify;
}


div#sidebar {
	width:249px;
	float:left;
	padding:0 30px 0 20px;
	border-left:1px solid #ccc;
	text-align:left;
}




/* Footer Layout
--------------------------------------------------------------------------------------- */

div#footer {
	clear:both;
	color:#222;
	font:0.85em/1.6em Arial, Helvetica, sans-serif;
	padding:0 0 10px 30px;
}



/* Main Menu
--------------------------------------------------------------------------------------- */
	
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	background:#5398f1;
}

#menu ul li {
	display:block;
	float:left;
	margin:0;background:#5398f1;
}

#menu ul li a {
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:16px 15px 15px 15px;
	font-weight:bold;
}

#menu ul li a:hover {
	color:#fff;	
	padding:16px 15px 15px 15px;
}

#menu #uberlink2 a {
	color:#fff;	
	padding:16px 15px 15px 15px;
}

*html #menu #uberlink2 a {
	background:url(/img/website/bg-menu-hover.png) repeat-x;
	height:17px;
}

	
div#suche {
	float:right; 
	width:210px; 
	background:url(/img/website/bg-menu-hover.png) repeat-x;
	padding:10px 0 0 20px;
	height:39px;
}


	

/* Submenu
--------------------------------------------------------------------------------------- */

#submenu ul {
	margin:0;
	padding:0;
	width:196px;
	float:left;
}
	
#submenu ul li {
	list-style:none;
	display:block;
		background:#5398f1;
}

#submenu ul li a {
	display:block;
	text-decoration:none;
	padding:5px 0 5px 0;
	color:#fff;
	text-transform:uppercase;
	font:normal 12px Arial, Helvetica, sans-serif;
}
	
/* Fix IE. Hide from IE Mac \*/
* html #submenu ul li { float: left; height: 1%; }
* html #submenu ul li a { height: 1%; }
/* End */

#submenu ul li:hover ul, #nav ul li.over ul {
	display:block; 
	} 

#submenu ul li a:hover {
	text-decoration:none;
	color:#225712;
}
		
#submenu #uberlink a {
	font-weight:bold;
	color:#225712;
}

#submenu #uberlink a:hover {
	color:#225712;
}





/* Typography
--------------------------------------------------------------------------------------- */

body {font-size:80%; color:#222;font-family:Arial, Helvetica, sans-serif; line-height:1.5em;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#111;}
h1 {font-size:3em; line-height:1; margin-bottom:0.75em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:0.5em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
/* p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} */
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em; font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 2.5em;}
ul {list-style-type:disc;}
ul.bullet {list-style-image: url(/img/bullet_blue_small.png); padding:5px 0;}
ul.margin li, ol.margin li {margin-bottom:1em;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.5em;}
#sidebar table {margin-bottom:0.7em;}
th {font-weight:bold;background:#C3D9FF;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.85em;margin-bottom:1.875em;line-height:1.7em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.right {text-align:right;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#ff0000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.clear {clear:both;}

.bullet {
	background:url(/img/bullet_blue_small.png) no-repeat; 
	padding-left:20px;
}

div.hr {
	overflow:hidden;
 	height:1px;
 	background:url(/img/dotted.gif);
 	margin:1.5em 0;
}

div.hr hr {
	display:none;
}

.floatright {
	float:right;
	margin:5px 0 15px 15px;
}

.floatleft {
	float:left;
	margin:5px 15px 15px 0;
}


table.termine {
	color:#38466B;
	font-weight:bold;
	}

tr.on {
	background:#eafcdd;
}

table.preise td {
	padding:4px 0;
}

table.newsletter {
	margin:0 0 30px 0;
}

table.newsletter td {
	background:url(/img/website/dotted.gif) repeat-x bottom;
}

table.newsletter td {
	padding:15px 0 0 0;
}

table.newsletter td.last {
	background:none;
}

div.fragebogen-box {
	background:#eafcdd;
	padding:1em;
	margin:0 0 1em 0;
}

ul.ul-box {
	margin-left:15px;
}


/* Headline
--------------------------------------------------------------------------------------- */

#box h1 {
	color:#fff;
	font:16px/1.5em Arial, Helvetica, sans-serif;
}

#text h1 {
	font:22px/1.5em Arial, Helvetica, sans-serif;
}

#text h2 {
	font:16px/1.5em Arial, Helvetica, sans-serif;
}

#text h2 small {
	font:14px/1.5em Arial, Helvetica, sans-serif;
	display:block;
}

#text h3 {
	font:14px/1.5em Arial, Helvetica, sans-serif; font-weight:bold;
}

#sidebar h1 {
	font:16px/1.5em Arial, Helvetica, sans-serif;
}

#sidebar h2 {
	font:bold 12px/1.5em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}





/* Links
--------------------------------------------------------------------------------------- */

a:link, a:visited, a:active {
	color:#23710c;
}

a:hover {
	color:#000;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#eefcea;
	text-decoration:none;
}

#footer a:hover {
	color:#225712;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:active {
	color:#23710c;
}

#sidebar a:hover {
	color:#000;
}