html {
height:100.01%
}
body {
background-color: #f7eedd;
color: black;
margin:0px auto; /* main-Box zentrieren in IE 5 und hoeher */
text-align:center; /* main-Box zentrieren in IE 5 und hoeher */
font-size:90%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
height:100%;
margin-bottom:10px;
}
body img{border:0px solid #FFFFFF}
.floatLeft{float: left; margin:0 5px 3px 0}
.floatRight{float:right; margin:0 0 3px 5px}
#main {
width: 960px; /* oder auch z.B. 75% */
margin: 0px auto; /* main-Box zentrieren in Opera, NN, Mozilla */
text-align:center; /* main-Box zentrieren in Opera, NN, Mozilla */
position:relative;
}
#outer{
background:url(../files/content_back.gif) top left repeat-y;
width: 980px; /* oder auch z.B. 75% */
margin: 0px auto; /* main-Box zentrieren in Opera, NN, Mozilla */
text-align:center; /* main-Box zentrieren in Opera, NN, Mozilla */
position:relative;
}
#main.startseite{
background:#FFFFFF;
text-align:left;
height:700px
}
#main.startseite a{
color: #0e5ca0;
text-decoration:none;
font-size:18px;
padding:0 0 0 50px;
font-weight:normal;
letter-spacing:1px
}
#main #top {
background:url(../files/top_back.png) top left repeat-y;
height: 215px;
width: 100%;
text-align:left;
}
#content #breadcrump{
margin:0 0 10px -14px;
padding:6px 0 6px 0;
color:#999999
}
#content #breadcrump a{
text-decoration:none;
color:#e08a35
}
#top h1{
display:block;
width:200px;
height:120px;
position:absolute;
top:0;
left:30px
}
#top h1 span{
visibility:hidden
}
#top img {

}

#navbar { 
position:absolute;
right:20px;
top:59px
}
#navbar li {
float: left; 
}
* {
margin: 0;
padding: 0;
}

#navbar ul {
list-style: none;
}

#navbar a {
display: block;
padding: 1px 12px;
font-size:11px;
font-weight:bolder;
text-transform: lowercase;
background-color: #fff;
color: #E08A35; 
text-decoration: none;
}
#navbar a:hover, #navbar a:focus {
	color: #000;
}
#navbar a {
border-left: 1px solid #E08A35;
}
#navbar li:last-child a {
border-right: 1px solid #E08A35;
}
#navbar li.current a {
color: #000;
}


#startflash{
margin: 25px 0 0 50px
}
.innertext{float: right; text-align:left; width:100%}

#nest {
color: black;
padding:0;
margin:0;
text-align: left;
display:block;
background: #ffffff url(../files/tricky.gif) repeat-y;
}

#xsearch_form{
margin: 0 7px 14px 7px;
padding:5px;
background:#f0ede7
}

#xsearch_form p{
margin:0;
padding:0;
left:10px;
bottom:3px
}

#xsearch_form input{
height:14px;
font-size:12px;
margin:0;
border:none;
line-height:12px;
padding:1px;
border:1px solid #cccccc
}


#xsearch_form input.button{
padding:0;
height:12px;
border:none;
margin:0
}


#leftBox {
color: #ffffff;
width: 250px;
float:left;
padding:0;
margin:0;
vertical-align:bottom;
}

#leftBox ul.nav1st {
	list-style-type:none;
	display:block;
	text-align:left;
	margin: 0;
	padding:0;
}

#leftBox ul.nav2nd {
	list-style-type:none;
	display:block;
	text-align:left;
	margin: 0;
	padding:0;
	list-style-image: none;	
}


#leftBox ul.nav1st li {
	padding: 0;
	margin: 0 10px 10px 10px
}


#leftBox ul.nav2nd li {
	background-image:none;
}

#leftBox ul.nav1st li a{
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	background:#f0ede7;
	display:block;
	width:227px;
	padding:3px 1px 3px 5px;
	font-size:11px;
	text-transform:uppercase
	
}

#leftBox ul.nav1st li a.akt{
	color:#ffffff;
	background:#e08a35;
	display:block;
	width:227px
}

#leftBox ul.nav1st li a:hover{
	color:#ffffff;
	background:#e08a35;
	display:block;
	width:227px
}

