/* CSS Document */

* {margin: 0; padding: 0;}

body {
	margin: 0;
	padding: 0;
	border: 0;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 17px;
	scrollbar-face-color: #ee8800;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-arrow-color: #ee8800;
	scrollbar-track-color: #ffffff;
	text-align: left;	
}

#containerheader {																	/* Container Header */
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 180px;
	margin: 0;
	padding:0;
	text-align: center;
	z-index:5;
}

#header {
	width: 940px;
	height: 180px;
	margin: 0 auto;
	padding:0;
	text-align: left;
}

#logo {	
	height: 110px;
	margin: 0;
	padding:0;
}

#containernav {																		/* Container Nav */
	height: 70px;
	margin: 0;
	padding:0;
}

#containercontent {																	/* Container Content */	
	position: relative;
	top:180px;
	width: 940px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	background: url(../image/contenthg.gif) top left repeat-y;
}

#content {
	float: left;
	width: 684px;
	margin-bottom: 20px;
	padding: 0 20px 0 20px;	
	border-left: 1px solid #ee8800;
}

#column {	
	float: right;	
	width: 173px;	
	margin-bottom: 20px;
	padding: 0 20px 0 20px;
	border-left: 1px solid #ee8800;
	border-right: 1px solid #ee8800;
	background: #eff2f5 url(../image/columnhg.gif) no-repeat top left;
	color: #666666;
	font-size: 11px;
	line-height: 15px;
}

#footer {
	clear:both;	
	width: 940px;
	margin: 0;
	padding: 15px 0 5px 0;
	text-align: left;
	border-top: 1px solid #ee8800;
	background: #ffffff;
}

/* NAVIGATION */

#nav {
	width: 724px;
	height: 70px;
	position: relative;
	float: left;
	background: url(../image/navhg.gif) repeat-x;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ee8800;
}

#navcolumn {
	float: right;
	width: 213px;
	height: 70px;
	margin: 0;
	padding: 0;
	color: #00567c;
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;	
	text-align: center;
	border-left: 1px solid #ee8800;
	border-right: 1px solid #ee8800;
	background: #eff2f5 url(../image/columnheaderhg.gif) no-repeat top left;
}

#nav ul,#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#nav li {
	display: inline;
	margin: 0;
	padding: 0;
	height: auto;
}

#nav .menu, #nav .current {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* MAIN */

#nav .menu a, #nav .current a {
	display: block;
	white-space: nowrap;
	float: left;
	text-decoration: none;
	height: 26px;
	padding: 0 20px 0 20px;
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
}

#nav .menu a {
	color: #ffffff;
}

#nav .current a {
	background: #ffffff;
	color: #ee8800;
}

#nav .menu a:hover, #nav .menu li:hover a {
	background: url(../image/navhover.gif) repeat-x;
	cursor: pointer;
	color: #00567c;
}

/* SUB */

#nav .sub {
	display: none;
}

#nav table {
	position: absolute;
	border-collapse: collapse;
	left: 0;
	top: 0;
}

#nav .menu li a:hover .sub, #nav .menu li:hover .sub {
	display: block;
	position: absolute;
	z-index: 100;
	width: 680px;
	top: 26px;
	left: 1px;
	margin-left: 19px;
	padding: 0;
	background: #ffffff;
}

#nav .menu a:hover .sub li a, #nav .menu li:hover .sub li a {
	display: block;
	white-space: nowrap;
	border: 0;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	height: 42px;
	line-height: 42px;
	color: #666666;
	font-weight: normal;
	font-size: 11px;
}

#nav .sub li a:hover, #nav .menu a:hover .sub li a:hover, #nav .menu li:hover .sub li a:hover, #nav .sub_active a:hover {
	color: #ee8800;
}

#nav .sub_active .current_sub {
	display: block;
	white-space: nowrap;
	float: left;
	text-decoration: none;
	border: 0;
	height: 42px;
	padding: 0;
	line-height: 42px;
	color: #ee8800;
}

#nav .sub_active {
	display: block;
	position: absolute;
	z-index: 10;
	width: 720px;
	top: 26px;
	left: 1px;
	margin-left: 19px;
	padding: 0;
	font-weight: normal;
	font-size: 11px;
}
* html #nav .sub_active, * html #nav .menu a:hover .sub { z-index: -1; margin-top: 0px; margin-t\op: 0px; }

