/**** VERTIKALER SCROLLBALKEN ****/
html { height: 100.5%; margin-bottom: 1px; } /* Immer Scrollleisten */

/**** BACKGROUND ****/
body {background-color: #9c9e9f;}

/**** SCHRIFT ****/
body { voice-family: inherit; font-size: small; }
html { font-family: Arial, Helvetica Neue, Helvetica, sans-serif;}

h1 {font-size: 240%; font-weight: bold; color: #707070;}
h2 {font-size: 140%; font-weight: bold; color: #152866; margin-bottom: 20px;}
h1.standalone {margin-bottom: 20px;}

p,
div.content ul {font-size: 105%; line-height: 1.5em; margin-bottom: 1.5em; color: #333; }
div.content ul {list-style: disc; padding-left: 15px; }


/**** LAYOUT ****/
div.clear {width: 100%; clear: both;}

div.container {position:relative; width: 760px; margin: 0 auto; background: #fff; padding: 10px; }

a { color: #0c1c4f; text-decoration: none; }
a:hover {text-decoration: underline; }

div.banner { width: 760px; height: 120px; position: relative;}
div.banner ul {position: absolute; top: 0px; right: 22px;}
div.banner ul li {display: inline; font-size: 90%; padding: 0 8px;}

div.content { width: 720px; position: relative;  padding: 40px 20px; }
div.content div.left {width: 60%; margin-right: 10%; position: relative; float: left;}
div.content div.right {width: 30%; position: relative; float: left; }

div.footer {width: 760px; height: 20px; position: relative; background: #152866; text-align: center;}
div.footer ul {padding-top: 2px;}
div.footer ul li {color: #fff; display: inline; font-size: 80%; padding: 0 8px;}

div.bild { width: 200px; }
div.bild p { border: 1px dotted #666; border-width: 0 0 1px 0; margin-bottom: 5px; }
div.bild p, div.bild table tr td {font-size: 12px; line-height: 1.5em; color: #525050; }
div.bild div.inhalt { position: relative; background-color: #eee; padding: 5px; border: 1px solid #666666; }
div.bild_startseite { position: absolute; top: 0px; left: 538px; }

table.technische_daten td {padding: 5px 0px; border: 1px dotted #999; border-width: 0px 0px 1px 0px;}


/**** FORMULAR ****/
div.eingabefeld {width: 210px; height: 55px; float: left;}
dl.formular, dl.formular dt label { font-size: 12px; line-height: 1.5em; }
dl.formular dt label { color: #525050; }
dl.formular dd { margin: 0 0 20px 5px; }
dl.formular dd input.text, dl.formular dd textarea, dl.formular dd select { border: 1px solid #666; font-size: 12px; line-height: 1.5em; padding: 2px 2px 3px 2px; width: 180px; }
dl.formular dd textarea { width: 300px; height: 75px; }


/**** NAVIGATION ****/
div.navigation {width: 760px; height: 24px; position: relative; background: #152866; z-index: 2; }
div.navigation ul.root { list-style-type:none; margin:0; padding:0; position: absolute; z-index: 3; }
		
div.navigation ul.root li { width: 151px; float:left; border-right: 1px solid #fff;}
		
div.navigation ul.root li {height:24px; overflow:hidden; } 
div.navigation ul.root li:hover {overflow:visible; }
div.navigation ul.root li ul {margin-left: 20px;}
div.navigation ul.root li ul li {width: 152px; height: 24px; border: 1px solid #999; border-width: 1px 0px 0px 0px; overflow:hidden;}
div.navigation ul.root li ul li:hover {overflow:visible;}
div.navigation ul.root li ul li ul {margin-left: 152px; margin-top: -25px;}
div.navigation ul.root li ul li ul li {border-left-width: 1px;}
	
div.navigation ul.root li a {font-size: 100%; line-height: 24px; text-align:left; display:block; height:24px; width:132px; padding-left: 20px;}
div.navigation ul.root li a:link,
div.navigation ul.root li a:visited { color:#fff; background: transparent; text-decoration:none; }
div.navigation ul.root li a:active,
div.navigation ul.root li a:hover,
div.navigation ul.root li a.aktiv { color:#152866; background: #bbb; text-decoration:none; }
div.navigation ul.root li ul li a { font-size: 90%; line-height: 24px; text-align:left; display:block; height:24px; width:142px; padding-left: 10px;}
div.navigation ul.root li ul li a:link,
div.navigation ul.root li ul li a:visited { color:#fff; background: #0c1c4f; text-decoration:none; }
div.navigation ul.root li ul li.sub a:link,
div.navigation ul.root li ul li.sub a:visited {color:#fff; background: #0c1c4f url('../images/backgrounds/navigation_pfeil.gif') no-repeat top right;}
div.navigation ul.root li ul li a:active,
div.navigation ul.root li ul li a:hover { color:#152866; background: #ccc; text-decoration:none; }
div.navigation ul.root li ul li.sub ul li a:link,
div.navigation ul.root li ul li.sub  ul li a:visited { color:#fff; background: #051446; text-decoration:none; }
div.navigation ul.root li ul li.sub  ul li a:active,
div.navigation ul.root li ul li.sub  ul li a:hover { color:#152866; background: #ccc; text-decoration:none; }

