@import url(/css/elements.css);
@import url(/common/popup.css);

html, div, body, form, img, td, textarea, input, p, h1, h2, h3, span, ul, li, a {
	  	   font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	  	   line-height:1.4em; margin:0px; padding: 0px; border: 0px;
		   }
		   
body {background-color:#4E6377;}
img	{padding-bottom: 10px;}

a { color: #81909e; }
a:link, a:visited, a:active { color: #81909e; text-decoration:none; }
a:hover { color: #000000; text-decoration:none; }
a:focus { background-color: gray; color:black; }

h1, h2, h3	{color: #81909e; font-family: Arial, sans-serif; }
h1 { font-size: 2.0em; margin-bottom:8px;}
h2 { font-size: 1.6em; margin-bottom:6px;}
h3 { font-size: 1.2em; }
h5 { font-size: 1.2em; }

img	{	background-image: url(/files/allgemein/bg_img.jpg);
		background-position: top; background-repeat: repeat-x;
		padding-top: 10px; padding-bottom: 0px;
		}
		
.datum	{margin-bottom: 3px; margin-top: 10px;}

div.page {margin: 0px auto; width: 900px;	background-color: #354D64;}

/* -------------------------------- CONTENT / Partner / Logo + Head_img ---------------------------------------------------------- */
div#content-area {	width:640px; *width: 636px;
					float:left; background-color:#E6E9EC; min-height: 820px; _height: 820px;
					}
					
div#content { margin-left:35px; margin-right: 35px; padding-right: 20px; padding-top: 10px;}

div#content div.partner	{	min-height: 100px; *height: 100px; margin-bottom: 20px;
							border-bottom: 1px dashed #81909e;
							}
							
div#content div.partner img	{float: left; width: 110px; height: 83px;}
div#content div.partner div.text	{margin-left: 140px; min-height: 100px; padding-bottom: 15px;}
div#content div.partner div.text a	{	font-size: 14px; color: #81909e;
										font-family: Arial, sans-serif;
										text-decoration: none; font-weight: bold;
										margin-bottom:6px; margin-top: 0px; margin-bottom:6px;
										}
										
div#content div.partner div.text a:hover	{color: #000000;}

div#site-head { height: 200px; width: 900px; overflow: hidden; }
div#site-head div#logo { width:210px; overflow: hidden; float: left; background-color: #06112a; }
div#site-head div#logo img	{ background-image: none; padding: 0px; margin: 0px;}
div#site-head div#banner { float: right; width: 690px; height: 200px;}
div#site-head div#banner img	{ background-image: none; padding: 0px; margin: 0px;}

div.element    { margin-bottom: 20px; clear: both;}

/* ************************* NEWS / UEBERSICHT / DETAIL ******* */
.news	{}
.news div.newsitem	{border-bottom: 1px dashed #81909e; margin-bottom: 10px; height: 200px; *height: 230px;}
.news div.newsitem p { margin-top: 10px;}
.news div.newsitem p.kat a {color: #c61e18; text-decoration: none;}
.news div.newsitem h2 a	{text-decoration: none; text-transform: uppercase; color: #81909e;}
.news div.newsitem h2 a:hover	{color: #000000;}
.news div.newsitem img	{float: left; margin-right: 10px; padding-bottom: 10px;}

.newsDetails div.page p.datum	{margin-bottom: 0px;}
.newsDetails div.page h1	{margin-top: 0px; padding-bottom: 0px;}
.newsDetails div.page div.teaser	{	width: 546px; padding-bottom: 10px; margin-bottom: 10px;
										border-bottom: 1px dashed #81909e;
										}
										
.newsDetails div.page div.teaser img	{float: left; margin-right: 10px; padding-bottom: 10px;}
.newsDetails div.page div.teaser p	{margin-bottom: 2px; padding-top: 10px;}

/* ******* Seitenname links oben (im Content) ******* */
div#pageTitel	{width: 30px; float: left; margin-top: 30px;}


/* ************************************** MENUES ******************************************** */
div#menu {margin: 0; width: 900px; margin-left: 20px; background-color:#163163;}

div#top-menu { text-align:right; margin-top:0px; padding-top:10px; margin-right:5px; }
div#top-menu ul { clear: both; margin: 0; padding: 0; list-style-type: none; }
div#top-menu ul li {	font-size:10px; letter-spacing: 2px;
						display: inline;
						padding-right: 15px; margin-right: 5px;
						}
						
div#top-menu ul li.last { background-image: none; }
div#top-menu ul li.active a { color:#FFFFFF; }
div#top-menu a { font-weight: normal; color: #B3BCC5; text-transform: uppercase; }
div#top-menu a:hover { font-weight: normal; color: #FFFFFF; }

div#main-menu {	clear: both; text-align:left;
				margin-top:0px; margin-left:22px;
				padding-bottom: 5px; padding-top:18px;
				}
				
div#main-menu ul { clear: both; margin: 0; padding: 0; list-style-type: none; }
div#main-menu ul li {	display: inline;
						font-size:12px;
						padding-left: 12px; padding-right: 12px;
						background-image: url(/files/images/main_menu_line.gif);
						background-repeat: no-repeat; background-position: right;
						}
						
div#main-menu ul li.first { padding-left: 0px; }
div#main-menu ul li.last { background-image: none; }
div#main-menu ul li.active a { color:#C61E18; }
div#main-menu ul li a { font-weight: bold; color: #FFFFFF; text-transform: uppercase; }
div#main-menu ul li a:hover { font-weight: bold; color: #C61E18; }

div#sub-menu {	clear: both; width:878px; height:20px;
				text-align:left; margin-top:0px;
				padding-left:22px;
				background-color:#67798B;
				}
				
div#sub-menu ul {	width:868px; clear: both;
					padding-top:2px;
					list-style-type: none;
					}
					
div#sub-menu ul li {display: inline; font-size:11px; padding-right: 15px;}

div#sub-menu ul li.last { background-image: none; }
div#sub-menu ul li.active a { color: #C61E18; }
div#sub-menu ul li a { font-weight: bold; color: #B3BCC5; text-transform: uppercase;}
div#sub-menu ul li a:hover { font-weight: bold; color: #FFFFFF;}

ul#contenttop-menu li { float: left; list-style-type: none; padding: 0; margin-right: 5px; padding-bottom: 10px;}
ul#contenttop-menu li a { color: #354d65; font-size: 13px; text-transform: uppercase; }
/* ************************************ MY-AREA ******************************************** */
div#my-area { float:right; width:260px; background-color:#354D64;}
div#logged	{width: 260px; height: 30px; background-color: #C51E18; *width: 263px;}
div#logged p	{color: #FFFFFF; padding-top: 10px; padding-left: 15px;}
div#piclogged	{width: 230px; padding-left:15px; padding-top: 20px;}
div#piclogged #pic	{ float: left; margin-right: 5px;}
div#piclogged p	{color: #81909E;}
div.mybox { clear:both; padding-top:20px; padding-bottom:20px; }
div.mybox div.inner-box { clear:both; margin-left:20px; margin-right:20px; }
div.mybox div.inner-box a { color:white; }
div.mybox div.inner-box h1 { color:#A2ADC1; }
div.mybox div.inner-box h2 { font-size:11px; font-weight:bold; color:#FFFFFF; }
div.mybox div.inner-box p { font-size:11px; color:#A2ADC1; }
div.mybox div.inner-box img { float:left; padding-right:5px; margin-bottom:3px; }
div.mybox div.inner-box h1 { margin-top: 15px; }
div.mybox div.inner-box div.clearer { width:160px; clear:both; height:1px; }

div#my-area div.inner-box ul {color:#A2ADC1; list-style-type: none;}
div#my-area div.inner-box li {	margin-left:0px; margin-bottom: 5px;
								padding-bottom:10px; padding-left:15px;
								background-image: url(/files/allgemein/list.gif);
								background-repeat: no-repeat; background-position: 0px 4px;
								}
								
div#my-area div.inner-box li a {color: white; font-weight: bold; text-decoration: none;}

div#my-area div.inner-box li span.login,
div#my-area div.inner-box li a:hover,
div#my-area div.inner-box ul.menu li ul.submenu	li.active a { color: #c61e18; }

div#my-area div.inner-box form	{padding-top: 15px; padding-bottom: 25px;}
div#my-area div.inner-box p.loginMessageRight {	background-color: #c61e18; color: white;
												font-weight: bold;
												padding: 5px;
												}
												
div#my-area div.inner-box form label {color: white; display: block;}
div#my-area div.inner-box form input {	width: 100%;
										background-color: #e6e9ec;
										border: 1px solid black;
										font-size: 11px;
										}
										
div#my-area div.inner-box form p.cookie {float: left; width: 120px; margin-top: 10px;}
div#my-area div.inner-box form p.cookie input {width: auto; background-color: transparent;}
div#my-area div.inner-box form p.cookie label {display: inline;}
div#my-area div.inner-box form p.submit {margin-top: 10px; text-align: right;}
div#my-area div.inner-box form p.submit input {	width: auto;
												background-color: #c61e18;
												color: white; font-weight: bold;
												}
												
div#my-area div.inner-box p a:hover	{color: #c61e18;}

div#my-area div.inner-box ul.menu li ul.submenu	{padding-top: 5px;}
div#my-area div.inner-box ul.menu li ul.submenu	li	{margin-bottom: 0px; height: 9px;}
div#my-area div.inner-box ul.menu li ul.submenu	li a,
div#my-area div.inner-box ul.menu li ul.submenu	li.active a	{color: #FFFFFF; font-size: 11px; font-weight: normal;}
div#my-area div.inner-box ul.menu li ul.submenu	li a:hover	{color: #c61e18;}
div#my-area div.inner-box ul.menu li ul.submenu ul.subsubmenu	{padding-bottom: 10px; padding-top: 2px; _margin-top: 5px;}
div#my-area div.inner-box ul.menu li ul.submenu ul.subsubmenu li	{margin-left: 30px; _margin-left: 0px;}
div#my-area div.inner-box ul.menu li ul.submenu ul.subsubmenu li a	{font-size: 11px;}
div#my-area div.inner-box ul.menu li ul.submenu ul.subsubmenu li.active a {color: #c61e18;}


/* ********************************** FORUM / NEWS-COMMENTS ******************************************* */

table.formular {border-collapse: collapse; margin-bottom: 10px;}
table.formular td {border: 0px solid #81909e;}
table.formular tr td.name {	font-size: 11px; color: #81909e; text-align: right; font-weight: bold;
							padding-left: 10px; padding-right: 5px;
							}
							
table.formular tr.submit td.name {width: 120px;}
table.formular td.field {padding: 3px; padding-left: 6px; width: 50px;}

table.formular tr.option td.field {width: 150px; }
table.formular tr.option td.field input {width: 10px; margin-right: 3px; margin-left: 12px;}
table.formular tr.option td.field label {position: absolute;  *padding-top: 4px; margin-top: -3px;}

table.formular td.color {width: 1px; border: 1px solid #81909e;}
table.formular tr#FormTrsubmit td.color	{background-color: #81909e;}
table.formular tr.pflicht td.color {background-color: #81909e; border: 1px solid #81909e;}
table.formular tr.error td.field input,
table.formular tr.error td.field textarea {background-color: #81909e;}
table.formular input,
table.formular textarea {width: 300px; border: 1px solid #81909e;}
table.formular tr.option td.field input,
table.formular tr.checkbox td.field input {border: none; width: auto; }
table.formular tr.submit input {width: 100px;}
table.formular tr.text td.field input {width: 230px;}
table.formular tr.email td.field input {width: 230px;}
div.formular div.captchafield img {padding-bottom: 10px;}
div.formular div.captchafield input {width:140px; margin-top:3px;}
div.formular div.captchafield div {float:left; margin-right:5px;}
div.formular div.captchafield a	{font-weight:bold; color: #81909e;}
div.formular div.captchafield a:hover	{color: #000000;}
div.formular div.captchafield p { font-size:9px;  padding-bottom:6px; width: 330px;}

div.pflicht { margin-bottom: 10px; }
div.pflicht div {	background-color: #81909e;
					width: 5px; height: 5px;
					margin-top: 0px; margin-right: 6px;
					float: left;
					}
					
div#fehler {	font-size: 11px;
				width: 175px;
				background-color: #81909e;
				border: 1px solid #81909e;
				padding: 5px; margin-bottom: 10px;
				}
				
div#fehler p {font-size: 11px;}
div#fehler ul {padding-left: 15px;}

/* ********************************* LOGIN ********************************** */
label p.loginMessage	{margin-bottom: 10px;}
label.name, label.password	{	font-size: 11px; color: #81909e; text-align: right; font-weight: bold;
								padding-left: 10px; padding-right: 5px;
								}
								
input.loginName	{border: 1px solid #81909e; width: 160px;}
input.submit	{width: 100px; margin-top: 10px; border: 1px solid #81909e; margin-left: 56px;}
p.loginMessage	{margin-bottom: 10px;}

/* ******** FOOTER ********** */
div#foot { clear: both; height:10px; width:900px; background-color:#C51E18; margin-left: 0px; }

/* ******** Standards ********** */
img.plus { margin-left: -10px; background-image: none;}
div.clear { clear: both; }