#leftBox ul.nav2nd li a{
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
}

#leftBox ul.nav2nd li a.akt{
	color:#66CCFF
}

#leftBox h1, #leftBox p {
padding:0; margin:0;
}

#content {
color:black;
padding:0 30px 5px 30px;
float:right;
width:650px;
}

* html #content {
color:black;
padding:0 30px 5px 30px;
float:right;
width:646px;
}

table th{padding:2px 5px 2px 5px}
table td{padding:2px 5px 2px 5px}
#drucken_oben{ display:none}

* html #content { height:500px; } /* nur f�r IE 5.5 - 6.x */
html + body #content { height:500px; } /* nur vom IE 5.0 */

#content h1{
color:#ffffff;
background:#e08a35;
font-size:19px;
padding:2px 0 2px 20px;
margin: 0 -20px 0 -20px;
text-transform:uppercase
}

#content h2{
padding:4px; 
margin:9px -19px; 
font-size:18px; 
color:#000000; 
font-weight:bold;
background:#e08a35;
color: #ffffff;
}

#content h3{
padding:0; margin:5px 0 5px 0; font-size:12px; color:#8b5621; font-weight:bold; letter-spacing:1px
}

#content {
font-size:12px
}

#content p {
padding:0 0 5px 0; 
margin:4px 0 4px 0; 
font-size:12px; 
line-height:16px; 
font-weight:normal; 
color:#000000
}
#content span.grau p{
color: #666666;
font-weight:bold
}
#content a {
padding:0;
margin:0; font-size:12px; color:#0e5ca0; text-decoration:none; letter-spacing:0; text-decoration:underline
}
#content a:hover {
color:#21184a;
}

#content ul {
	list-style-type:none;
	margin:0 0 8px 0;
	padding:0;
}

#content .search_img{
	float:left;
	margin:0 5px 2px 0
}

#content a{
color:#e08a35;
text-decoration:none
}


#content a:hover{
color:#e00000;
text-decoration:underline
}

#content a.zurueck {
text-decoration: none;
font-weight:bolder;
color:#000000;
background:#ffffff;
padding:1px 3px;
}
#content a.zurueck span{
font-size:14px
}
#content a.zurueck:hover {
text-decoration: none;
font-weight:bolder;
color:#ffffff;
background:#e08a35;
padding:1px 3px
}

#content a.mehr {
text-decoration: none;
font-weight:bolder;
color:#000000;
background:#ffffff;
padding:1px 3px
}
#content a.mehr span{
font-size:14px
}

#content a.mehr:hover {
text-decoration: none;
font-weight:bolder;
color:#ffffff;
background:#e08a35;
padding:1px 3px
}

#content ul li{
	padding: 0 0 0 12px;
	background:url(../files/quadrat_orange_liste.png) no-repeat 2px 6px;
	font-size:12px; 
	line-height:16px;
	font-weight:normal
}

#content .artikelliste_item{
margin: 10px 0 10px 0
}

#content .artikelliste_item h1{
background: none;
color:#000000;
margin: 0;
font-size:18px;
padding:0 0 2px 0;
}

#content .artikelliste_item .item_aussen{
margin:0 0 0 0;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
padding-top:10px
}

#content .artikelliste_item .item_abstand{
margin:  0 0 0 193px;
padding: 0 0 10px 0
}

#content .artikelliste_item h1{
margin-bottom:4px;
}

#content .artikelliste_item img{
float:left;
margin: 0 5px 2px 0
}

#content .clearer{
clear:both;
font-size:1px;
height: 4px
}

#content .formgen{
}

#content .forminfo{
padding:5px 5px 5px 0;
color:#990000;
font-size:14px;
font-weight:bolder;
letter-spacing:1px
}

#content .formgen #el_0{
background:#f0ede7;
border:none;
color: #000000;
font-weight: bolder
}

#content .formblock{
padding:2px 0 2px 0
}

#content .formblock input.titel{
background:#f0ede7;
border:none;
font-weight:bold
}

#content .formblock label{
display: block;
width:140px;
float:left
}

#content .formblock label.formerror{
	color: #FF0000;
}

#content .formhinweis{
line-height:18px;
font-weight:bold;
margin:3px 0 3px 0;
color: #ff0000
}

