/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	background-color:#FFFFFF;
	background-image: url(../bilder/bg1.gif);
	background-repeat: no-repeat;
	background-position: 50% 0;

}
body {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 150%;
	text-align:center;
	color: #FFFFFF;
}
textarea {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
}
td {
vertical-align:top;
}
#seite {
position:relative;
width: 872px;
height: auto !important;
min-height: 100%;
height: 100%;
background-color: #FFFFFF;
background-image:url(../bilder/wrapcontentbg.gif);
background-repeat:repeat-y;
background-position: 5px 0px;
margin: 0 auto;
text-align:left;

}
.clearer {
clear: both;
}
.abstand {
height:5px;
background-color:#FFFFFF;
}
#kopfbalken {
clear:both;
margin-left:5px;
margin-right:5px;
}
#logo{
height: 80px;
width: 148px;
float: left;
overflow: hidden;
}
#kopf{
position:relative;
height: 80px;
float: right;
width: 709px;
}
#innerkopf {
position:relative;
border: 1px solid #A0A0A0;
background-color: #9ACC35;
background-image:url(../bilder/kopfpg.jpg);
background-repeat: repeat-x;
background-position:bottom;
}
#kopfcontent{
height:78px;
width: 707px;
overflow: hidden;

}
#wrapcontent {
position:relative;
margin:5px;
margin-top:0;
width: 862px;
}
#servicebar{
/*background-color: #88b330;
background-image: url(../bilder/contentlinksbg.gif);
background-position:top left;
background-repeat:no-repeat;*/
float:left;
width: 148px;
min-height: 500px;
border-top:1px solid #A0A0A0;
 overflow: hidden; 

}

#contentlinks {
padding: 0px 4px 4px 4px;
}

#hauptinhalt  {
float:right;
width: 709px;
height: 100%;
position: relative;
z-index: 5;
}

#navi {
margin-bottom: 5px;
z-index: 20;
position: relative;
}
#innernavi {
border: 1px solid #A0A0A0;
background-color:#CECECE;
background-image:url(../bilder/navibg.jpg);
background-repeat:repeat-x;
background-position: bottom;
}
#inhalt {
border: 1px solid #A0A0A0;
min-height: 500px;
z-index: 10;
position: relative;
background-color: #3D4923;
background-image:url(../bilder/inhalt_bg.jpg);
background-image:url(../bilder/bg_erstellung.jpg);
background-repeat: repeat-x;
margin-bottom: 5px;
padding: 40px;
}
#innerinhalt {
position: relative; 
height: 1%;
}


#seo {
position: absolute;
width: 200px;
height: 200px;
top: -500px;
left: -500px;


}

/* allgemeine Elemente */
p {
margin:0;
border:0;
margin-bottom: 10px;
}

h1, h2, h3, h4, h5 ,h6 h7 {
margin: 0;
padding: 0;
border: 0;
margin-bottom: 10px;
line-height: 130%;
font-weight: bold;
font-size: 14px;

}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #980000;
	text-decoration: none;
}
a:active {
	color: #980000;
	text-decoration: none;
}

/* NAVIGATIONS STYLES*/
#innernavi ul, #innernavi li  {
margin: 0;
padding:0;
border:0;
list-style:none;
position: relative;
}
#hauptnavi {
}
#hauptnavi li {
float: left;
font-weight: bold;
border-right: 1px solid #A0A0A0;
}
#hauptnavi ul, #hauptnavi ul li ul {
position:absolute;
clear:both;
float: none;
left: 0px;
top: 100%;
width: 100px;

}

#hauptnavi ul li ul {
left: 100%;
top:0px;
}

#hauptnavi ul li {
position: relative;
float: left;
width: 150px;
background-color: #B1B1B1;
font-weight: normal;
border: 0;
}
#hauptnavi a:link, #hauptnavi a:visited, #hauptnavi a:hover, #hauptnavi a:active, #hauptnavi a:focus  {
display:block;
clear: both;
padding: 3px 10px 4px 10px;
text-decoration:none;
color: #000000;
border: 0;
}
#hauptnavi a:hover, #hauptnavi a:active, #hauptnavi a:focus,  #hauptnavi a.aktiv:link, #hauptnavi a.aktiv:visited{
display:block;
color: #97CC34;
color: #FFFFFF;
border: 0;
}


div#innernavi ul ul, div#innernavi ul ul ul , div#innernavi ul  li:hover ul ul, div#innernavi ul ul li:hover ul ul{
	display: none;
}

div#innernavi  ul li:hover ul, div#innernavi ul ul li:hover ul, div#innernavi ul ul ul li:hover ul{
	display: block;
}

/* Service Bereich */
#contentlinks {
	/*color: #666666; */
}
.titellinks {
font-weight: bold;
padding: 3px 0 4px 0;
border-bottom: 1px solid #FFFFFF;
margin-bottom: 5px;
}
.passworthinweise {
font-style:italic;
text-align:right;
}
form {
display: inline;
}
.usersmall, .passsmall {
margin:0;
padding:0;
border: 1px solid #A0A0A0;
background: #E9E9E9; 
color: #333333;
width: 138px;
}
.passsmall {
width: 118px;
}
.submitsmall{
float:right;
margin: 0;
border: 0;
padding: 0;
color: white;
background-color:#fe8137;
width: 20px;

}
.buttonsmall{
margin: 0;
border: 0;
padding: 0;
color: white;
border: 1px solid #FFFFFF;
background-color:#fe8137;
width: 138px;

}

