body	{
 border: none;
 text-align: center;
 font-size : 12px;
 font-family : verdana, helvetica, sans-serif;
 color : #000;
 vertical-align : top;
 background: #fff fixed url('../css/background.jpg') center center;
 margin: 0;
 padding: 0;
 height:100%;
}
#wrapper {
	position: relative;
	width: 970px;
	margin: 0 auto;
	padding: 0;
	background: url('../css/border_wrapper.png') repeat-y;
	height:auto !important;
	height:100%;
	min-height:100%;
}
#wrapper #wrapper-main {
	padding: 0;
	margin: 0;
	position: relative;
	width: 940px;
	top: 0;
	left: 10px;
	border: 5px solid #fff;
}

/* OBEN BANNER & MENU & SCHRIFTZUG */
#banner {position: relative;float: left;width: 940px;text-align: left;height: 200px;border-bottom: 2px solid #fff; background: #fff url('../css/banner_cdu.jpg') no-repeat;}
#top-menu {overflow: hidden;position: absolute; width: 300px; height: 30px; margin: 0; background: #ff9900; color: #fff; left: 0; border: 1px solid #fff; border-width: 0 2px 2px 0;}
#top-menu a {display: block; float: left; top: 0; width: 100px; height: 30px; color: #fff; text-align: center; line-height: 30px; font-size: 12px; font-weight: bold; text-decoration: none; border: 0;}
#top-menu a:hover {display: block; float: left; width: 100px; height: 30px; background: #8e96b1; color: #fff; text-decoration: none; text-align: center; line-height: 30px; border: 0;}
#top-logo {position: absolute; width: 315px; height: 60px; margin: 0; left: 626px; top: 20px; border: 0; background: url('../css/logo.png') no-repeat;}
#top-schriftzug {position: absolute; width: 519px; height: 17px; margin: 0; left: 10px; top: 170px; border: 0; font-size: 18px; color: #fff; background: url('../css/schriftzug.png') no-repeat;}
#top-hyperlinks {position: absolute; width: auto; height: 25px; margin: 0; left: 0; top: 0; border: 0; font-size: 11px; color: #fff; text-transform:uppercase;border: solid #fff;border-width:0 3px 3px 0;}
#top-hyperlinks a, #top-hyperlinks a:link, #top-hyperlinks a:visited {text-decoration: none;color: #fff; padding: 0 7px; background: #ff9900; display: block; float: left; line-height: 25px;}
#top-hyperlinks a:hover {text-decoration: none;display: block; float: left; height: 25px;background: #acb7c1; color: #000;}
#fontText { color: #fff; position: absolute; top: 7px; right: 110px; font-size: 10px;}
#navigation #fontControls {position: absolute; top: 3px; right: 0;}
#navigation #fontControls a{float: left; overflow: hidden; background: #ff9900; font-size: 13px; text-align: center; height: 20px; width: 30px;}
#navigation #fontControls a:hover {color: #fc3; text-decoration: underline;}
#navigation #fontControls a:link, #fontControls a:visited, #fontControls a:active {color: #fff; text-decoration: none;}
#suche {position: absolute; width: 224px; height: 28px; margin: 0; left: 241px; top: 0; border: 0; font-size: 11px; color: #fff; background: #fff;}

/* NAVIGATION */
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	width: 150px;
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	width: 150px;
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */



/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu, .menu ul li {
	color: #234;
	background: #ff9900;
}

.menu ul {
	width: 11em;
}

.menu a {
	text-decoration: none;
	color: #234;
	padding: .4em 1em;
	display: block;
	position: relative;
	font-size: 12px;
	text-align: left;
}

.menu a:hover, .menu li:hover>a {
	color: #fff;
}

.menu li li {	/* create borders around each item */
	border: 1px solid #fff;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #ddd;
}*/

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */


#navigation {float: left;top: 0;right: 0;width: 940px; height: 26px; position: relative; background: #fff; z-index: 100;}

