body, html { color: #6d4748; font-size: 11px; font-family: verdana, tahoma, "trebuchet ms", geneva, arial, sans-serif; line-height: 20px; background-color: transparent; width: 100%; height: 100%; margin: 0; padding: 0; }
body { background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: 0 175px; z-index: 1; }
img { border-width: 0; }
#logo { position: absolute; top: 30px; right: 30px; z-index: 100; }
a:active {position: relative;	top: 1px; }

/*----------- TV-DIVs -------------*/
#tv-schraeg { background-image: url(../images/tv/tv-schraeg.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; top: 40px; left: 190px; width: 249px; height: 445px; padding-top: 146px; padding-left: 137px; }
#tv-halb { background-image: url(../images/tv/tv-halb.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; top: 36px; left: 189px; width: 241px; height: 483px; padding-top: 169px; padding-left: 42px; }
#tv-frontal { background-image: url(../images/tv/tv-frontal.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; top: 24px; left: 193px; width: 250px; height: 427px; padding-top: 187px; padding-left: 8px; }
/*----------- Content -------------*/
#content { position: absolute; top: 250px; left: 480px; min-width: 300px; max-width: 450px; padding-right: 15px; padding-bottom: 30px; }
#content-430px { padding-right: 15px; padding-bottom: 30px; position: absolute; top: 250px; left: 480px; width: 430px; }
#content p { margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0; }
#content-430px p { margin: 0; padding-top: 3px; padding-bottom: 8px; }
h1 { font-size: 13px; font-weight: bold; line-height: 24px; text-decoration: none; margin-top: 20px; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }
h2 { color: #90b702; font-size: 13px; font-weight: bold; line-height: 24px; text-decoration: none; margin-top: 20px; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; border-bottom: 1px dotted #99c109; }
#content h2 a { color: #90b702; background-color: transparent; text-decoration: none; }
#content h2 a:hover { color: #90b702; background-color: transparent; text-decoration: none; }
#content h3 { color: #90b702; font-size: 12px; font-weight: bold; line-height: 21px; text-decoration: none; margin-top: 10px; margin-bottom: 3px; padding-top: 0; padding-bottom: 0; border-bottom: 1px dotted #99c109; }
#content h3 a { color: #90b702; background-color: transparent; text-decoration: none; background-image:url(../images/icons/icon-brandneu.gif); background-repeat:no-repeat; padding-left:20px;}
#content h3 a:hover { color: #6d4748; background-color: transparent; text-decoration: none;  }
#content ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#content a, #content-430px a { color: #6d4748; text-decoration: underline; }
#content a:hover, #content-430px a:hover { color: #90b702; text-decoration: underline; }
#content li a { color: #6d4748; text-decoration: underline; background-color: transparent; background-image: url(../images/icons/icon-pfeil.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
#content li a:hover { color: #90b702; text-decoration: underline; }
#content li a:visited { background-image: url(../images/icons/icon-haken.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
#content .link a, #content-430px .link a, #center .link a { color: #6d4748; text-decoration: underline; background-color: transparent; background-image: url(../images/icons/icon-pfeil.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
#content .link a:hover, #content-430px .link a:hover, #center .link a:hover { color: #90b702; text-decoration: underline; }
#content .link a:visited, #content-430px .link a:visited, #center .link a:visited { background-image: url(../images/icons/icon-haken.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.typoheller { color: #c5b5b6; }
.portf-idee { font-weight: normal; padding-top: 2px; /*----------  background-image: url(../images/icons/icon-birne.gif); background-repeat: no-repeat; background-position: -1px -1px; padding-left: 22px; -------------*/ }

.portf-leistung { background-image: url(../images/icons/icon-hand.gif); background-repeat: no-repeat; background-position: -2px -1px; padding-top: 5px; padding-left: 22px; }
.person { background-image: url(../images/icons/icon-person.gif); background-repeat: no-repeat; background-position: left center; text-decoration: underline; padding-left: 18px; }
.referenz-person { color: #90b702; font-weight: bolder; background-image: url(../images/referenzen/referenzen-sprechblase.gif); background-repeat: no-repeat; background-position: left bottom; }
.referenz-zitat { font-weight: lighter; background-image: url(../images/referenzen/referenzen-zitat-bg.gif); background-repeat: no-repeat; background-position: left top; padding-right: 10px; padding-left: 10px; }
/* #spalterechts { position: absolute; left: 205px; width: 200px; float: left; margin-top: 10px; margin-bottom: 20px; padding-bottom: 30px; }
#spaltelinks { position: absolute; left: 0; margin-top: 10px; margin-bottom: 20px; padding-bottom: 30px; } */
#spalterechts { width: 200px; float: right; margin-top: 10px; margin-bottom: 20px; padding-bottom: 30px; }
#spaltelinks { margin-top: 15px; margin-bottom: 20px; padding-bottom: 30px; }
.anker { margin-top: -60px; }
.register { color: #c7bcb3; font-size: 9px; vertical-align: super; }
.top { text-align:right; font-size:9px; text-transform:uppercase; letter-spacing:0.3em; color:#CCCCCC; text-decoration:underline; } 
#content ol {margin:8px 0 0 8px; padding:0px 10px 0px 22px;}
/*---------- Text ein- und ausblenden ---------*/
#content .texteinblendung {visibility:hidden; position:fixed; top:70px; left: 300px;  width:450px; padding: 5px 20px 5px 15px; border:1px solid #999999; background-color:#f9f9f9;}
/*---------- Newsletter -------------*/
.brandneues-anmeldung a, .brandneues-abmeldung a { color: #6d4748; text-decoration: underline; background-color: transparent; background-image: url(../images/icons/icon-brandneues-plus.gif); background-repeat: no-repeat; background-position:0px 1px;padding-left: 18px; }
.brandneues-abmeldung a { background-image:url(../images/icons/icon-brandneues-minus.gif);}
.brandneues-anmeldung a:hover, .brandneues-abmeldung a:hover { color: #90b702; text-decoration: underline; }
.newsletter-footer {border: 1px solid #CCCCCC; padding:0px 15px 10px 15px; background-color:#f9f9f9; margin:30px 0 20px 0; }
.newsletter-footer h1 { color:#90b702; padding:0 0 3px 0; margin:15px 0 0 0; font-size:12px;}
/*---------- Navi -------------*/
#navi { font-size: 15px; font-family: "trebuchet ms", geneva, tahoma, helvetica, verdana, arial; font-weight: bold; line-height: 21px; text-align: right; position: absolute; top: 10px; left: 0; width: 247px; }
#navi ul {  list-style-type: none; list-style-image: none; }
#navi a { color: #562b2c; background-color: transparent; text-decoration: none; padding-right: 35px; }
#navi a:hover { color: #90b702; text-decoration: none; background-color: transparent; background-image: url(../images/icons/navi-blitz_over.gif); background-repeat: no-repeat; background-position: right center; }
#navi .aktiv a { color: #90b702; background-color: transparent; background-image: url(../images/icons/navi-blitz_aktiv.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; }
#servicenavi { width: 210px; text-align: right; position: absolute; top: 400px; left: 0; font-size: 11px; font-family: "trebuchet ms", geneva, tahoma, helvetica, verdana, arial; font-weight: bold; line-height: 17px; text-transform: uppercase; letter-spacing: 0.1em; }
#servicenavi ul {  list-style-type: none; list-style-image: none; }
#servicenavi a { color: #562b2c; background-color: transparent; text-decoration: none; }
#servicenavi a:hover { color: #90b702; text-decoration: none; background-color: transparent; }
#servicenavi .aktiv a { color: #90b702; background-color: transparent; text-decoration: none; }
/*---------- Infoboxen -------------*/
.infobox { font-size: 10px; font-style: italic; line-height: 14px; background-color: transparent; background-image: url(../images/box-transparent.png); background-repeat: repeat; position: absolute; left: -230px; width: 200px; height: auto; visibility: hidden; margin-top: -15px; padding: 10px; border: dotted 1px #562b2c; }
/*---------- Messe -------------*/
#messebutton { position: absolute; top: 225px; left: 760px; z-index: 140; }
#messetext { background-image: url(../images/box-transparent-90.png); background-repeat: repeat; position: absolute; top: 140px; left: 230px; width: 480px; z-index: 150; visibility: hidden; padding: 0 15px 15px 25px; border: solid 1px #562b2c; }
#messetext .link a { color: #6d4748; text-decoration: underline; background-color: transparent; background-image: url(../images/icons/icon-pfeil.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
#messetext .link a:hover { color: #90b702; text-decoration: underline; }
#messetext .link a:visited { background-image: url(../images/icons/icon-haken.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
#messetext .schliessen a { color: #6d4748; text-decoration: underline; background-color: transparent; background-image: url(../images/icons/icon-schliessen.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
#messetext .schliessen a:hover { color: #90b702; text-decoration: underline; }

#button-specials {position:absolute; top:220px; left:855px; z-index:130}

/*---------- Fotos -------------*/
img.foto-float-right { float:right; padding:2px 0px 10px 10px; }


.clear { clear:both; }