@charset 'utf-8';
@import url(reset.css);
@import url(default.css);

/* ----------------------------------------------------- Seitenlayout */

body {background: url(../img/bgPageAll.gif) #606060 repeat-x;font: 12px Verdana, Arial, Helvetica, sans-serif;margin: 0;text-align: center;}

a:link {
	background-color: transparent;
	color: #606060;
	text-decoration: none;
}

a:visited {
	background-color: transparent;
	color: #999;
	text-decoration: none;
}

a:hover {
	background-color: transparent;
	color: #C00;
}

a:focus {
	background-color: #EEE;
	color: #900;
}

h1 {background-color:#FFF;color: #C00;font-size: 16px;font-weight: bold;margin: 0 0 15px 0;}
h2 {background-color:#FFF;color: #C00;font-size: 14px;font-weight: bold;margin: 15px 0 10px 0;}
h3 {background-color:#FFF;color: #C00;font-size: 12px;font-weight: bold;margin: 15px 0 10px 0;}
h4 {}

p, ul, ol {line-height: 18px;margin-bottom: 10px;}
.s {font-size: 11px;}
strong {font-weight: bolder;}
.mark {color: #C00;}

#wrapper {background: url(../img/bgWrapper.gif) repeat-y;margin: 0 auto;text-align: center;width: 818px;}

#content {background: url(../img/deko.jpg) no-repeat right -6px #FFF;margin: 0 auto;text-align: left;width: 810px;}
#content #left {float:left;width: 240px;}
#content #right {float:right;padding-top: 173px;width: 550px;}
#boxLogo {background: url(../img/bgLogo.gif);border-bottom:1px solid #FFF;border-right:1px solid #FFF;padding-bottom: 5px;}
#boxLogo .logo {padding: 6px 0 25px 29px;}
#boxLogo ul#topNav {border-right:1px solid #FFF;padding: 0;list-style-type: none;white-space: nowrap;}
#boxLogo ul#topNav li {float: left;font-size: 10px;padding: 0 10px 0 10px;text-transform: uppercase;}
#boxLogo ul#topNav a, #navlist a:link {margin: 0;padding: 0;color: #FFF;text-decoration: none;}
#boxLogo ul#topNav a:hover {color: #FFD8D8;}

#boxLeftNav {background: url(../img/bgLeftNav.gif) repeat-x;border-right:1px solid #FFF;position: relative;}
#boxLeftNav ul {padding: 30px 0 90px 25px;}
#boxLeftNav ul li a {background-color: transparent;color: #FFF;display: block;font-weight: bold;font-size: 10px;line-height: 25px;margin: 0;padding: 0;text-decoration: none;text-indent: 1.6em;text-transform: uppercase;width: 100%;}
#boxLeftNav ul li a:hover, #boxLeftNav ul li a.active {color: #FFF;background: url(../img/li.gif) 4px 8px no-repeat transparent;}
#boxLeftNav ul li, #subNav ul li {margin: 0;padding: 0;list-style-type: none;}

#pr {padding: 15px 0 20px 20px;}

#mainNav {margin: 0;padding: 5px 0 20px 0;}

#mainNav ul, #mainNav li {display: inline;font-size: 10px;font-weight: bold;list-style-type: none;margin: 0;padding: 0;text-transform: uppercase;}
#mainNav a:link, #mainNav a:visited {background-color: transparent;color: #FFF;float: left;font-weight: bold;line-height: 14px;margin: 0 25px 4px 0;padding-bottom: 6px;text-decoration: none;}
#mainNav a:link#current, #mainNav a:visited#current, #mainNav a:hover {background: url(../img/marker.gif) center bottom transparent no-repeat;padding-bottom: 6px;color: #FFF;}
#mainNav a:hover {background-color: transparent;color: #FFF; }

#mainContent {margin: 20px 35px 30px 0;}
#mainContent td {border-top: 1px dotted #CCC;font-size: 11px;line-height: 16px;padding: 5px 5px 5px 0;white-space: nowrap;}
#mainContent div.jahreszahl {background-color: transparent;color: #999;line-height: 130%;float:left;font-size: 14px;font-weight: bold;padding: 2px 0 7px 0;width: 120px;}
#mainContent .historie p {font-size: 11px;float:right;line-height: 130%;margin: 0;padding: 2px 0 7px 0;width: 350px;}
#mainContent .historie {border-bottom: 1px dotted #CCC;margin: 4px 0;width: 480px;}
#mainContent #downloads p {border-bottom: 1px dotted #CCC;padding: 6px 0 6px 0}

#mainContent .imgLeft{float:left;margin:0 8px 0 0;}
#mainContent .imgVorschau150 {border:5px solid #EEE;padding:3px;width:150px;}
#mainContent .imgVorschau200 {border:5px solid #EEE;margin-top:5px;padding:3px;width:200px;}
#mainContent .imgBeschreibung {border-bottom: 1px dotted #CCC;margin-bottom:25px;margin-top:5px;width: 330px;}
#mainContent .imgBeschreibung td {border-top: 1px dotted #CCC;font-size: 11px;line-height: 16px;padding: 2px 2px 2px 0;white-space: normal;}
#mainContent .imgLeft250 {border:5px solid #EEE;float:left;margin:5px 10px 0 0;padding:3px;width:250px;}
#mainContent #errors ul {margin-left:0px;}
#mainContent #errors li {background: url(../img/li2.gif) no-repeat 0 5px transparent;padding-left:10px;}

/* Formularstyles */

form {font-size: 11px;width: 480px;}
input {font: 11px Verdana, Arial, Helvetica, sans-serif;}
legend {font-weight: bold;color: #333;margin: 0;padding: 0.5em;letter-spacing: 0.1em;}
label {margin-bottom: 3px;}
.checkbox {margin-right: 5px;	margin-bottom : -0.001em;}
div.checkbox {line-height: 20px;display: block;}
fieldset {margin : 10px 30px 20px 0;padding : 15px;border : 1px solid #CCC;}
textarea {width: 350px;height: 75px;padding: 2px;font: 12px Arial, Helvetica;}
input.text {width: 350px;padding: 2px;font-size: 13px;margin-bottom: 10px;}
fieldset div br {display : none;}
label {display : block;}
.submit {border:0;background:url(../img/bgSubmit.png) no-repeat left top transparent;color:#555;font-weight:bold;text-align:center;height:25px;width:150px;}


/* Formularstyles */

/* DL als Formularstruktur */

dl#formular {margin: 10px 0 0 0;}
dl#formular dt {float:left;width: 9.0em;}
dl#formular dd {margin-left: 9.5em;}
dl#formular dd input {
	border-top: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	font: 1.1em Verdana, Helvetica, Geneva, Arial;
	padding: 4px;
	margin-bottom: 10px;
}

dl#formular dd input.length300 {width: 300px;}
dl#formular dd input.length50 {width: 50px;margin-right:5px}
dl#formular dd input.length235 {width: 235px;}

#footer {background-color: #272727;border-top: 8px solid #C00;color: #FFF;font-weight: bold;font-size: 10px;margin: 0 4px 0 4px;}
#footer #footerContent {padding: 8px 0;width:800px;}
#footer #footerContent ul li {display: inline;list-style-type: none;width:800px;}
#footer #footerContent li.alignLeft {float:left;padding-left: 10px;text-align: left;width: 60%;}
#footer #footerContent li.alignRight {float:right;padding-right: 10px;text-align: right;width: 35%;}
#footer #footerContent a {background-color: transparent;color: #FFF;text-decoration: none;}
#footer #footerContent a:hover {background-color:transparent;color: #CCC;}