#content .drei_bilder{
width: 100%;
padding:0;
margin:10px 0 10px 0
}
#content .drei_bilder img.bild_001{
margin:0;
padding:0;
float:left
}
#content .drei_bilder img.bild_002{
margin:0 0 0 10px;
padding:0;
float:left
}
#content .drei_bilder img.bild_003{
margin:0;
padding:0;
float:right
}

#content .zwei_bilder{
width: 100%;
padding:0;
margin:10px 0 10px 0
}
#content .zwei_bilder img.bild_001{
margin:0;
padding:0;
float:left
}
#content .zwei_bilder img.bild_002{
margin:0 0 0 0;
padding:0;
float:right
}

#content .inforahmen{
border: 3px solid #cccccc;
margin: 5px -19px 0 -19px;
padding: 1px 4px 1px 4px;
background:#ffffff
}

#content .inforahmen p{
font-weight: normal
}

#footer {
clear:both;
background-color:white; 
background:url(../files/footer.png) top left repeat-y;
color:black;
padding:0 0 8px 0;
text-align:right;
font-size:10px;
text-align:left;
position:absolute;
left:-9px;
width:976px
}
#footer a {
color: #77706a; text-decoration:none; padding-right:10px; font-size:9px; padding-left:0
}
#footer a:hover	 {
color: #9e9b94; text-decoration: none
}
#footer a.drucken{
padding: 0 0 0 30px;
margin: 0 0 0 0;
left:14px;
background:url(../files/icon_print.gif) no-repeat 17px 3px;
}
#main.news #news_footer{ width:100%; text-align:left; padding:0; margin:0}
#main.news #news_footer a.drucken{padding: 10px 0 0 20px; background:url(../files/icon_print.gif) no-repeat 0 10px; font-size:12px}
#main.news #news_footer a.a_schliessen{padding: 10px 0 0 13px; background:url(../files/a_schliessen.gif) no-repeat 0 14px; font-size:12px}
.imageflRight{float:right; padding:4px 0 0 8px;}
.imageflLeft{float:left; padding:4px 8px 0 0}

#content #kategorieliste{
list-style-type:none;
height:18px;
min-width:400px
}

#content #kategorieliste li{
list-style-type:none;
background:none;
float:left;
margin:0;
text-align:center;
padding:0
}
#content #kategorieliste li.akt{
background:#21184a
}
#content #kategorieliste li a{
text-decoration:none;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
padding:0 10px
}
#content #kategorieliste li.akt a{
text-decoration:none;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
padding:0 10px;
color:#FFFFFF
}

#newsletter{
font-size:11px; 
background:#F0EDE7;
width:175px;
color:#333333;
padding:5px 27px;
margin:25px 0 0 12px
}

#newsletter label{
font-size:11px;
color:#333333;
display:block;
width:100px
}

#newsletter input, #newsletter select{
font-size:10px;
width:160px;
}

#newsletter #newsletter_help{
overflow:hidden;
font-size:1px;
height:1px;
line-height:1px;
color:#F0EDE7;
border:1px solid #F0EDE7;
background: #F0EDE7;
margin:0;
padding:0;
}	

#newsletter form{
padding:0;
color:#333333;
margin:0
}

#newsletter h3{
padding:0;
font-size:12px;
color:#333333;
letter-spacing:1px;
margin:2px -10px 3px -10px
}

#newsletter h3.abmeld{
margin:2px -10px 13px -10px
}

#newsletter h2{
padding:0;
color:#CC0000;
font-size:10px;
letter-spacing:1px;
margin:2px 0 0 0
}





/* FORMULARGENERATOR */
.formgen{
padding:5px 12px 12px 12px;
text-align:left;
}

div#el_0{
position:relative
}

#el_0 input#r0_Rel_0{ 
position:absolute;
top:0;
left:225px
}
#el_0 label#r0_Rel_0{ 
position:absolute;
width:30px;
height:15px;
top:0;
left:180px
}
#el_0 input#r0_Rel_1{ 
position:absolute;
top:0;
left:315px
}
#el_0 label#r0_Rel_1{ 
position:absolute;
width:30px;
height:15px;
top:0;
left:270px
}
#el_0 input#r0_Rel_2{ 
position:absolute;
top:0;
left:405px
}
#el_0 label#r0_Rel_2{ 
position:absolute;
width:30px;
height:15px;
top:0;
left:360px
}

