/* REIHENFOLGE: top right bottom left (uhrzeigersinn!) */


/* margin, padding normalisieren */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin : 0; padding : 0;
}

/* font-sizes der ueberschriften normalisieren */
h1,h2,h3,h4,h5,h6 {
  font-size : 100%;
}

/* list-style von listen entfernen */
ol,ul {
  list-style : none;
}

/* font-style und font-weight normalisieren */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style : normal; font-weight : normal;
}

/* borders von tabellen entfernen */
table {
  border-collapse: collapse;
  border-spacing: 0;
  cellpadding:0px;
  cellspacing:0px;
}

/* border von fieldset und img entfernen */
fieldset,img {
  border : 0;
}

/* text in caption und th links ausrichten */
caption,th {
  text-align : left;
}

/* Removes quotation marks from q */
q:before, q:after {
  content :'';
}

td,tr {
  color:#333;
}




/* for browsers that understand */
li, img, div, span, td, a {outline:0;}
/* td a:focus, td a:active {background:#c40000;} */





BODY {
font-family: arial, tahoma, verdana, sans-serif;
font-size:12px;
color: #333;
overflow: auto;
bgcolor: #DAD4C8;
}
.body {
  background: url('../images/bg-unterseite-hell.gif') repeat-x;
  margin: 0px;
  padding: 0px;
  overflow: auto;
}


#preload {
  display: none;
  z-index:0;
}
#login {
  background: url('../images/bg-login-hell.jpg') no-repeat;
  position:absolute;
  top:0px;
  left:0px;
  height:91px;
  text-align:justify;
  z-index:100;
}
#logintab {
  background: url('../images/login-tab-unterseite-hell.jpg') no-repeat;
  position:absolute;
  top:0px;
  left:646px;
  height:45px;
  z-index:10;
}
.logintabschliessen {
  background: url('../images/login-tabschliessen-unterseite-hell-trans.png') repeat-x;
  height:33px;
  z-index:10;
}
#bgoben {
  background:url('../images/bg-oben-unterseite-hell.jpg') no-repeat;
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:265px;
  z-index:1;
}

#bgnavigation {
  background:url('../images/bg-navigation-unterseite-hell.jpg') no-repeat;
  position:absolute;
  top:265px;
  left:0px;
  width:100%;
  height:44px;
  z-index:2;
}

#bglinks {
  background: url('../images/bg-links-unterseite-hell.jpg') no-repeat;
  position:absolute;
  top:309px;
  left:0px;
  width:595px;
  height:311px;
  z-index:1;
}
#bgunten {
  background:url('../images/bg-unten-unterseite-hell.jpg') no-repeat;
  position:absolute;
  top:309px;
  left:595px;
  width:491px;
  height:356px;
  z-index:4;
}

#logo {
  background:url('../images/logo-hell.jpg') no-repeat;
  position: absolute;
  top: 50px;
  left: 42px;
  width:200px;
  z-index: 10;
}
#logo:hover {
  background: url('../images/logo-hell-on.jpg') no-repeat;
}
#obenrechts {
  position:absolute;
  top:14px;
  left:710px;
  width:300px;
  z-index:10;
}
#starttext {
  position:absolute;
  top:200px;
  left:40px;
  z-index:10;
  width:450px;
  text-align:justify; 
}
#banner {
  position:absolute;
  top:120px;
  left:629px;
  z-index:10;
}
#bannerbild {
  background: url('../images/banner.jpg') no-repeat;
}
#icons {
  position:relative;
  top:-20px;
  left:0px;
  z-index:6;
}
#iconsie {
  position:absolute;
  top:0px;
  left:0px;
  z-index:8;
}
#navigation {
  top:120px;
  left:30px;
  z-index:1000;
}
#navi {
  position:absolute;
  top:262px;
  left:30px;
  z-index:1000;
}
#styleswitcher {
  display:none;
  position:absolute;
  top:280px;
  left:582px;
  z-index:1001;
}
#content {
  position:absolute;
  top:344px;
  left:0px;
  z-index:10;
}
#werbung {
  position:absolute;
  top:502px;
  left:648px;
  z-index:99;
}
#letztenews {
  display:none;
  position:absolute;
  top:630px;
  left:648px;
  width:290px;
  z-index:100;
}
#callback {
  position:absolute;
  top:344px;
  left:648px;
  z-index:10;
}
#referenzen {
  position:absolute;
  top:500px;
  left:570px;
  z-index:10;
}
#map {
  position:absolute;
  top:560px;
  left:800px;
  z-index:10;
}
#webcode {
  position:absolute;
  top:770px;
  left:570px;
  z-index:150;
}
#kunden {
  position:absolute;
  top:344px;
  left:823px;
  z-index:10;
}
#drucker {
  position:absolute;
  top:623px;
  left:917px;
  z-index:10;
}
#bottomfade {
  width: 100%;
  height: 40px;
  position: fixed;
  bottom: 0px;
  background-image: url('../images/bottom-fade-hell-trans.png');
  z-index: 9999;
}




