/*-----------------------------CSS Reset-------------------
-------------------------------------------------------- */
* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}

b,
strong {
font-weight: bold;
}

ul {
	list-style-position: inside;
}

a:link, a:visited {
text-decoration: none;
}

a:hover, a:active, a:focus {
text-decoration: none;
}
/*-----------------Schriften--------------------------------
----------------------------------------------------------*/
body{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 100%;
    line-height: normal;
    color: #99CCFF; 
    background-color: #14285f;


}
h1, h2, h3, h4 {
	color: #99CCFF;
	font-weight: bold;
	margin-bottom: 0.8em;
}
h1 {
	font-size: 18px;
}
h2{
	font-size: 17px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 13px;
}
p{
	font-size: 11px;
	margin-bottom: 12px;
}
a:link, a:visited, a:active { 
	text-decoration: underline; 
	color: #CC3300;
}
a:hover { 
	text-decoration: none;
	color: #ffffff;
}
/*-----------------Layout-----------------------------------
----------------------------------------------------------*/
html {
	background-color: #14285f;
}
head {
	background-color: #14285f;
}
body {
	margin: 0;
	padding: 0;
	background-color: #14285f;
	max-height: 100%;
}
#rahmen {
	max-width: 1150px;
}

#masthead {
	overflow:hidden;
	border-bottom: 7px #CC3300 double;
	margin-bottom: 10px;
    background-color: #14285f;
}

#logo {
	float: left;
	width: 500px;
    background-color: #14285f;
    margin-left: 7px;
}

#header {
	margin-top:30px;
	margin-bottom:20px;
    background-color: #14285f;
}

#title {
	font:18px georgia;
	color: #CC3300;
	line-height:24px;
	letter-spacing:.4em;
}

#subtitle {
	font:12px georgia;
	color: #CC3300;
	line-height:18px;
	letter-spacing:.4em;
}

#sub_datum {
	font-size: 11px;
	margin-bottom: 12px;
}

#subtitle_white {
	font:11px georgia;
	color: #ffffff;
	line-height:18px;
	letter-spacing:.4em;
}


#container {
	clear: both;
	min-width: 800px;
    background-color: #14285f;
    overflow:hidden;
}

#left_col {
	float: left;
	width: 170px;
}

#right_col {
	float: right;
	width: 200px;
}

.sidebarHeader {
	color: #99CCFF;
	font-weight:normal;
	letter-spacing:.1em;
	line-height:16px;
	font-family: georgia;
	font-size: 14px;
	}

.smallText {
	font:10px arial, tahoma, verdana, sans-serif;
	color:#99CCFF;
	}
#person {
	width:116px;
}
.smallText_left {
	font:10px arial, tahoma, verdana, sans-serif;
	color:#99CCFF;
	text-align:left;
}

#page_content {
	margin-left: 175px;
	margin-right: 200px;
	padding:10px 10px 10px 25px;
	border-left:1px white solid;
	overflow:hidden;
	min-height:400px;
	min-width: 387px;
}

.pageName{
	font:22px georgia;
	color: #CC3300;
	line-height:24px;
	letter-spacing:.1em;
}

.pageName2{
	font:18px georgia;
	color: #CC3300;
	line-height:24px;
	letter-spacing:.1em;
}

p.bodyText {
	font:12px arial, tahoma, verdana, sans-serif;
	color:#99CCFF;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px;
}

ul.bodyText {
	font:12px arial, tahoma, verdana, sans-serif;
	color:#99CCFF;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px;
}

ol.bodyText {
	font:12px arial, tahoma, verdana, sans-serif;
	color:#99CCFF;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px;
	margin-left:2em;
	list-style-position:outside;
}

hr.bodyLine {
	color:#99CCFF;
}

img.bodyPic {
	float:right;
	margin:7px;
}
.underline {
	text-decoration:underline;
}
.KatalogBox {
	width:200px;
	height:165px;
	float:left;
	margin:40px 10px 5px 10px;
}
#footer {
	clear: both;
	color:#99CCFF;
}

#form label {
	display: block;
	float: left;
	width: 200px; 
	font-size: small;
	text-align: left; 
	margin-bottom: 2px;
	margin-top: 2px;
}
#form input, #form select {
	display: block;
	float: left;
	width: 200px;
	margin-bottom: 2px;
	margin-top: 2px;
}
#form br {
	clear: left;
}
.form_full {
	width: 400px;
}
input#form_submit {
  float: none;
  width: auto;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dl-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 a, a:visited, a:hover, a:active, a:focus {direction:ltr; outline:0;}

#positioner {position:relative; width:160px; height:400px; padding-left:10px; float:left; background:#14285f;}
.holder {position:absolute; width:150px; height:25px;}
dl.menu {width:300px; float:left; margin:-32000px 0 0 -9999px;}
.p1 {top:0;}
.p2 {top:26px;}
.p3 {top:52px;}
.p4 {top:78px;}
.p5 {top:104px;}
.p6 {top:130px;}
.p7 {top:156px;}
.p8 {top:182px;}
.p9 {top:208px;}
.p10 {top:234px;}
.p11 {top:260px;}
.p12 {top:286px;}
.p13 {top:312px;}
.p14 {top:338px;}

dl.menu a {display:block; height:25px; font:normal 11px/25px verdana, sans-serif; text-decoration:none; text-indent:10px; border-bottom:1px solid #fff; border-left:1px solid #fff;}

 dl.menu dt {float:left; padding:0; position:relative; left:9999px; z-index:50; margin:32000px 0 0 0;}
 dl.menu dt a {width:149px; background:#f90; float:left; color:#000;}
 dl.menu dt a.sub {background:#c60 url(../pictures/arrow.gif) no-repeat 140px center; color:#fff;}
 dl.menu dt a:hover,
 dl.menu dt a:focus,
 dl.menu dt a:active
 {margin-right:1px; text-decoration:none; background-color:#c60; color:#fff;}

 dl.menu dd {float:left; padding:0; margin:0;height:25px;}
 dl.menu dd a {position:relative; background:#f90; width:149px; color:#000; left:10149px; top:-26px; z-index:60;}
 dl.menu dd a:hover,
 dl.menu dd a:focus,
 dl.menu dd a:active
 {margin-right:1px; background:#c60; color:#fff;}