body,div,span,form,a,p,h1,h2,h3,img,input,textarea { padding:0px; margin:0px; font-family:Arial,sans-serif; } body,html { width:100%; height:100%; } a { font-weight:bold; text-decoration:none; } /*********************************************************************************************** generell gleich: form-elems. auf kontakt.php + kunden.php in #text, im #formDiv in #form ************************************************************************************************/ input,textarea { vertical-align:middle; font-size:11px; border:1px solid #000; background-image:url(../Img/bg_formfield.jpg); width:250px; margin-bottom:2px; } input { height:18px; } textarea { height:60px; } #loginSubm,#pwdSubm,#kontaktSubm { border-width:0px; width:120px; height:20px; margin-top:10px; } #kontaktSubm { background-image:url(../Img/submit.gif); } /**************************************************************************************** #formDiv included on all pages. steht direkt unter . beinhaltet #dragBar, #imprDiv und #form *****************************************************************************************/ #formDiv { visibility:hidden; position:absolute; top:250px; left:300px; height:310px; width:380px; border:1px solid #FFFFFF; background-image:url(../Img/formDiv_bg.jpg); background-repeat:repeat-y; overflow:hidden; color:#000; font-size:12px; } #formDiv #dragBar { height:20px; width:380px; background-image:url(../Img/formDivDragBar_bg.jpg); background-repeat:repeat-y; text-align:right; } #formDiv #imprDiv { margin:10px 0px 10px 10px; } #formDiv #imprDiv h3 { font-size:14px; line-height:16px; margin-bottom:5px; } #formDiv #form { margin-left:10px; } #formDiv #form #kontaktSubm { background-image:url(../Img/submit.gif); } /************************************************************************************** #outer ist body-vertical-centered. beinhaltet #lineZero, #lineOne, #lineTwo, #lineThree ***************************************************************************************/ #outer { position:absolute; top:50%; /*des elternelems, hier: body*/ width:100%; height:500px; margin-top:-265px; /*half height + 15*/ } /************************************************************************************** #lineZero ist oben über "rand" (teil der goldgrafik, die auf seitenhintergrund steht) ***************************************************************************************/ #lineZero { width:100%; height:28px; /*background-image steht auf seite, da hintergrundfarbabhängig*/ background-position:445px 0px; background-repeat:no-repeat; } /************************************************************************************** #lineOne ist oberer "rand". beinhaltet #lineOneWeiter ***************************************************************************************/ #lineOne { width:100%; height:45px; background-image:url(../Img/bgRaender.jpg); } /************************************************************************************** #lineOneWeiter ist im oberen "rand" innen ***************************************************************************************/ #lineOneWeiter { height:45px; margin-left:200px; background-image:url(../Img/goldMitte.jpg); background-position:245px 0px; background-repeat:no-repeat; } #lineOne #lineOneWeiter h1 { /*weite ca 230px*/ font-size:11px; font-weight:bold; line-height:43px; /*falls 45px, spare height-angabe bei lineOneWeiter*/ } /************************************************************************************** #lineTwo ist "breite mitte". beinhaltet #lineTwoContent ***************************************************************************************/ #lineTwo { width:100%; height:410px; background-color:#FFF; background-image:url(../Img/bgMitte.jpg); } /************************************************************************************************* #lineTwoContent beinhaltet eigentliche inhalte: beinhaltet #text und #leistPlusNavi nebeneinander **************************************************************************************************/ #lineTwoContent { width:804px; height:410px; margin-left:200px; } /******************************************************************************************************** #text beinhaltet variable seiteninhalte, auf index.php ists leer, auf kontakt.php beinhaltets noch #form *********************************************************************************************************/ #text { width:570px; height:410px; float:left; background-image:url(../Img/goldUntenPages.jpg); /*auf index was anders!*/ background-position:245px 0px; background-repeat:no-repeat; font-size:12px; } #text h2 { font-size:14px; font-weight:bold; line-height:16px; margin-bottom:2px; } #text h2#first { margin-top:70px; } #text p { font-size:12px; line-height:130%; margin-bottom:10px; margin-right:80px; text-align:justify; } #text form { font-size:12px; margin:5px 0px 30px 0px; } #text form #loginSubm { background-image:url(../Img/login.gif); } #text form #pwdSubm { background-image:url(../Img/pwd.gif); } /************************************************************************************** #leistPlusNavi beinhaltet leistungs-angaben und navi ***************************************************************************************/ #leistPlusNavi { width:230px; height:410px; float:left; } #leistPlusNavi h2 { font-size:18px; line-height:20px; font-weight:normal; color:#DFD3A9; margin:10px 0px 5px 0px; } #leistPlusNavi h3 { font-size:11px; line-height:15px; font-weight:normal; color:#DFD3A9; } #leistPlusNavi p#leist { font-size:10px; font-weight:bold; color:#DFD3A9; line-height:130%; margin:10px 0px 40px 65px; } #leistPlusNavi p#navi { margin:0px 0px 0px 65px; } #leistPlusNavi p#navi a { font-size:10px; line-height:130%; } #leistPlusNavi p#navi a.inactive { /* link-class 'active' color ist $pagecolor, daher auf seiten definiert*/ color:#DFD3A9; } /************************************************************************************** #lineThree ist unterer "rand". ist leer ***************************************************************************************/ #lineThree { width:100%; height:45px; background-image:url(../Img/bgRaender.jpg); }