﻿body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#86D2FE;
	text-align:center;
	margin: 0 auto;
	}
/* Reset some basics*/
h1, h2, h3, h4, h5, h6, p {margin:0}
ul {list-style:circle; line-height:27px;margin-top:10px;font-size:12px;}
a.white {text-decoration:none;color:#FFFFFF}
a.white:hover {text-decoration:underline;color:#FFFFFF}
a:hover {text-decoration:underline}
a {color:#000000}
a.black {text-decoration:none;color:#000000}
a.black:hover {text-decoration:underline;color:#000000}
p {
	font-size:12px;
	}
/* Some Graphical enviroment :-) */
.trennmich {
	border-top:#333333 1px solid;
	height:10px;
	width:100%;
	text-align:center;
	color:#C0D0DD; /*for IE */
	background-color:#C0D0DD; /*for Mozilla */
	border-bottom: #333333 1px solid;
	border-left:none;
	border-right:none;
}
#apDiv1 {
	position:absolute;
	margin-left:845px;
	top:5px;
	width:112px;
	height:66px;	
}
/* Schlagschatten */
.dh {
	margin-top:15px;
	width:997px;
	vertical-align:top;
	}
.dh_main {
	background-color:#FFFFFF;
	color:#000000;
	vertical-align:top;
	text-align:left}
.dh_left {
	width:11px;
	background:url(../files/tbl_left.jpg) repeat-y;
	vertical-align:top}
.dh_right {
	width:11px;
	background:url(../files/tbl_right.jpg) repeat-y;
	vertical-align:top}
.dh_bottom {
	height:19px;
	background:url(../files/tbl_bott.jpg) no-repeat;
	vertical-align:top}

/*Haupttabelle*/
.main_table {
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	color:#000000;
	border:#FFFFFF 1px solid;
	}
.templ_head {
	width:971px;
	height:73px;
	border-bottom:#ffffff 1px solid;
	background:url(../files/top_bg.jpg) repeat-x;
	font-size:9px;
	vertical-align:top;
	padding-left:4px;
	padding-top:2px;
	}
.templ_bread {
	height:21px;
	font-size:10px;
	padding-left:8px;
	background-color:#333333;
	color:#FFFFFF;
	border-bottom:#FFFFFF 1px solid
	}
/* Content Globale*/
.templ_cont_main{
	vertical-align:top;
	}
.templ_cont_navigation {
	width:220px;
	height:400px;
	vertical-align:top;
	background-color:#C4C2C3;
	color:#FFFFFF;
	border-right:#000000 1px solid;
	border-left:#000000 1px solid;
	border-bottom:#000000 1px solid
	}
.templ_cont_sitebanner {
	vertical-align:top;
	height:161px;
	width:770px;}
.templ_cont_main_content {
	background-color:#FFFFFF;
	height:1000px;
	vertical-align:top}
.templ_cont_main_footer {
	height:21px;
	font-size:10px;
	padding-left:8px;
	background-color:#333333;
	color:#FFFFFF;
	border-top:#FFFFFF 1px solid}

/* Der eigentliche Content */

.content {width:100%;height:570px;}

.content_left {
	padding:15px;
	 width:592px;
	 background-color:#FFFFFF;
	 background:url(../files/maincont_bg.jpg) bottom no-repeat;
	 vertical-align:top;}

.content_right {
	vertical-align:top;
	background:#4D9FDB;
	border-right:#000000 1px solid;
	border-left:#000000 1px solid;
	border-bottom:#000000 1px solid}
/*Navigationselemente*/
.nav {	
	width:100%;
	border-top:#000000 1px solid;
	}
.nav_graph {
	vertical-align:middle;
	padding-left:8px;
	}
.nav_elements {
	vertical-align:middle;
	border-top:#FFFFFF 1px solid;	
	border-bottom:#000000 1px solid;
	height:26px;
	font-size:12px;
	background:#4D9FDB;
	color:#FFFFFF	
	}
.shop_nav {	
	width:100%;
	}
#shop_graph_top {
	vertical-align:middle;
	position:relative;
	top:-2px;
	left:122px;
	width:20px;
	height:21px;
	}
.shop_head{
	width:205px;
	padding-top:4px;
	float:none;
	padding-left:6px;
	vertical-align:middle;
	border-top:#FFFFFF 1px solid;	
	border-bottom:#000000 1px solid;
	height:24px;
	font-size:14px;
	background:#989697;
	color:#FFFFFF	
	}
.shop_elements {
	vertical-align:middle;
	border-top:#FFFFFF 1px solid;	
	border-bottom:#000000 1px solid;
	height:26px;
	font-size:12px;
	color:#000000	
	}
.extras {
	width:100%;
	}
.extras_head{
	width:205px;
	float:none;
	vertical-align:middle;
	border-top:#FFFFFF 1px solid;	
	border-bottom:#000000 1px solid;
	height:24px;
	font-size:14px;
	background:#2A5575;
	color:#FFFFFF;
	text-align:center;
	}
.extras_elements{
	padding:4px;
	vertical-align:middle;
	border-top:#FFFFFF 1px solid;	
	border-bottom:#000000 1px solid;
	height:24px;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	}
.kontent {
	margin-top:8px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:15px;
	line-height:18px;}
.headline {width:100%;margin-bottom:15px;border-bottom:#666666 1px solid}

#pages {
	text-align:center;
	width:100%;
	margin-top:10px;
	font-size:12px;
	}
/* Überschriften */
h1 {color:#666666;font-size:18px;font-weight:normal;margin-bottom:4px;}
h2 {color:#666666;font-size:16px;font-weight:normal;margin-bottom:4px;}
h3 {font-size:14px;font-weight:normal}
h4 {color:#666666;font-size:14px;font-weight:normal}
h5 {color:#666666;font-size:12px;font-weight:normal}
h6 {color:#666666;font-size:10px;font-weight:normal}
.flLeft { float:left; margin-right:18px;}
.flRight { float:right; }
/* Definition der Klassen ohne Rahmen*/ 
.maincat {font-size:12px;list-style:circle;text-decoration:underline}
.pleft {
	float: left;
	margin-left:5px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
	border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-right:0px;
	vertical-align: text-bottom;
	border: none;
}
.pnormal {
	margin-left:10px;
	clear: both;
border: none;	
}


/* Definition der KLassen mit  Rahmen */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 15px;
	vertical-align:text-bottom;
	border: 2px solid #000099;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	text-align:center;
	clear: both;
	border: 1px solid #990000;
}
.content {
	height:100%;
	}

.content .linkespalte {
	width: 260px;
	float: left;
	border-right:#666666 1px solid;
	padding-right:10px;
	line-height:18px;
	}

.content .rechtespalte {
	line-height:18px;
	width:275px;
	margin-left: 10px;
	margin-top: 0px;
	float: left;
	z-index:0
	}
/* Formular */
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	
	margin-left:15px;
	padding:0px;
	width:450px;
	color:#000000;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px 0 4px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	
	border-top:1px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	padding-top:7px;
	padding-left:15px;
	width:120px;
	
}

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 7px 5px 139px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}