/* ========= Globale Formate ======== */

body	{
	margin: 0; padding: 0;
	background: #FFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	text-align: center; font-size: 101%; color: #484848;
	background: url("../img/layout-bg-main.jpg") center top repeat-y #EFEAE0;
} 

div, ul, li, p {margin: 0; padding: 0; font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;}

a:link		{color: #2282E2; text-decoration: underline;}
a:visited 	{color: #1A73CA; text-decoration: underline;}
a:hover, a:active, a:focus	{color: #000; text-decoration: underline;}

/* DIVS */
#main-container	{
		width: 760px;
		margin: 0 auto 0 auto;
		background: url("../img/layout-bg-main-container.gif") repeat-y #FEFFFA;
}
		
#main-container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#inner-container 	{ 
			width: 100%;
			text-align: left;
			background: url("../img/layout-bg-inner-container.jpg") left top no-repeat;
}
			
#inner-container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#header	{
	width: 100%; height: 179px;
	text-align: left;
	background: url("../img/layout-bg-header.jpg") no-repeat #88B8FF;
}
	

#header a, #header a:visited, #header a:hover, #header a:active, #header a:focus {display: block; height: 150px; width: 150px; overflow: hidden; letter-spacing: 1000px; text-indent: -500em; margin: 0 0 0 27px; text-decoration: none; border: none; background: none;}

/* Positionsanzeige */

#telefon	{	
		width: 100%; height: 1.3em;
		clear: both;
		vertical-align: top;
		font-size: 93%; line-height: 1.0em; color: #3A90E6; text-align: right; 
		background: #EFCFA3;
}
		
/* Inhaltsbereich */

#content { width: 530px; margin: 0 6px 15px 20px; float: left;} 

* html #content { position: relative; left:0; top: 0; display: inline;}


/* ========= Navigations - Bereich ======== */

/* Navigation (global) */

#nav {
		width: 187px;
		float: left; display: inline; 
		margin: 0 0 0 7px;
		font-size: 80%;
		background: url("../img/layout-bg-nav.gif") top left no-repeat #5BA4EC;
}

#nav ul {
	display: block;
	margin: 15px 0 0 0;
	border-top: 1px solid #82BCEE;
	background: #3B91E6;
}

#nav ul li {list-style: none;}

#nav a, #nav a:visited 	{
		display: block; width: 187px;
		padding: 0 0 2px 0;
		color: #FBF2DE; font-weight: normal; text-indent: 9px; font-size: 100%; line-height: 1.735em;
		background: url("../img/layout-n-inactive.gif") left center repeat-y;
		border-bottom: 1px solid #82BCEE;
		text-decoration: none;
}

#nav a:active, #nav a:hover, #nav a:focus {background: url("../img/layout-n-active.gif") left center repeat-y; color: #FFF;}

/* Navigation (styling the level) */

a#level-0, a:visited#level-0 	{
			background: url("../img/layout-n-active.gif") left center repeat-y;
			color: #FFF;
}
			
a:hover#level-0, a:active#level-0, a:focus#level-0 {background: url("../img/layout-n-active.gif") left center repeat-y;}


/* Menü (LEVEL 1 [sub]) */

#nav ul ul {background: #5BA4EC; margin: 0; padding: 0; border-top: 0px;}

#nav ul ul li	{
		font-size: 85%;
		background: none;
}
	
#nav ul ul li a, #nav ul ul li a:visited	{	
		padding: 0 0 2px 0;
		background: #1A71C6;
		border-bottom: 1px solid #69AEEA;
		text-indent: 14px; 
}

#nav ul ul li a:hover, #nav ul ul li a:active, #nav ul ul li a:focus {background: url("../img/layout-n-sub-active.gif") left center repeat-y;}

#nav ul ul li a#level-1, #nav ul ul li a:visited#level-1 {
				background: url("../img/layout-n-sub-active.gif") left center repeat-y;
				color: #FFF;
}
							
a:hover#level-1, a:active#level-1, a:focus#level-1 {background: #3489D9;  background: url("../img/layout-n-sub-active.gif") left center repeat-y}