/* MAIN & CONTENT */
#main {float: left;width: 940px;margin: 0;padding: 0;position: relative; padding: 0 0 10px 0; min-height: 500px; background: #fff;}
	
/* SIDEBAR */	
#sidebar ul,li {padding-left: 5px;}
#sidebar {width: 200px; float: right; top: -12px; right: -10px; position: relative; margin: 0 0 10px 25px; padding: 0; background: #fff; border-left: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7;}
#sidebar h1 {display: block; background: #223344; font-size: 14px; color: #fff; text-align: center; margin: 0; line-height: 28px; height: 28px;}
#sidebar strong {font-size: 12px; color: #666; font-family : Verdana, arial, helvetica, sans-serif;}
#sidebar p {padding: 0 10px; font-size: 13px; color: #000; line-height: 16px;}
#sidebar ul, #sidebar ol  {padding: 0 10px 0 0;margin: 1em 0 2em 20px;}
#sidebar ul:hover {display: block;}
#sidebar ul li {color: #000;margin-bottom: 0.6em;list-style: square url(../css/icon_sel.png); line-height: 20px;}
#sidebar ul li:hover {color: #ff9900;margin-bottom: 0.6em;list-style: square url(../css/icon_sel.png); line-height: 20px;}
#sidebar a {text-decoration : none; font-weight : normal; color: #000;}
#sidebar a:hover {color : #fc3;}

/* CONTENT */
#content {width: 915px;text-align: left;padding: 8px 15px;margin: 0;color: #666;line-height:25px;font-size:120%;word-spacing:2px; background: #fff;}
#content a {text-decoration : none; font-weight: bold; color: #1c2d63; font-size: 13px;}
#content a:hover {color : #28b4eb;}
#content #sidebar a {text-decoration : none; font-weight : normal;}
#content #sidebar a:focus, #content #sidebar a:active {color : #28B4EB;}
#content #sidebar a:link, #content #sidebar a:visited {color : #000;}
#content #sidebar a:hover {color : #28B4EB;}
#content ul, #content ol  {padding: 0 10px 0 0; margin: 1em 0 2em 20px;}
#content ul li {margin-bottom: 0.6em; list-style: square url(../css/icon_sel.png);}

/* BOTTOM & FOOTER */
#footer {display: block; background: #ff9900; height: 100px; position: relative; width:100%; bottom:0; color: #000;}
#footer a {text-decoration : none; font-weight : normal; color: #fff;}
#footer a:hover {color : #fc3;}
#footeradresse {position: absolute; top: 15px; left: 15px; color: #234; font-size: 12px; text-align: left; width: 220px;}
#footerkontakt {position: absolute; top: 15px; left: 220px; color: #234; font-size: 12px; text-align: left; width: 160px;}
#footerbank {position: absolute; top: 15px; left: 415px; color: #234; font-size: 12px; text-align: left; width: 160px;}
#footerinfo {position: absolute; top: 20px; right: 15px; color: #234; text-align: left; width: 160px; font-size: 10px;}

