/* ===================================== */ /* Stylesheet von Faviconmaker.de */ /* Datei: style.css */ /* Datum: 01.07.2011 */ /* Autor: Holger Fink */ /* */ /* Aufbau: 1. Kalibrierung */ /* 2. Generelle Styles */ /* 3. Styles Layoutbereiche */ /* 4. Kontaktseite */ /* 5. Impressumseite */ /* 6. sonstige Styles */ /* ==================================== */ /* 1. Kalibrierung ====================================================================================================== */ @charset "utf-8"; *{margin:0; padding:0;border:0;} /* 2. Generelle Styles ================================================================================================= */ body {font: 62.5%/1.8em; "Verdana", Arial, Helvetica, sans-serif; background: #333; font-size: 11px;} #bg{background:url(img/bgfavicon_final.jpg); top:0px; left:0px; height:1150px; width:1000px; position:absolute; } #bg_rechtstext{position:absolute;background-image:url(/img/bgfaviconkon_03.jpg);top:710px;width:1000px; left: 0px;} #bg_dehner{position:absolute;background-image:url(/img/bgfaviconkon_03.jpg); width:1000px; left: 0px;} #bookmarks_zeile1{position: absolute; top: 70px; left: 33px} #bookmarks_zeile2{position: absolute; top: 93px; left: 33px} #bookmarks_zeile3{position: absolute; top: 116px; left: 33px} h1{ font-family:Verdana, Geneva, sans-serif; font-size:15px; } #text{font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#000 } /* 3. Styles Layoutbereiche ============================================================================================= */ #wrapper{width: 1000px; margin-left: -500px; margin-top: 15px; position: absolute; left: 50%;} #right {width: 160px; position: absolute; left: 830px; top: 50px; height: 950px;} /* -META NAVIGATION --------------------------------------------------------- */ ul#headernavi { position:absolute; list-style:none; top:50px; left:470px; } ul#headernavi li {font:Verdana, Geneva, sans-serif; font-size:11px; font-style:#FFF; float:left; padding:0 30px; color:#FFF; text-transform:uppercase; border-right:1px solid #FFF; text-decoration:none} ul#headernavi li a{font:Verdana, Geneva, sans-serif; color:#FFF; text-decoration:none;} ul#headernavi li a:hover, ul#meta-navi li.activ a{color:#FFF; border-bottom:3px solid #CCC; text-decoration:none;} .noBorder{border:0!important;} /* -Text im Ei --------------------------------------------------------- */ #z1{position:absolute; top:160px; left:260px;} #z2{ position:absolute; top:190px; left:180px; width: 508px; } #z3{ position:absolute; top:210px; left:155px; width: 554px; } #z4{ position:absolute; top:230px; left:138px; width: 596px; } #z5{position:absolute; top:250px; left:123px;} #z6{ position:absolute; top:270px; left:105px; } #z7{position:absolute; top:290px; left:96px;} #z8{ position:absolute; top:310px; left:89px; width: 675px; } #z9{ position:absolute; top:330px; left:80px; width: 689px; } #z10{position:absolute; top:350px;left:78px;width: 698px;} #z11{ position:absolute; top:370px; left:460px; width: 295px; } #z12{ position:absolute; top:390px; left:460px; width: 232px; } #z13{ position:absolute; top:410px; left:460px; width: 215px; } #z14{ position:absolute; top:430px; left:460px; width: 244px; } #z15{ position:absolute; top:450px; left:460px; } #z16{ position:absolute; top:470px; left:460px; width: 244px; } #trennhr{ position:absolute; top:380px; left:80px; width:370px; heigth: 2px; color:#000 height: 3px; background-color: #000000; height: 5px; } /* -Suchfeld und SCROLL TEXT--------------------------------------------- */ #picsearch{top:400px; left:210px; position:absolute;} #scrolltext{top:220px; left:200px; position:absolute;} p#formText{font:Verdana, Geneva, sans-serif; color:#333; font-size:14px; font-style:bold;} /* -Funktionsbuttons--------------------------------------------------------- */ #buttonFavicon{top:40px; left:200px; position:absolute; visibility:visible } #sendbutton{top:287px; left:0px; position:absolute; visibility:visible } #pfeil1{position:absolute; top:415px; left:0px;} #icons{position:absolute;top:700px;left:52px;height:36px;width: 726px; background-image: url(img/ieleiste.jpg);no-repeat 0 0;} #icons2{position:absolute;top:738px;left:52px;height:36px;width: 726px; background-image: url(img/ieleiste.jpg);no-repeat 0 0;} #download{position:absolute;top:770px;left:20px;height:37px;width: 291px;margin:0 auto; padding:12px 0 0 250px;} /* 813 */ #pfeil2{ position:absolute; top:-273px; left:438px; } #leaderboard{position: absolute;width:728px;height: 28px;left:52px;top: 1020px; } label#text_label{ display:block; cursor:pointer; font:Verdana, Geneva, sans-serif; font-size:12px; margin-bottom:3px} #feld1{ margin-bottom:5px} #feld2{ margin-bottom:5px; } #linie{position:absolute; top:80px; left:1px} #imageField{position: absolute; top: 110px; left:1px} .feld3 a:hover{height:35px; width:200px; background-image:url(img/button_mo.jpg)} h1 a{width:279px; height:120px; position:absolute; top:25px; left:115px; } hr{border:0px; border-top: solid 2px #000; border-bottom:transparent; width:202px} .text_allIconz{position:absolute;top:790px;left:52px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#CCC} .text_erstellteFavicons{position:absolute;top:820px;left:45px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#CCC} .text_vorschau{position:absolute;top:650px; left:45px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#CCC} .text_alleIcons{position:absolute;top:820px;left:600px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#CCC} .text_label{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000 } .formular_label{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000} .text_12{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000} .text_13{font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#000} .text_12ws{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#CCC} .text_11ws{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#CCC} .text_11xxx{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#1E1E20} .error_1{position:absolute;top:690px;left:52px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#CCC} #showAllIcons{position:absolute;top:860px;left:50px; margin:0px; padding:0px; visibility:visible} #text_installation{position:absolute;top:847px;left:45px; font-family:Verdana, Geneva, sans-serif; font-size:13px; color: #000} #iconliste{position:absolute;top:760px;left:50px;height:50px;width: 300px; padding:0px 0px 0px 15px;} #footer{ font:Verdana, Geneva, sans-serif; font-size:10px; color:#CCC; position: absolute;left:52px;top: 1130px; } #footer a{color:#CCC; text-decoration:none;} /* 4. Kontaktseite =================================================================================================== */ #bg_kontakt{background:url(/img/bgfaviconkon_01.jpg); top:0px; left:0px; height:750px; width:1000px; position:absolute; } #container_kontakt_formular{top:230px; left:200px; position:absolute;} #leader_board_kontaktseite{position: absolute;width:728px;height: 28px;left:52px;top: 690px; } input{ font-family:Verdana, Geneva, sans-serif; color:#000; font-size:14px;} form {color:#000;} label{cursor:pointer} input#name:focus, input#email:focus, textarea:focus{background-color: #E8E8E8} #name{margin-bottom:10px; margin-top:3px; height:20px; width:202px;} #email{margin-bottom:10px; margin-top:3px; height:20px; width:202px;} #message{margin-top:5px;} .schrift_kontakseite{font:Verdana, Geneva, sans-serif; font-size:14px;} /* 5. Impressumseite =================================================================================================== */ #bg_impressum{background:url(/img/bgfaviconkon_01.jpg); top:0px; left:0px; height:1150px; width:1000px; position:absolute; } #container_impressum{top:200px; left:160px; position:absolute;} #container_rechtstext{margin:20px; font-family: Verdana, Geneva, sans-serif; font-size: 10px;} /* 6. sonstige Styles =================================================================================================== */ /* ENDE STYLE SHEET ====================================================================================================== */