/* Hack IE (kein doppelter Abstand bei Listenpunkten durch Border) */
html + body #nav ul ul li a, #nav ul ul li a:visited, #nav ul li a, #nav ul li a:visited {border-bottom: 0px;}

/* Hack IE 5.0 Löst in diesem Fall das 2 Pixel-Abstand-Problem und mit float:none das Verrutschen der Menüpunkte */
html + body #nav a, #nav a:visited {width: auto; height: 1%; border-top: 1px solid #69AEEA;}  
* html #nav ul li, #nav ul ul li {text-indent: 0px; display: inline; float:none;}

html>body #nav ul ul li a, #nav ul ul li a:visited, #nav ul li a, #nav ul li a:visited {border-bottom: 1px solid #69AEEA; border-top: 0;}


/* Footer mit 2 Hacks und einem Workaround */
/* Die Hintergrundpositionen entfernt einen 1 Pixel-Abstand des Footers (nach oben) beim IE */
#footer	{width: 100%; height: 6em; background: url("../img/layout-bg-footer.gif") no-repeat #F7E7D3; margin-bottom: -1px; color: #F1CC7C; font-size: 83%;
		display: inline; /* für IE 5.5 */
		voice-family: "\"}\"";
		display: block; /* für alle anderen Browser */
}
html + body #footer {display: inline;}  /* für IE 5 */

#footer a, #footer a:visited  {text-decoration: none; background: none; color: #FFF; font-weight: bold; }
#footer a:hover, #footer a:active,  #footer a:focus, #footer a:focus .sffocus {color: #1A73CA;}

#bottom-nav {
	width: 555px; height: 2em;
	display: block; float: right; clear: both; 
	margin: 20px 0 0 0; padding: 0 0 10px 0;
	font-size: 83%;; 
}

/* Navigation [bottom] */
#bottom-nav li {display: inline; float: left;}
#bottom-nav li a, #bottom-nav li a:visited {
				display: block; float: left; line-height: 1.2em;
				padding: 0 0 0 11px;
				margin: 0;
				border: none;
} 
				
#bottom-nav li#backlink {}
#bottom-nav li#toplink {float: right; width: 155px;}
li#backlink a, li#backlink a:visited {background: url("../img/layout-icon-back.gif") center left no-repeat;}
li#toplink a, li#toplink a:visited {background: url("../img/layout-icon-top.gif") center right no-repeat; padding-left: 0px; padding-right: 10px;}

.imprint {display: none;}


/* ========= Content - Bereich ======== */

/* Der folgende Style wird nicht auf dem Schirm angezeigt, aber von Screenreadern vorgelesen) */
.hiddenbutreader {position: absolute; left: -999em; top: -999em;}

.seperator {width: 95%; margin-bottom: 13px; float: left; overflow: visible;}


/* Schriften */

h1	{font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 130%; font-weight: bold; color: #529DEA; line-height: 120%; margin: 1em 0 0.5em 0;}
h2	{font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 100%; font-weight: bold; color: #737373; line-height: 100%;  margin: 1.2em 0 0.5em 0;}
h3	{font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 90%; font-weight: bold; color: #737373; line-height: 100%;  margin: 1em 0 0.3em 0;}

p	{font-family:Verdana,  Tahoma, Arial, Helvetica, Sans-Serif; line-height: 155%; margin: 0.6em 0 0 0; font-size: 80%;}
#footer p {font-family: Arial, Helvetica, Verdana, Sans-Serif; width: 100%; display: block; clear: both; margin: 3px 0 0 0; text-align: center; vertical-align: middle; line-height: 1.6em; color: #3A90E6}
#footer span {color: #000;}

#telefon p {
	display: block; 
	float: right; clear: both;
	margin: 0; padding: 0 7px 0 25px; 
	background: url("../img/layout-icon-telefon.gif") center left no-repeat;
}

#content ul {margin: 10px 0 15px 40px; font-size: 83%;}
#content  li {
			background: none;
			list-style-type: circle; 
			line-height: 160%; 
			margin: 0; 
			padding: 2px 0 2px 2px; 
			}


/* Listen-Links */

#content .linking  {margin: 10px 0 15px 0; list-style: none;}
#content .linking  ul {margin: 10px 0 15px 0; list-style: none;}

#content .linking li {
		display: block; 
		margin: 0 0 0 15px; padding: 3px 0 3px 0;
	      list-style: none;
        	line-height: 150%;
}