#nav .sub_active a {
	display: block;
	white-space: nowrap;
	float: left;
	text-decoration: none;
	border: 0;
	height: 42px;
	padding: 0;
	line-height: 42px;
	color: #666666;
}

#nav .sub_active span, #nav .sub span {
	display: block;
	float: left;
	line-height: 40px;
	margin: 0 5px;
	color: #666666;
	font-weight: normal;
	font-size: 11px;
}

/* FORMATIERUNG */

p							{ margin: 0 0 10px 0; }
p.abs 					{ margin: 20px 0 10px 0; }
p.abslinie 				{ margin: 20px 0 0 0; padding-top:20px; border-top: 1px solid #669ccc; }
p.start 					{ margin: 25px 0 10px 0; }

.hell 						{ color: #669ccc; }
.blau						{ color: #00567c; }
.gelb						{ color: #ee8800; }
.grau						{ color: #666666; }

.headgelb 				{ color: #ee8800; font-weight: bold; }
.headgelbabs 		{ color: #ee8800; font-weight: bold; margin: 20px 0 10px 0; }
.headblau 				{ color: #00567c; font-weight: bold; }
.headblauabs 		{ color: #00567c; font-weight: bold; margin: 20px 0 10px 0; }
.headgrau				{ color: #666666; font-weight: bold; }
.headgrauabs 		{ color: #666666; font-weight: bold; margin: 20px 0 10px 0; }

h1 						{ margin: 20px 0 20px 0; color: #00567c; font-size: 14px; font-weight: bold; line-height: 20px; }
#column h1 			{ margin: 22px 0 20px 0; color: #ee8800; font-size: 11px;}

.pfeil 					{ float:left; margin:0; padding-left: 25px; background: url(../image/pfeillink.gif) no-repeat top left;}
#column img 		{ border: 1px solid #669ccc; }

#content ul 			{ list-style-type: none; margin: 0 10px 10px 1px; padding: 0; color: #669ccc; }
#content li 			{ margin:0; padding-left: 25px; background: url(../image/pfeil.gif) no-repeat top left; }
table, tr, td			{ 	font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; }
#preisliste table	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; padding:0; }
#preisliste  tr, #preisliste td	{ padding:2px 8px 1px 8px; }

a:link, a:visited 	{ color: #00567c; text-decoration:underline;}
a:hover, a:active 	{ color: #ee8800; text-decoration:underline; }

/* Calendar */

#calendar 				{ height:42px; width:168px; margin:0; padding:0; border-left: 1px solid #669ccc; border-top: 1px solid #669ccc; } 
#calendar ul 				{ list-style-type:none; margin:0; padding:0; }
#calendar li 				{ display:block; float:left; width:27px; height:20px; margin:0; padding:0; text-align:center; line-height:18px; border-right: 1px solid #669ccc; border-bottom: 1px solid #669ccc; background:#ffffff; }
#calendar li a:link, #calendar li a:visited  		{ display:block; float:left; width:27px; height:20px; margin:0; padding:0; text-align:center; background:#ffffff; text-decoration: none; color: #666666;}
#calendar li a:hover 	{ background:#dddddd; text-decoration: none; color: #00567c; }
#calendar .current 	{ background:#dddddd; color:#00567c; }

/* Formular */

#form li { margin-bottom: 5px; }
#form li.rechts { margin-bottom: 6px; background:none;}
fieldset { width:400px; margin:0; padding:0; border:0; float:left;}
fieldset.rechts { width:260px;}
label.links { width:110px; float:left; padding-top:1px;}
input.links { width:220px;  border: 1px solid #669ccc; height:16px; color:#666666;}
input.rechts { width:40px; float:left; height:12px; }
textarea { width:220px; border: 1px solid #669ccc;  color:#666666; height:56px;}
input:hover, textarea:hover { border:1px solid #ee8800; background-color:#eff2f5;}
input:focus, textarea:focus { border:1px solid #ee8800; background-color:#eff2f5;}
.submitbtn { width: 110px; text-align:left; padding:0; margin:0; border:none; background:#FFFFFF; cursor:pointer; color:#ee8800;}
.submitbtn:hover { text-decoration:none; color:#00567c;  border:none; background:none;}