/* ALLGEMEIN */
.clear {clear: both;}
a img {border: none;}
p {
 line-height: 2em;
 font-family : Verdana, arial, helvetica, sans-serif;
 font-size : 12px;
 color : #000000;
 background-color : transparent;
}
table {
 padding: 0;
 border: 0;
 text-align: center;
}
td {
 vertical-align : top;
 text-align : left;
 font-size : 12px;
 font-family : Verdana, arial, helvetica, sans-serif;
 color : #000000;
}
h1 {
 line-height: 1.2em;
 font-size : 16px;
 font-weight : normal;
 color : #196e90;
 font-family : Verdana, arial, helvetica, sans-serif;
 background-color : transparent;
 margin-bottom: 18px;
}
h2 {
 margin: 0;
 line-height: 1em;
 font-size : 15px;
 text-align: left;
 text-decoration : none;
 color : #1d7fa6;
 font-family : Verdana, arial, helvetica, sans-serif;
}
h3 {
 margin: 0;
 line-height: 1em;
 font-size : 13px;
 text-align: left;
 text-decoration : none;
 color : #ff9900;
 font-family : Verdana, arial, helvetica, sans-serif;
}
h4 {
 margin: 0;
 line-height: 1em;
 font-size : 12px;
 text-align: left;
 text-decoration : none;
 color : #234;
 font-family : Verdana, arial, helvetica, sans-serif;
}
input#submit{
border:1px solid #AAA;
background:url(../css/whitebutton.gif) repeat-x left bottom;
color:#555;
width:160px;
padding:5px 10px;
cursor:pointer;
}
input#submit:hover{
border:1px solid #555;
}
#commentform #inp,#commentform textarea {
float:left;
background:#FAFAFA;
width:350px;
padding:5px;
border:1px solid #999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#666;
margin-bottom:10px;
}
#commentform #inp:focus,#commentform textarea:focus,#commentform #inp:hover,#commentform textarea:hover {
background:#FFF;
border:1px solid #444;
}
option {
border:none;
background:none;
width:auto;
}
#commentform  label {
width: 200px;
float: left;
padding-right:10px;
white-space:nowrap; /*to fix ie6 wrapping*/
}
.nb_img {
 border: 0px solid #fff;
}
.dotline {
 background-image : url(../css/dotline.gif);
 background-repeat : repeat-x;
 background-color : transparent;
 overflow : hidden;
 font-size : 1px;
 margin : 0;
 width : 100%;
 height : 1px;
}
.dotline_b {
 background-image : url(../css/dotline_b.gif);
 background-repeat : repeat-x;
 background-color : transparent;
 overflow : hidden;
 font-size : 1px;
 margin : 0;
 width : 100%;
 height : 1px;
 padding: 0;
}
/* BILDERRAHMEN */
img.links_rahmen {
float: left;
margin: 10px 15px 10px 0;
padding: 5px;
border:1px solid #ccc;
}
img.rechts_rahmen {
float: right;
margin: 10px 0 10px 15px;
padding: 5px;
border:1px solid #ccc;
}
img.einrahmen {
padding: 5px;
border:1px solid #ccc;
}
a.print {
width: 24px;
height: 24px;
float: right;
margin: 0 0 10px 30px;
padding: 2px 0px 0 25px;
background: transparent url(../css/print.gif) no-repeat top left;
}

/* TERMIN KALENDERBLATT */
h3.termin {font-family:Constantia,Georgia,"Bitstream Vera Serif","Palatino Linotype",serif;width:auto;text-align:center;margin:0;padding: 0;}
.tag,.monat,.jahr{display:block;padding: 0 2px; text-align: center;}
.tag{font-size:1.6em; height: 5px; line-height: 30px;font-weight:normal;margin: 5px 0 5px 0;padding:0 0 10px 0;color:#333;position:relative;z-index:900;}
.monat{font-size:1.1em;margin:8px 0 1px 0;color:#777; z-index:800;}
.jahr{font-size:.9em;margin:1px 0 0 0;color:#999;}
#termin {float:left; width: 50px; height: 70px; border:1px #ccc solid;background-color:#fbfaf6; margin: 10px 10px 10px 0;}
#termintxt {margin: 10px 0 0 0; float: left; height: 70px; padding: 5px 0 0 0; width: 750px;}

/* SUCHFORM */
.search input, .search input#submit {
	border: none;
	float: left;
	margin-left: 60px;
}
.search input {
	color: #000;
	font-size: 11px;
	width: 125px;
	height: 17px;
	padding: 6px 5px 0;
	background: #ff9900;
	border: 1px solid #000;
	border-width: 1px 0 1px 1px;
}
.search input:focus {
	outline: none;
}
.search input#submit{
	margin:0;
	width: 25px;
	height: 25px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fff;
	background: url(search_bg.gif) no-repeat right top;
}
.search input#submit:hover{
	background: url(search_bg.gif) no-repeat right -25px;
}