div#el_13{
position:relative
}

#el_13 input#r13_Rel_0{ 
position:absolute;
top:0;
left:225px
}
#el_13 label#r13_Rel_0{ 
position:absolute;
width:30px;
height:15px;
top:0;
left:180px
}
#el_13 input#r13_Rel_1{ 
position:absolute;
top:0;
left:315px
}
#el_13 label#r13_Rel_1{ 
position:absolute;
width:30px;
height:15px;
top:0;
left:270px
}
#el_13 input#r13_Rel_2{ 
position:absolute;
top:0;
left:405px
}
#el_13 label#r13_Rel_2{ 
position:absolute;
width:30px;
height:15px;
top:0;
left:360px
}

/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}

.formgen form
{
line-height : 120%;
}

.formgen .formblock
{

}
 .forminfo 
{
	width: 90%;
	margin-bottom: 2px;
	margin-top:10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 12px;
	font-weight: bold;
	color: #990000
}

.formgen br
{
clear : both;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 454px;
	height: 80px;
	margin:-10px 0 0 0;
	border: 1px solid #cccccc;
}

/* Textfeld */
.formgen .formtext
{
	width: 270px;
	padding-bottom: 4px;
	font-size: 1.2em;
	border: 1px solid #cccccc;
	height:17px;
}

/* TITEL */
.formgen #el_2{
	border: none;
	width: 400px;
	background: #f0ede7;
	font-weight: bolder
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	
}



/* Label */
.formgen label {
	width: 180px;
	clear: left;
	float: left;	
	color:#666666;
	margin-left:0px;
	margin-bottom:12px
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	margin-left: 4px;
	color:#666666
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 140px;
	text-align: center;
	border: 1px solid #666666;
	color: #666666;
	margin:18px 0 0 180px;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 1px solid #666666;
	vertical-align: top;
	float: left;
	margin: 0 40px 3px 0px;
}

.abstand{
height:3px;
}

.captchahinweis{
	font-weight: bold;
	width: 420px;
}

.abstand_form{
height:8px;
}

.greyline{
height:5px;
background:url(../files/sidebar_line2.png) no-repeat 185px 0;
margin:-4px 0 0 0
}

.formgen .formreq, #myform .formreq{
	color: #990000;
}

.formgen .formheadline {
	color: #666666;
	width:318px;
	margin: 9px 0 35px 0;
	font-weight:bold;
	font-size:1em;
}

#content ul.searchresults{
	list-style: none;
}
#content ul.searchresults li{
	background: none;
}
.pagi{
	width: 680px;
	height: 58px;
	margin: 12px -15px;
	position: relative;
	display: none;
}

.pagi .prev_page{
	position: absolute;
	left: 0;
	top: 0;
}

.pagi .next_page{
	position: absolute;
	right: 0;
	top: 0;
}

#content .pagi a{
	display: block;
	height: 52px;
	width: 250px;
	color: #000000;
	font-weight: bold;
	padding: 4px;
	font-size: 12px;
	letter-spacing: 1px;
}

.pagi a.prev_page{
	background:url(../files/prev_pfeil.png) no-repeat left -60px #ffffff;
}
.pagi a.next_page{
	background:url(../files/next_pfeil.png) no-repeat right -60px #ffffff;
}

#content .pagi a.prev_page:hover{
	background-position: left 0
}
#content .pagi a.next_page:hover{
	background-position: right 0
}

.pagi .prev_page img{
	float: left;
	margin: 0 4px 0 20px;
}
.pagi .prev_page span{
	float: right;
	display: block;
	width: 150px;
}

.pagi .next_page img{
	float: right;
	margin: 0 20px 0 4px;
}
.pagi .next_page span{
	float: left;
	display: block;
	width: 150px; 
}
.seitevon{
	position: absolute;
	left: 300px;
	top: 12px;
}

#content ul.crosslink li{
	background: none;
	list-style: none;
	display: block;
	width: 102px;
	height: 70px;
	float: left;
	text-align: center;
	background: #ffffff;
	padding: 4px;
	margin: 5px;
	border: 2px solid #cccccc;
}


#content ul.crosslink li a{
	display: block;
	width: 100%;
	height: 100%
}