#sprachswitch, #servicetitel {
font-weight:bold;
margin-top:20px;
margin-bottom: 20px;
padding: 4px 0px 4px 4px;
border-top: 1px solid #FFFFFF;
/*border-bottom: 1px solid #FFFFFF;*/
}
#sprachswitch a:link, #sprachswitch a:visited {
padding: 2px 8px 2px 0px;
text-decoration:none;
color: #C4C4C4;
}

#sprachswitch a:hover, #sprachswitch a:active, #sprachswitch a:focus, #sprachswitch a.aktiv:link, #sprachswitch a.aktiv:visited, #sprachswitch a.aktiv:hover, #sprachswitch a.aktiv:active, #sprachswitch a.aktiv:focus  {
text-decoration:none;
padding: 2px 8px 2px 0px;
color: #FFFFFF;

}
#servicetitel {
font-weight: bold;
margin-bottom: 10px;
}
.gruen {
color: #97CC34;
}

.fehlernotice{
color: #9a0003;
}


.tipafriend-text, .mailformplus-text  {

padding:0;
border: 1px solid #A0A0A0;
background-color: #E9E9E9; 
color: #333333;
width: 200px;
}
.tipafriend-textarea , .mailformplus-textarea{
border: 0;
padding: 0;
color: #333333;
border: 1px solid #A0A0A0;
background-color:#E9E9E9;
width: 200px;
height: 100px;

}
.tipafriend-button, .mailformplus-button {
margin0: 0;
border: 0;
padding: 0;
color: white;
border: 1px solid #FFFFFF;
background-color:#fe8137;
}

#plz {
/*width: 30px;*/
}


form {
display: inline;
}
/***************************************KONTAKTFORM************************************************3333*/
.kontaktform {
position:relative;
}
.kontaktform label { 
	margin: 0; 
	padding: 0; 
}
.kontaktform label span { 
	color: #9A0003; 
}
.kontaktform dl { 
	margin: 0; 
	padding: 0 0 0 0; 
	border: 0;
}
.kontaktform dt, .kontaktform dd { 
	margin: 0; 
	padding: 0 0 .5em 0; 
	float: left; 
}

.kontaktform dt { 
	clear: both; 
	width: 100px; 
	text-align: right; 
	padding-right: 1em; 
	width: 25%;
}
.kontaktform dd { 
	text-align: left; 
	width: 50%;
}


* html .kontaktform dd { 
	float: none; 
}
.kontaktform dd p { 
	margin-top: 0; 
	margin-bottom: .5em; 
	padding: 0; 
}
.kontaktform dd label { 
	padding: 0 1em 0 .5em; 
}


/***************buttons*******************************/
a.linkwarenkorb-de:link, a.linkwarenkorb-de:visited, a.linkwarenkorb-de:hover, a.linkwarenkorb-de:active, a.linkwarenkorb-de:focus {
background-image:url(../bilder/buttons/zurueckzumwarenkorb_de.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
height: 36px;
display:block;
width: 232px;
}
a.linkwarenkorb-de:hover, a.linkwarenkorb-de:active, a.linkwarenkorb-de:focus {
background-image:url(../bilder/buttons/zurueckzumwarenkorb_de.gif);
background-position: 0px -72px;
background-repeat:no-repeat;

}
.linkwarenkorb-de {
background-image:url(../bilder/buttons/zurueckzumwarenkorb_de.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}
.linkwarenkorb-de:hover {
background-image:url(../bilder/buttons/zurueckzumwarenkorb_de.gif);
background-position: 0px -72px;
background-repeat:no-repeat;
}

/********/
a.weitereartikel-de:link, a.weitereartikel-de:visited, a.weitereartikel-de:hover, a.weitereartikel-de:active, a.weitereartikel-de:focus {
background-image:url(../bilder/flyerapplikation/buttons/weitereartikel_de.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
height: 36px;
width: 232px;
display:block;
}
a.weitereartikel-de:hover, a.weitereartikel-de:active, a.weitereartikel-de:focus {
background-image:url(../bilder/flyerapplikation/buttons/weitereartikel_de.gif);
background-position: 0px -72px;
background-repeat:no-repeat;
}
.weitereartikel-de {
background-image:url(../bilder/flyerapplikation/buttons/weitereartikel_de.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}
.weitereartikel-de:hover {
background-image:url(../bilder/flyerapplikation/buttons/weitereartikel_de.gif);
background-position: 0px -72px;
background-repeat:no-repeat;
}


/*******/
/********/
a.linkzurstartseite-de:link, a.linkzurstartseite-de:visited, a.linkzurstartseite-de:hover, a.linkzurstartseite-de:active, a.linkzurstartseite-de:focus {
background-image:url(../bilder/buttons/zurueckzurstartseite_de.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
height: 36px;
display:block;
width: 232px;
}
a.linkzurstartseite-de:hover, a.linkzurstartseite-de:active, a.linkzurstartseite-de:focus {
background-image:url(../bilder/buttons/zurueckzurstartseite_de.gif);
background-position: 0px -72px;
background-repeat:no-repeat;
}
.linkzurstartseite-de {
background-image:url(../bilder/buttons/zurueckzurstartseite_de.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}
.linkzurstartseite-de:hover {
background-image:url(../bilder/buttons/zurueckzurstartseite_de.gif);
background-position: 0px -72px;
background-repeat:no-repeat;
}