fieldset {
	border: 1px solid #3C3C3C;
	padding : 4px;

}
legend {
	color:#DAD4C8;
}



a:link { background: url('../images/pfeil-hell.gif') no-repeat; padding-left:10px; color:#72A915; text-decoration: none; }
a:visited { background: url('../images/pfeil-hell.gif') no-repeat; padding-left:10px; color:#72A915; text-decoration: none; }
a:hover { background: url('../images/pfeil02-hell.gif') no-repeat; padding-left:10px; color:#72A915; text-decoration: none; padding-bottom: 0px; border-bottom: 1px dotted #999;}
a:active { background: url('../images/pfeil-hell.gif') no-repeat; padding-left:10px; color:#000; text-decoration: none; }

a.impressum:link { background: url('../images/pfeil-dunkel.gif') no-repeat; padding-left:10px; color:#72A915; text-decoration: none; font-size:10px;}
a.impressum:visited { background: url('../images/pfeil-dunkel.gif') no-repeat; padding-left:10px; color:#72A915; text-decoration: none; font-size:10px;}
a.impressum:hover { background: url('../images/pfeil-dunkel02.gif') no-repeat; padding-left:10px; color:#333; text-decoration: none; font-size:10px; border-bottom: 0px;}
a.impressum:active { background: url('../images/pfeil-dunkel.gif') no-repeat; padding-left:10px; color:#000; text-decoration: none; font-size:10px;}

a.klein:link { background: url('../images/pfeil-hell.gif') no-repeat; padding-left:10px; color:#72A915; font-size:10px;}
a.klein:visited { background: url('../images/pfeil-hell.gif') no-repeat; padding-left:10px; color:#72A915; font-size:10px;}
a.klein:hover { background: url('../images/pfeil02-hell.gif') no-repeat; padding-left:10px; color:#72A915; font-size:10px; padding-bottom: 0px; border-bottom: 1px dotted #999;}
a.klein:active { background: url('../images/pfeil-hell.gif') no-repeat; padding-left:10px; color:#000; font-size:10px;}

a.mittel:link { background: url('../images/pfeil-hell.gif') no-repeat; padding-left:10px; color:#72A915; font-size:11px;}
a.mittel:visited { background: url('../images/pfeil-hell.gif') no-repeat; padding-left:10px; color:#72A915; font-size:11px;}
a.mittel:hover { background: url('../images/pfeil02-hell.gif') no-repeat; padding-left:10px; color:#72A915; font-size:11px; padding-bottom: 0px; border-bottom: 1px dotted #999;}
a.mittel:active { background: url('../images/pfeil-hell.gif') no-repeat; padding-left:10px; color:#000; font-size:11px;}

a.image:link { background: url('../images/spacer.gif') no-repeat; padding-left:0px; }
a.image:visited { background: url('../images/spacer.gif') no-repeat; padding-left:0px; }
a.image:hover { background: url('../images/spacer.gif') no-repeat; padding-left:0px; border-bottom: 0px; }
a.image:active { background: url('../images/spacer.gif') no-repeat; padding-left:0px; }

a.imagereferenzen:link { background: url('../images/spacer.gif') no-repeat; padding-left:0px; }
a.imagereferenzen:visited { background: url('../images/spacer.gif') no-repeat; padding-left:0px; }
a.imagereferenzen:hover { background: url('../images/spacer.gif') no-repeat; padding-left:0px; border-bottom: 0px; }
a.imagereferenzen:active { background: url('../images/spacer.gif') no-repeat; padding-left:0px; }

a.thumbnailunterschrift:link { background: url('../images/spacer.gif') no-repeat; padding-left:0px; color:#7D7B77; text-decoration: none; font-size:11px;}
a.thumbnailunterschrift:visited { background: url('../images/spacer.gif') no-repeat; padding-left:0px; color:#7D7B77; text-decoration: none; font-size:11px;}
a.thumbnailunterschrift:hover { background: url('../images/spacer.gif') no-repeat; padding-left:0px; color:#72A915; text-decoration: none; font-size:11px; border-bottom: 0px;}
a.thumbnailunterschrift:active { background: url('../images/spacer.gif') no-repeat; padding-left:0px; color:#000; text-decoration: none; font-size:11px;}

a.headerunterschrift:link { background: url('../images/spacer.gif') no-repeat; padding-left:0px; color:#fff; text-decoration: none; font-size:11px;}
a.headerunterschrift:visited { background: url('../images/spacer.gif') no-repeat; padding-left:0px; color:#fff; text-decoration: none; font-size:11px;}
a.headerunterschrift:hover { background: url('../images/spacer.gif') no-repeat; padding-left:0px; color:#333; text-decoration: none; font-size:11px; border-bottom: 0px;}
a.headerunterschrift:active { background: url('../images/spacer.gif') no-repeat; padding-left:0px; color:#000; text-decoration: none; font-size:11px;}

a.formcallback:link { width: 137px; height: 21px; margin: 0 0 0 -4px; padding: 5px 0 0 10px; font: normal 10px verdana; color: #F0F0F0; position: absolute; top: 106px; left: 0px; background: url(../images/button-callback-hell.gif) left; }
a.formcallback:visited { width: 137px; height: 21px; margin: 0 0 0 -4px; padding: 5px 0 0 10px; font: normal 10px verdana; color: #F0F0F0; position: absolute; top: 106px; left: 0px; background: url(../images/button-callback-hell.gif) left; }
a.formcallback:hover { margin: 1px 0 0 -4px; color: #72A815; text-decoration: none; background: url(../images/button-callback-hell.gif) right; border-bottom: 0px; }

a.formcallbackstandalone:link { width: 250px; height: 21px; margin: 0 0 0 -4px; padding: 5px 92px 10px 10px; font: normal 10px verdana; color: #F0F0F0; position: relative; top: 12px; left: 0px; background: url(../images/button-kontakt-hell.gif) left; }
a.formcallbackstandalone:visited { width: 250px; height: 21px; margin: 0 0 0 -4px; padding: 5px 92px 10px 10px; font: normal 10px verdana; color: #F0F0F0; position: relative; top: 12px; left: 0px; background: url(../images/button-kontakt-hell.gif) left; }
a.formcallbackstandalone:hover { margin: 1px 0 0 -6px; color: #72A815; text-decoration: none; background: url(../images/button-kontakt-hell.gif) right; border-bottom: 0px; }

a.formkontakt:link { width: 250px; height: 21px; margin: 0 0 0 -4px; padding: 5px 130px 10px 10px; font: normal 10px verdana; color: #F0F0F0; position: relative; top: 12px; left: 0px; background: url(../images/button-kontakt-hell.gif) left; }
a.formkontakt:visited { width: 250px; height: 21px; margin: 0 0 0 -4px; padding: 5px 130px 10px 10px; font: normal 10px verdana; color: #F0F0F0; position: relative; top: 12px; left: 0px; background: url(../images/button-kontakt-hell.gif) left; }
a.formkontakt:hover { margin: 1px 0 0 -6px; color: #72A815; text-decoration: none; background: url(../images/button-kontakt-hell.gif) right; border-bottom: 0px; }

a.formdomains:link { width: 250px; height: 21px; margin: 0 0 0 -4px; padding: 5px 30px 10px 10px; font: normal 10px verdana; color: #F0F0F0; position: relative; top: 12px; left: 0px; background: url(../images/button-kontakt-hell.gif) left; }
a.formdomains:visited { width: 250px; height: 21px; margin: 0 0 0 -4px; padding: 5px 30px 10px 10px; font: normal 10px verdana; color: #F0F0F0; position: relative; top: 12px; left: 0px; background: url(../images/button-kontakt-hell.gif) left; }
a.formdomains:hover { margin: 1px 0 0 -6px; color: #72A815; text-decoration: none; background: url(../images/button-kontakt-hell.gif) right; border-bottom: 0px; }

a.formwebcode:link { width: 87px; height: 21px; margin: 0 0 0 -4px; padding: 5px 0 0 10px; font: normal 10px verdana; color: #F0F0F0; position: absolute; top: 24px; left: 100px; background: url(../images/button-webcode-hell.gif) left; }
a.formwebcode:visited { width: 87px; height: 21px; margin: 0 0 0 -4px; padding: 5px 0 0 10px; font: normal 10px verdana; color: #F0F0F0; position: absolute; top: 24px; left: 100px; background: url(../images/button-webcode-hell.gif) left; }
a.formwebcode:hover { margin: 0 0 0 -3px; color: #72A815; text-decoration: none; background: url(../images/button-webcode-hell.gif) right; border-bottom: 0px; }

a.formwebcodestandalone:link { width: 87px; height: 21px; margin: 0 0 0 -4px; padding: 5px 32px 10px 10px; font: normal 10px verdana; color: #F0F0F0; position: relative; top: 7px; left: 0px; background: url(../images/button-webcode-hell.gif) left; }
a.formwebcodestandalone:visited { width: 87px; height: 21px; margin: 0 0 0 -4px; padding: 5px 32px 10px 10px; font: normal 10px verdana; color: #F0F0F0; position: relative; top: 7px; left: 0px; background: url(../images/button-webcode-hell.gif) left; }
a.formwebcodestandalone:hover { margin: 0 0 0 -3px; color: #72A815; text-decoration: none; background: url(../images/button-webcode-hell.gif) right; border-bottom: 0px; }

a.formlogin:link { width: 107px; height: 21px; margin: 0 0 0 0; padding: 5px 82px 10px 10px; font: normal 10px verdana; color: #F0F0F0; position: relative; top: 7px; left: 0px; background: url(../images/button-login-unterseite-hell.gif) left; }
a.formlogin:visited { width: 107px; height: 21px; margin: 0 0 0 0; padding: 5px 82px 10px 10px; font: normal 10px verdana; color: #F0F0F0; position: relative; top: 7px; left: 0px; background: url(../images/button-login-unterseite-hell.gif) left; }
a.formlogin:hover { margin: 0 0 0 0; color: #72A815; text-decoration: none; background: url(../images/button-login-unterseite-hell.gif) right; border-bottom: 0px; }

a.gutegruendehover { position:absolute; top:22px; left:0px; z-index:10; width: 170px; height: 52px; margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/gutegruende-hell-trans.png) left; }
a.gutegruendehover:visited { position:absolute; top:22px; left:0px; z-index:100; width: 170px; height: 52px; margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/gutegruende-hell-trans.png) left; }
a.gutegruendehover:hover { position:absolute; top:22px; left:0px; z-index:100; width: 170px; height: 52px; margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/gutegruende-hell-trans.png) right; border-bottom: 0px; }

a.maphover { position:absolute; top:10px; left:0px; z-index:10; width: 130px; height: 96px; margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/map-hell.gif) left; }
a.maphover:visited { position:absolute; top:10px; left:0px; z-index:10; width: 130px; height: 96px; margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/map-hell.gif) left; }
a.maphover:hover { position:absolute; top:10px; left:0px; z-index:10; width: 130px; height: 96px; margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/map-hell.gif) right; border-bottom: 0px; }



/* .chatonline  { background: url('../images/chatonline-hell-trans.png') no-repeat;} */
.headlineoben  { color:#fff; font-size:17px; font-weight:bold; }
.headline  { color:#666; font-size:15px; font-weight:bold; line-height:24px; }
.headlinerechts  { color:#999; font-size:15px; font-weight:bold; line-height:24px; }
.headline-oben-agb  { background: url('../images/headline-oben-agb-hell-trans.png') no-repeat;}
.headline-oben-error  { background: url('../images/headline-oben-error-hell-trans.png') no-repeat;}
.headline-oben-success  { background: url('../images/headline-oben-success-hell-trans.png') no-repeat;}
.headline-oben-kontakt  { background: url('../images/headline-oben-kontakt-hell-trans.png') no-repeat;}
.headline-oben-gutegruende  { background: url('../images/headline-oben-gutegruende-hell-trans.png') no-repeat;}
.headline-oben-kunden  { background: url('../images/headline-oben-kunden-hell-trans.png') no-repeat;}
.headline-oben-presse  { background: url('../images/headline-oben-presse-hell-trans.png') no-repeat;}
.headline-oben-jobs  { background: url('../images/headline-oben-jobs-hell-trans.png') no-repeat;}
.headline-oben-team  { background: url('../images/headline-oben-team-hell-trans.png') no-repeat;}
.headline-oben-web  { background: url('../images/headline-oben-web-hell-trans.png') no-repeat;}
.headline-oben-multimedia  { background: url('../images/headline-oben-multimedia-hell-trans.png') no-repeat;}
.headline-oben-domains  { background: url('../images/headline-oben-domains-hell-trans.png') no-repeat;}
.headline-oben-partner  { background: url('../images/headline-oben-partner-hell-trans.png') no-repeat;}
.headline-modul-referenzen  { background: url('../images/headline-modul-referenzen-hell-trans.png') no-repeat;}
.headline-fehlerbeimlogin  { background: url('../images/headline-fehlerbeimlogin-hell-trans.png') no-repeat;}
.headline-navigationviawebcode  { background: url('../images/headline-navigationviawebcode-hell-trans.png') no-repeat;}
.headline-nochfragen  { background: url('../images/headline-nochfragen-hell-trans.png') no-repeat;}
.headline-unserekunden  { background: url('../images/headline-unserekunden-hell-trans.png') no-repeat;}
.headline-unserekundenmeinen  { background: url('../images/headline-unserekundenmeinen-hell-trans.png') no-repeat;}
.headline-unserestandorte  { background: url('../images/headline-unserestandorte-hell-trans.png') no-repeat;}
.headline-warumabsoluto  { background: url('../images/headline-warumabsoluto-hell-trans.png') no-repeat;}
.headline-wasgibtsneues  { background: url('../images/headline-wasgibtsneues-hell-trans.png') no-repeat;}
.headline-wasmachtabsoluto  { background: url('../images/headline-wasmachtabsoluto-hell-trans.png') no-repeat;}
.headline-nochkeinkunde  { background: url('../images/headline-nochkeinkunde-hell.gif') no-repeat;}
.headline-kundenlogin  { background: url('../images/headline-kundenlogin-hell.gif') no-repeat;}
.headline-kontakt  { background: url('../images/headline-kontakt-hell-trans.png') no-repeat;}
.headline-kontaktdanke  { background: url('../images/headline-kontaktdanke-hell-trans.png') no-repeat;}
.headline-impressum  { background: url('../images/headline-impressum-hell-trans.png') no-repeat;}
.headline-gutegruende  { background: url('../images/headline-gutegruende-hell-trans.png') no-repeat;}
.headline-callback  { background: url('../images/headline-callback-hell-trans.png') no-repeat;}
.headline-kunden  { background: url('../images/headline-kunden-hell-trans.png') no-repeat;}
.headline-kunden-dbart  { background: url('../images/headline-kunden-dbart-hell-trans.png') no-repeat;}
.headline-kunden-dbartmag  { background: url('../images/headline-kunden-dbartmag-hell-trans.png') no-repeat;}
.headline-kunden-dbartcard  { background: url('../images/headline-kunden-dbartcard-hell-trans.png') no-repeat;}
.headline-kunden-cobra1  { background: url('../images/headline-kunden-cobra1-hell-trans.png') no-repeat;}
.headline-kunden-guggenheim  { background: url('../images/headline-kunden-guggenheim-hell-trans.png') no-repeat;}
.headline-kunden-lichtarchitektin  { background: url('../images/headline-kunden-livingo-hell-trans.png') no-repeat;}
.headline-kunden-livingo  { background: url('../images/headline-kunden-guggenheim-hell-trans.png') no-repeat;}
.headline-kunden-m2p  { background: url('../images/headline-kunden-m2p-hell-trans.png') no-repeat;}
.headline-kunden-macatec  { background: url('../images/headline-kunden-macatec-hell-trans.png') no-repeat;}
.headline-kunden-sektion7  { background: url('../images/headline-kunden-sektion7-hell-trans.png') no-repeat;}
.headline-kunden-wutai  { background: url('../images/headline-kunden-wutai-hell-trans.png') no-repeat;}
.headline-presse  { background: url('../images/headline-presse-hell-trans.png') no-repeat;}
.headline-jobs  { background: url('../images/headline-jobs-hell-trans.png') no-repeat;}
.headline-team  { background: url('../images/headline-team-hell-trans.png') no-repeat;}
.headline-web  { background: url('../images/headline-web-hell-trans.png') no-repeat;}
.headline-multimedia  { background: url('../images/headline-multimedia-hell-trans.png') no-repeat;}
.headline-404  { background: url('../images/headline-404-hell-trans.png') no-repeat;}
.headline-webcode  { background: url('../images/headline-webcode-hell-trans.png') no-repeat;}
.headline-partner  { background: url('../images/headline-partner-hell-trans.png') no-repeat;}
.headline-waswirfuerwenschonrealisierthaben  { background: url('../images/headline-waswirfuerwenschonrealisierthaben-hell.gif') no-repeat;}
.headline-agb  { background: url('../images/headline-agb-hell.gif') no-repeat;}
.subheadline  { color:#000; font-size:11px;}
.contentheadline  { color:#666; font-size:13px; font-weight:bold; line-height:24px;}
.contentheadlinecountry  { color:#666; font-size:13px; font-weight:bold; line-height:24px; position: relative; top: -2px; left: 0px; }
.cite { font-size:10px; color:#666; padding-bottom:10px; }
.zitat-jamesbond  { background: url('../images/zitat-jamesbond-hell.gif') no-repeat;}
.success  { border:#7AAD25 1px solid; background:#F0F5E8; color:#7AAD25; font-size:15px; font-weight:bold; padding:10px 18px 8px 18px; line-height:60px; }
.error  { border:#B00000 1px solid; background:#F4DCDC; color:#B00000; font-size:15px; font-weight:bold; padding:10px 18px 8px 18px; line-height:60px; }
.drucker  { background: url('../images/drucker-hell.gif') no-repeat;}
.footer  { color:#828282; font-size:11px;}
.bannerunterschrift  { color:#ccc; font-size:11px; }
.footerbg  { background: url('../images/bg-footer-unterseite-hell.jpg') no-repeat; }
.thumbnail { border:#333 1px solid; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.9; opacity: 0.9;}
.thumbnail:hover { border:#72A815 1px solid; filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.0; opacity: 1.0;}
.thumbnailteam { border:#333 1px solid; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.9; opacity: 0.9;}
.thumbnailteam:hover { border:#72A815 1px solid; filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.0; opacity: 1.0;}
.thumbnailreferenzen { border:#000 1px solid; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.9; opacity: 0.9; }
.thumbnailreferenzen:hover { border:#72A815 1px solid; filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.0; opacity: 1.0; }
.justify  { text-align:justify; }
.klein  { color:#333; font-size:11px; }
.mittel  { color:#333; font-size:12px; }
.loginheadline  { color:#E6E6E6; font-size:13px; font-weight:bold; line-height:24px;}
.weiss  { color:#fff; }
.haekchen { padding: 3px 0 0 0; }



.inputbgcallback {
  background: url('../images/inputbgcallback.gif') no-repeat;
  margin: 0px;
  padding: 0px;
  height:30px;
}
.inputbgcallback:hover {
  background: url('../images/inputbgcallback-on-hell.gif') no-repeat;
  margin: 0px;
  padding: 0px;
}
.inputbgkontakt {
  background: url('../images/inputbgkontakt.gif') no-repeat;
  margin: 0px;
  padding: 0px;
  height:30px;
}
.inputbgkontakt:hover {
  background: url('../images/inputbgkontakt-on-hell.gif') no-repeat;
  margin: 0px;
  padding: 0px;
}
.inputbgwebcode {
  background: url('../images/inputbgwebcode.gif') no-repeat;
  height: 24px;
  margin: 0px;
  padding: 0px;
}
.inputbgwebcode:hover {
  background: url('../images/inputbgwebcode-on-hell.gif') no-repeat;
  margin: 0px;
  padding: 0px;
}
.inputbglogin {
  background: url('../images/inputbgwebcode.gif') no-repeat;
  height: 24px;
  margin: 0px;
  padding: 0px;
}
.inputbglogin:hover {
  background: url('../images/inputbgwebcode-on-hell.gif') no-repeat;
  margin: 0px;
  padding: 0px;
}
.inputbgtextarea {
  background: url('../images/inputbgtextarea.gif') no-repeat;
  margin: 0px;
  padding: 0px;
  height:74px;
}
.inputbgtextarea:hover {
  background: url('../images/inputbgtextarea-on-hell.gif') no-repeat;
  margin: 0px;
  padding: 0px;
}



.anibg {
	background: url('../images/loading-spirale-hell.gif') no-repeat top left;
}
	

input { BORDER:#7F9DB9 0px solid; background-color:#fff; color: #434951; width:99px; height:15px; font-size:11px;}
textarea { background-color:#F1F1E9; BORDER-LEFT:#F1F1E9; BORDER-RIGHT:#F1F1E9; BORDER-TOP:#F1F1E9; BORDER-BOTTOM:#F1F1E9; border-width:1px; color: #444435; width:250px; height:54px; overflow:hidden; font-size:11px;}
.inputsuche { padding-left:7px; padding-top:2px; BORDER-LEFT:#787878 1px solid; BORDER-RIGHT:#787878 1px solid; BORDER-TOP:#787878 1px solid; BORDER-BOTTOM:#787878 1px solid; background-color:#DAE2EA; color: #787878; width:107px; height:19px; font-size:11px;}
.inputcallback { font-family: arial, tahoma, verdana, sans-serif; padding-left:4px; margin-top:6px; margin-left:2px; width:129px; height:15px; font-size:11px; background: url('../images/input.gif'); }
.inputcallback:hover { color: #1E1E1E; background: url('../images/input-on.gif'); }
.inputcallback:focus { color: #777;}
.inputkontakt { font-family: arial, tahoma, verdana, sans-serif; padding-left:4px; margin-top:6px; margin-left:2px; width:222px; height:15px; font-size:11px; background: url('../images/input.gif'); }
.inputkontakt:hover { color: #1E1E1E; background: url('../images/input-on.gif'); }
.inputkontakt:focus { color: #777;}
.inputwebcode { font-family: arial, tahoma, verdana, sans-serif; padding-left:4px; margin-top:6px; margin-left:2px; width:79px; height:15px; font-size:11px; background: url('../images/input.gif'); }
.inputwebcode:hover { color: #1E1E1E; background: url('../images/input-on.gif');}
.inputwebcode:focus { color: #777;}
.inputlogin { font-family: arial, tahoma, verdana, sans-serif; padding-left:4px; margin-top:6px; margin-left:2px; width:79px; height:15px; font-size:11px; background: url('../images/input.gif'); }
.inputlogin:hover { color: #1E1E1E; background: url('../images/input-on.gif');}
.inputlogin:focus { color: #777;}
.inputtextarea { font-family: arial, tahoma, verdana, sans-serif; padding-left:4px; margin-top:6px; margin-left:2px; width:222px; height:15px; font-size:11px; background: url('../images/input.gif'); }
.inputtextarea:hover { color: #1E1E1E; background: url('../images/input-on.gif'); }
.inputtextarea:focus { color: #777;}
.textareakontakt { font-family: arial, tahoma, verdana, sans-serif; padding-left:4px; margin-top:6px; margin-left:2px; width:222px; height:60px; size:11px; background: url('../images/inputtextarea.gif'); }
.textareakontakt:hover { overflow:auto; color: #1E1E1E; background: url('../images/inputtextarea-on.gif'); }
.textareakontakt:focus { overflow:auto; color: #777;}
.iconzurueck { width:25px; height:25px; border-width:0px; background-color:transparent; }
.iconplaypause { width:25px; height:25px; border-width:0px; background-color:transparent;}
.iconweiter { width:25px; height:25px; border-width:0px; background-color:transparent;}
.sendencallback { margin-left:-6px; margin-top:0px; width:145px; height:27px; background-color:#363636; border-width:0px; }
.sendencallback:hover { margin-top:1px; width:145px; height:27px; background-color:#363636; border-width:0px; }
.sendenwebcode { margin-left:0px; width:95px; height:27px; background-color:#282828; border-width:0px; }
.sendenwebcode:hover { margin-left:1px; width:95px; height:27px; background-color:#282828; border-width:0px; }
.buttonsuche { size:26; width:61px; height:26px; background-color:#fff; border-width:0px}
.buttoncallback { size:26; width:173px; height:26px; background-color:#738BB6; border-width:0px}
.buttonlogin { size:26; width:173px; height:26px; background-color:#132D5E; border-width:0px}
.senden { size:22; width:127px; height:22px; background-color:#E8E8DE; border-width:0px}
.radiobutton { background-color:#fff; width:14px; height:14px}
.checkbox { width:14px; height:14px; border:#5E9500 1px solid; margin:8px 0 0 0;}
.optionleer { background-color:#DAD4C8; height:1px;}
.option { height:16px;}
.select { background-color:#fff; color: #444435; size:18; width:99px; height:18px; font-size:11px}
.selectkontakt { background-color:#F0F0F0; color: #333; size:18; width:200px; height:18px; font-size:11px}
.selectkontakt:hover { background-color:#72A915; color: #fff;}




/********************************* LiveValidation *************************************/

.LV_valid {
    color:#fff;
/*    background: #7AAD25; */
}
	
.LV_invalid {
    color:#fff;
    background: #B00000;
    border: #fff 1px solid;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
	
.LV_validation_message {
	font-weight: normal;
	margin: 0 0 0 0;
    padding:5px;
    position: absolute;
    top: -5px; 
    left: 0px; 
    font-size:10px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 0px solid #00CC00;
    background: url('../images/input.gif');
    padding-left:4px;
    margin-top:6px;
    margin-left:2px; 
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 0px solid #CC0000;
    background: url('../images/input-error.gif');
    padding-left:4px;
    margin-top:6px;
    margin-left:2px; 
}



/********************************* zoom image *************************************/

.zoomcontainer {
	width: 540px;
	padding: 0px;
	margin: 16px 0 10px 0;
/*	border: 0px solid #ccc; */
	}

#zoombild a {
	float: left;
	margin: 0px 20px 8px 0px;
	border: 0px solid #000;
	text-indent: -1000em; /* hide the link text */
	overflow: hidden;
	display: block;
	width: 190px; /* show only thumbnail */
	height: 125px;
	background: url('../images/zoom-guggenheim.jpg') no-repeat top left;

	}

#zoombild a:hover {
	width: 540px; /* adjust size to zoomed photo */
	height: 350px;
	background-position: 0 -135px; /* move the image so only the big one shows */
/*	cursor: nw-resize; */
	}






/********************************* Accordions *************************************/


/* Vertical Accordions */
		
.accordion_toggle {
	display: block;
	height: 18px;
	line-height: 18px;
	width: 460px;
	background: url('../images/icon-plus-hell.gif') no-repeat top left; 
	padding: 14px 0 0 12px;
	color: #c40000; 
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 13px;
	color: #72A915;
/*	border-bottom: 1px dotted #c40000; */
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle:hover {
	color: #7D7B77;
}

.accordion_toggle_active {
	background: url('../images/icon-minus-hell.gif') no-repeat top left; 
	color: #585858;
/*	border-bottom: 1px solid #f68263; */
}

.accordion_subheadline {
	color: #333;
	font-size: 11px;
}

.accordion_content {
/*	background-color: #fff; */
	color: #333;
	overflow: hidden;
	padding-top:6px;
	font-size: 12px;
}
	
	.accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #999;
	}
	.accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}

	
.vertical_accordion_toggle {
	display: block;
	height: 20px;
	line-height: 20px;
	width: 460px;
/*	background: url('../images/accordion_toggle.jpg') no-repeat top right #a9d06a; */
	padding: 0 10px 0 10px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #72A915;
/*	border-bottom: 1px solid #cde99f; */
	cursor: pointer;
	margin: 0 0 0 0;
}
	.vertical_accordion_toggle_active {
/*	background: url('../images/accordion_toggle_active.jpg') no-repeat top right #e0542f;  */
	color: #fff;
/*	border-bottom: 1px solid #f68263; */
}
	.vertical_accordion_content {
/*	background-color: #fff; */
	color: #fff;
	overflow: hidden;
}
		.vertical_accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #999;
	}
		.vertical_accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
			
/*
				
				
/* Container styling*/
   
#vertical_nested_container {
  margin: 0px auto 20px auto;
  width: 460px;
}

#vertical_container {
  position:relative;
  top:-6px;
}





/********************************* Navigation *************************************/

#MainMenu
{
	position:absolute;
	top:261px;
	left:28px;
	width:80%;
	height:50px;
	background: none;
	margin:0 0 0 0;
	border:0;
	z-index:5;
}
#tab
{
	margin:0;
	top:0;
}
#tab ul
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li
{
display:inline;
	float:left;
	margin:0 0 0 0;
	padding:0;
}
#tab a
{
	background:url("../images/navi/menue-off-trans.png") no-repeat;
	margin:0;
	padding:0;
	text-decoration:none;
	border-style:solid;
	border-color:;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	display:block;
	float:left;
	border-top: 2px solid transparent;
}
#tab a span
{
	display:block;
	padding:0 30px 0 30px;

/* 	padding: 0 14px 0 30px; // 5 MENUEPUNKTE */

	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	font-weight:bold;
	line-height:50px;
}
#tab a:hover,#tab li.item_active a
{
	background:url("../images/navi/menue-on-trans.png") no-repeat;
	border-top: 2px solid #72A815;
}
#tab a:hover span,#tab li.item_active a span
{
	color:#F0F0F0;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0px;
	float:left;
	display:block;
	visibility:hidden;
	border-style:solid;
	border-color:#72A815;
	border-top-width:0;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	background: url("../images/navi/submenue.jpg") no-repeat;
	line-height:18px;
	z-index:15;
	width:168px;
	text-decoration:none;
	padding: 5px 0 10px 6px;
	margin: -7px 0 0 0;
}
.dropmenudiv ul
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:168px;
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 16px;
	display:block;
	border:0 solid #000000;
	color:#333;
	background: url("../images/navi/pfeil-off.gif") no-repeat;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-size:11px;
}
.dropmenudiv a span
{
	float:left;
	display:block;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11;
}
.dropmenudiv a span
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid ;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	background: url("../images/navi/pfeil-on.gif") no-repeat;
}
.dropmenudiv a:hover span
{
	background-color:none;
/*	background:url("../images/navi/pfeil-on.gif") no-repeat; */
	color:#666;
}