* {padding:0; margin:0; }

body { background: #C00; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #58585a; }
img { border:0; }
a { color:#5494c7; text-decoration: underline; }
a:hover { color: #E53932; text-decoration: none; }


h1 {font-size: 1.25em; margin:0 0 15px 0;}
h2 { font-size: 1em; padding:3px 0 2px 0;text-transform: uppercase; }
h3 {font-size: 1.1em; margin:0 0 15px 0;}
h4 { font-size: 1em; padding-top:25px; text-transform: uppercase; } /*startseite*/

p {line-height: 1.5em; margin-right: 36px; margin-bottom: 10px; text-align:justify;}
address { font-style:normal; font-size:10px; color: #999; padding-top:15px;}

#container {position:relative; width:942px; margin: 15px auto 0; }



/*kopf*******************************************************************************************************************/

#header {position:relative; width:942px; height:140px; background: url(images/bg_oben.png) no-repeat;}
#logo {background: #FFF url(images/bg_header_graue_linie.jpg) repeat-x; width:283px; height:119px; position:absolute; top:9px; left:9px; }
#logo img {margin:30px 0 0 30px;}
#kopfbild {position:absolute; right:9px; top:9px; width: 659px; height:119px; background: url(images/kopfbilder/startseite.jpg) no-repeat;}
#deckel { width: 659px; height:119px; }
#deckel div { position:absolute; right:13px; bottom:0px; color:#fff; }
#deckel div a {color:#fff; text-decoration:none; position:relative;}
#apBilder h2 {clear:left;}
#apBilder img {margin-bottom:25px;}


#content {background: url(images/bg_mitte.png) repeat-y; min-height:400px; height:auto !important; height:400px;}
/*navi*******************************************************************************************************************/
#linkerBlock {background: url(images/bg_ecke_navi.png) no-repeat; padding-top: 60px; width:240px; float:left;}

div#navi p img {padding:20px 0  0 60px;} /*fb-bild*/

#linkerBlock ul { list-style: none; margin-left:52px; }
#linkerBlock ul.navHaupt {margin-bottom:12px;}
#linkerBlock ul li {margin-bottom: 2px}

#linkerBlock ul.navHaupt a { display:block; text-decoration: none; padding:4px 0; background: #DFE6EE; width:161px; text-indent: 10px; color: #a2120c; }
#linkerBlock ul.navHaupt a:hover {background: #e53932; color: #fff;}
#linkerBlock ul.navSub a {display:block; text-decoration: none; background: #fff; width:161px; text-indent: 10px; color: #666; border-bottom:dotted 1px #333; padding:2px 0;}
#linkerBlock ul.navSub a.randOben {border-top:dotted 1px #333; margin-top:5px;}
#linkerBlock ul.navSub a:hover {color: #e53932; font-weight:bold;}


#linkerBlock ul.navSubSub {margin-left:15px; width:124px;}
#linkerBlock ul.navSubSub a {border:none; font-size:0.9em; background:transparent; color:#666; padding:0;}
#linkerBlock ul.navSubSub a:hover {color:#069;}

#linkerBlock ul.navHaupt ul#staFoTe {margin:5px 0 10px 0;}
#linkerBlock ul.navHaupt ul#staFoTe a {display:block; height:12px; text-decoration: none; line-height: 12px; background: none; width:161px; text-indent: 0px; color: #333; font-size:10px;}
#linkerBlock ul.navHaupt ul#staFoTe a:hover {display:block; height:12px; text-decoration: none; line-height: 12px; background: none; width:161px; text-indent: 0px; color: #E53932; font-size:10px;}

#rechterBlock {float:right; width:630px; min-height:400px; height:auto !important; height:400px; padding-bottom:30px;}
#rechterBlock a { text-decoration: none; }



/*inhalt*******************************************************************************************************************/
#kruemel {margin:20px 0 20px 0;}
#kruemel a, #textInhalt a.unterstrichen { text-decoration: underline; }
#footer {height:50px; clear:both; font-size:0.9em; background: url(images/bg_unten.png) no-repeat; padding-left:310px;}
#textInhalt { width:430px; float:left; }
#textInhalt ul.text { padding-left:15px; }
#formularAnfrage { width:600px; float:left; }
#ansprechpartner { width:170px; float:left; border-left:dotted 1px #A6A6A6; padding-left:15px; }

/*formulare*******************************************************************************************************************/
label {display:block; width:100px; float:left;}
input, textarea {width:200px; border:solid 1px #eff3f2; border-bottom-color:#323f49; font: 12px 'Trebuchet MS', sans-serif; padding:2px;}
.wech {background-color:#e5e5e5;}


.anfragen td {padding:2px 1px 2px 10px;}
.anfragen td.thema { border-bottom: 1px solid #fff; padding:0px;}
.anfragen h4 {padding-top:12px; border-bottom: 1px solid #ccc; margin-bottom:10px; padding-left:10px;}
.anfragen td.farbe {background-color:#f1f6f9;}
.anfragen td.farbe2 { background-color:#fbfcfc; }


/*gedoens*******************************************************************************************************************/
.aufraeum {clear:both;}
.linie { width:auto; border: none; color: #CCD0D3; height: 1px; margin: 20px 0; padding: 0px; background: #CCD0D3; }
.rahmen { background: #FFF; padding: 3px; border: 1px solid #BABABA; }
.abstRe {margin-right:10px;}
.bildu a {display:block; width:135px; float:left; font-size:11px; margin-top:2px; text-decoration:none;}
.liFloat {float:left; margin:0 20px 12px 0;}
.haendchen {cursor:pointer;}
ul.aufzaehlung {padding-left:17px; list-style-type:square;}
ul.verkauf {padding-left:17px; font-weight:normal;  list-style-type:square;}
ul.verkauf ul {padding-left:17px; font-weight:normal;}
.rot { color: #E53932; }
.ap {display:block; float:left; margin-right:10px;}
.flieLi {float:left; margin-right:20px; margin-top:5px;}
.flieRe {float:right; margin-left:20px; margin-top:5px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*aktive navipunkte*******************************************************************************************************************/

body.startseite #linkerBlock ul.navHaupt a.startseite, 
body.unternehmen #linkerBlock ul.navHaupt a.unternehmen,
body.technik #linkerBlock ul.navHaupt a.technik,
body.anfrage #linkerBlock ul.navHaupt a.anfrage {background: #e53932; color: #fff;}

body.karten #linkerBlock ul.navSub a.karten, 
body.visitenkarten #linkerBlock ul.navSub a.visitenkarten, 
body.aufkleber #linkerBlock ul.navSub a.aufkleber,
body.briefmarken #linkerBlock ul.navSub a.briefmarken,
body.mappen #linkerBlock ul.navSub a.mappen,
body.gravuren #linkerBlock ul.navSub a.gravuren,
body.kalender #linkerBlock ul.navSub a.kalender,
body.personalisierung #linkerBlock ul.navSub a.personalisierung,
body.mikroperforation #linkerBlock ul.navSub a.mikroperforation,
body.schablonen #linkerBlock ul.navSub a.schablonen,
body.specials #linkerBlock ul.navSub a.specials,
body.popup #linkerBlock ul.navSub a.popups{color: #e53932; font-weight:bold;}




/*aktive kopfbilder*******************************************************************************************************************/

body.unternehmen #kopfbild {background: url(images/kopfbilder/unternehmen.jpg) no-repeat;}
body.technik #kopfbild {background: url(images/kopfbilder/technik.jpg) no-repeat;}
body.anfrage #kopfbild {background: url(images/kopfbilder/anfrage.jpg) no-repeat;}
body.mikroperforation #kopfbild {background: url(images/kopfbilder/mikro.jpg) no-repeat;}
body.schablonen #kopfbild {background: url(images/kopfbilder/schablonen.jpg) no-repeat;}
body.specials #kopfbild {background: url(images/kopfbilder/specialss.jpg) no-repeat;}

body.karten #kopfbild {background: url(images/kopfbilder/karten.jpg) no-repeat;}
body.personalisierung #kopfbild {background: url(images/kopfbilder/perso.jpg) no-repeat;}
body.gravuren #kopfbild {background: url(images/kopfbilder/garvur.jpg) no-repeat;}
body.visitenkarten #kopfbild {background: url(images/kopfbilder/visitenkarten.jpg) no-repeat;}
body.aufkleber #kopfbild {background: url(images/kopfbilder/aufkleber.jpg) no-repeat;}
body.briefmarken #kopfbild {background: url(images/kopfbilder/briefmarken.jpg) no-repeat;}
body.mappen #kopfbild {background: url(images/kopfbilder/mappen.jpg) no-repeat;}


/*galerie*******************************************************************************************************************/
#galerie {width: 350px;}
#galerie ul {list-style-type: none;}
#galerie li {float: left; margin-top: 5px; margin-left: 7px;}
#galerie li.ohne {margin-left: 0px;}
#galerie img {border: 1px solid #333300;}




















#zeitung {padding-top: 20px; clear:both;}

.groesser { font-size: 13px; line-height: 120%; }

#feinlaserInfo #schliessen { position:absolute; left:677px; top:0px; width:25px; height:25px; z-index:1; }
#feinlaserInfo { position:absolute; left:156px; top:48px; width:700px; height:580px; z-index:1; background: #FFF; border: 1px solid #666; padding: 1px; visibility: hidden; }
#innovativteaser { position:absolute; left:-27px; top:173px; width:182px; height:63px; z-index:2; visibility: visible; }