#content .linking li a, #content .linking li a:visited {
                                margin: 0; padding: 0 0 0 19px; display: inline;
                                color: #000; text-decoration: none;
                                line-height: 150%; vertical-align: top;
                                background: url("../img/layout-icon-ul.gif") top left no-repeat;
}

#content .linking .daddy a, #content .linking .daddy a:visited { vertical-align: top; line-height: 100%;}

#content .linking .daddy ul li a, #content .linking .daddy ul li a:visited {
                                margin: 0; padding: 0px 0 0 19px; display: inline;
                                color: #000; text-decoration: none;
                                line-height: 180%; vertical-align: top; 
                                background: url("../img/layout-icon-ul-2.gif") center left no-repeat;
}

#content .linking li a:active, #content .linking li a:hover, #content.linking li a:focus {color: #0092FF;}
#content .linking .daddy ul li a:active, #content .linking .daddy ul li a:hover, #content .linking .daddy ul li a:focus {color: #0092FF;}


/* IE 5 */
html + body #content .linking li a, #content .linking li a:visited {display: block; height: 1em;}

.linking span {border-bottom: 1px solid #FFDB6D;}
			
ol {line-height: 165%; margin-bottom: 1.5em;}
ol li {margin-bottom: 1em; background-image: none;}


/* HTML TAGS for ACCESSIBILITY */
abbr, acronym { cursor: help; border-bottom: 1px dotted #000;}
			
hr { color: #FFF; height: 3px; width: 98%; background-color: #FFF; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #C0C0C0; margin: 10px 0 10px 0; line-height: 1px; font-size: 1px;}

/* Bilder */

img	{font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif; border: 0px; float: right; margin: 9px 5px 10px 5px; border: 1px solid #7B6F6F;}
.deco-right {float: right; margin: 9px 5px 10px 5px; border: 1px solid #7B6F6F;}
.deco-left {float: left; margin: 6px 10px 3px 0; border: 1px solid #7B6F6F;}

/* Tabellen */

table {font-size: 80%; table-layout:fixed;}
table span {white-space: nowrap;}

.info-table     {
                width: 540px;
                margin: 15px 0 15px 0;
                border-collapse: collapse;
                empty-cells: hide;
                }

.info-table th  {
                padding: 2px 0px 3px 5px;
                background: #ACDAFB;
                font-family: Arial, Helvetica,
                Verdana, Sans-Serif; text-align: left; color: #0082E5;
                border: 1px solid #5BA4EC;
}

.the-headers    {
                padding: 2px 0px 3px 5px;
                background: #ACDAFB;
                font-family: Arial, Helvetica,
                Verdana, Sans-Serif; text-align: left; color: #0082E5;
                border: 1px solid #5BA4EC;
}

.info-table td  {
        line-height: 150%;
        vertical-align: top;
        border: 1px solid #5BA4EC;
}
.info-table p   {margin: 0px 0px 6px 2px;}
.info-table ul  {line-height: 160%; list-style: circle;
margin: 0px 5px 5px 10px; padding: 0px 0px 0px 5px;}

/* Formularfelder */

input {
	border: 1px solid #5BA4EC;
        background: #FFFFFF;
        height: 1.5em; width: 300px;
        padding: 2px 0 0 3px;
}

/* Hinweis: den input-type submit sollten Sie dann extra stylen */

textarea {
        border: 1px solid #5BA4EC;
        background: #FFFFFF;
        height: 180px; width: 500px;
        padding: 2px 0 0 3px;
}

input.submitter      {
                padding: 2px; margin: 13px 0 28px 0;
                width: 200px;
                text-align: center; color: #FFFFFF; font-weight: bold;
                cursor: pointer;
                border-top: 1px solid #CEC9C1;
                border-left: 1px solid #CEC9C1;
                border-right: 1px solid #797163;
                border-bottom:  1px solid #797163;
                background: #5BA4EC;
}