/******************************************* CSS 2.0 www.ComputerService-Fiedler.de © 2007 Bernhard Schmidt http://www.schmidt-sachsen.de *********************************************/ /*html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li { margin: 0; padding: 0; /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }*/ /*html, body { height: 100%; } */ body { background-color: #6697ff; background-image:url(img/background.jpg); background-repeat: repeat-x; margin: 0px; text-align: center; } form { margin: 0px; spadding: 0px; } /*******************************W** Top, Navigation *********************************/ div#Seite { margin-left: auto; margin-right: auto; bottom: 0px; position: relative; left: 0px; top: 0px; width: 696px; } div#Logo { background-image: url(img/top_logo.jpg); background-repeat: no-repeat; position: absolute; left: 0px; top: 0px; width: 285px; height: 138px;} div#Suche { background-image: url(img/top_suchen.jpg); background-repeat: no-repeat; position: absolute; left: 479px; top: 0px; width: 217px; height: 138px; } div#Fernwartung { position: absolute; left: 479px; top: 80px; width: 217px; height: 40px; } div#Ecke-Links { background-image: url(img/seite-ecke-links.gif); background-repeat: no-repeat; position: absolute; left: 0px; top: 138px; width: 46px; height: 53px; } div#Navigation { background-image: url(img/rand-oben.gif); background-repeat: repeat-x; background-color: #ffffff; position: absolute; left: 46px; top: 138px; height: 53px; } div#Navigation ul { float: left; display: inline; list-style: none; margin-top: 21px; margin-left: 0px; padding: 0px; } div#Navigation li { float: left; display: inline; list-style: none; } div#Ecke-Rechts { background-image: url(img/page-curl.jpg); background-repeat: no-repeat; position: absolute; left: 561px; top: 138px; width: 153px; height: 124px; } div#Seite-Titel { background-image: url(img/seite-titel.gif); background-repeat: no-repeat; position: absolute; left: 12px; top: 191px; width: 549px; height: 71px; } div#Rand-Links-Oben { background-image: url(img/rand-links.gif); background-repeat: repeat-y; position: absolute; left: 0px; top: 191px; width: 12px; height: 71px; } /********************************* Inhalt *********************************/ div#Seite-Mitte { position: absolute; left: 0px; top: 258px; width: 679px; } div#Rand-Links { background-image: url(img/rand-links.gif); background-repeat: repeat-y; /* Seitenrand Links im Content */ padding-left:5px; } div#Rand-Rechts { background-image: url(img/rand-rechts.gif); background-repeat: repeat-y; background-position: right; background-color:#ffffff; padding-right: 7px; } div#InhaltBG { background-image: url(img/seite-inhalt.jpg); background-repeat: no-repeat; background-position: bottom; background-color:#ffffff; width: 666px; min-height: 400px; margin-left: 0px; text-align: left; } * html div#InhaltBG { height: 400px; } /* Mindesthöhe für Internet Explorer*/ div#Ecke-Links-Unten { background-image: url(img/ecke-links-unten.jpg); background-repeat: no-repeat; width: 46px; height: 22px; float:left; } div#Rand-Unten { background-image: url(img/rand-unten.gif); background-repeat: no-repeat; width: 585px; height: 22px; float: left; } div#Ecke-Rechts-Unten { background-image: url(img/ecke-rechts-unten.jpg); background-repeat: no-repeat; width: 46px; height: 22px; float: left; } div#Unten-Spiegel { background-image: url(img/unten-spiegel.jpg); background-repeat: no-repeat; width: 678px; height: 64px; float: left; } /********************************* Login und Einblendeffekte *********************************/ #BG-Transparent { background-image: url(img/overlay.png); position: absolute; left: 0px; top: -50000px; width: 100%; height: 100%; z-index: 10; } * html #BG-Transparent { background-color: #333; back\ground-color: transparent; background-image: url(img/leer.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled = bEnabled, src="img/overlay.png", sizingMethod="scale"); } #Eingabeaufforderung-BG { background-image:url(img/window.png); padding-top: 0px; position: absolute; left: 400px; top: -5000px; width: 380px; height: 125px; z-index: 12; } * html #Eingabeaufforderung-BG { background-color: #333; back\ground-color: transparent; background-image: url(img/leer.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled = bEnabled, src="img/window.png", sizingMethod="scale"); } #Eingabeaufforderung { text-align:left; padding-top:0px; position: absolute; left: 400px; top: -5000px; width: 380px; height: 125px; z-index: 13; } .Login-Titel { font-family:Arial; font-size:13px; font-weight: bold; color: #c91f25; margin: 21px 0px 0px 50px; } .Login-Benutzername, .Login-Passwort { font-family: Arial,Helvetica; font-size: 12px; color: #000000; margin-right: 239px; margin-bottom: 0px; text-align: right; } .Login-Benutzername { margin-top: 13px; } .Login-Passwort { margin-top: 19px; } #Eingabeaufforderung .Benutzer, /* Eingabefelder Login */ .Password { border: 0px; font-family: Arial,Helvetica; font-size: 11px; color: #000000; position: absolute; left: 155px; width: 162px; height: 14px; background-color: #ffffff; z-index: 13; } #Eingabeaufforderung .Benutzer { top: 51px; } #Eingabeaufforderung .Password {top: 84px; } #Eingabeaufforderung .Submit { position: absolute; left: 331px; top: 81px; } #Eingabeaufforderung a { position: absolute; left: 346px; top: 14px; } #Login-Effekt { position: absolute; left: 300px; top: -500px; z-index: 13; filter: blendTrans(Duration=0.7, Transition=16) revealTrans(Duration=0.4,Transition=12); visibility: hidden; } /********************************* Sub Menü *********************************/ #Sub-Navigation { position: absolute; left: 0px; top: 0px; padding-top: 2px; width: 550px; font-family: Arial,Helvetica; font-size: 11px; color: #3b4451; filter: blendTrans(Duration=0.4, Transition=16); } #Sub-Navigation .Rechts { text-align: right; margin-right: 14px; } #Sub-Navigation ul { float: right; display: inline; list-style: none; margin: 0px; padding: 0px; } #Sub-Navigation li { float: left; display: inline; list-style: none; padding: 2px 0px 4px 0px; } #Sub-Navigation a { color: #3b4451; text-decoration: none; padding: 8px 7px 4px 7px; } #Sub-Navigation a:hover { background-image: url(img/submenue-bg.gif); background-repeat: repeat-x; background-position: 0px 6px; } #Sub-Navigation a.Active { background-image: url(img/submenue-bg.gif); background-repeat: repeat-x; background-position: 0px 6px; } /********************************* Schriften, Klassen *********************************/ p, h1, h2, h3, ul, li, a { font-family: Arial, Helvetica; } p.Copyright { font-size: 12px; color: #4e73c3; margin-top: 15px; } p.Copyright a:link, p.Copyright a:visited { text-decoration: none; color: #4e73c3; } p.Copyright a:hover, p.Copyright a:active { color: #3a5691; } .Top-Suche, .Top-Login { font-size: 12px; color: #ffffff; text-align: left; margin:0px; } .Top-Suche { margin-left: 11px; margin-top: 28px; } .Top-Login { padding-left:113px; margin-top: 19px;} #Suche .Suche { position: absolute; left: 65px; top: 27px; border: 0px; font-size: 11px; color: #000000; width: 114px; height: 14px; background-color: #ffffff; } #Suche .Suche-Button { position: absolute; left: 189px; top: 24px; } #Suche a { position: absolute; left: 113px; top: 58px; } /* Transparentes Login-Feld */ .Titel { background-image: url(img/pfeil-normal.gif); background-repeat: no-repeat; background-position: 36px 31px; font-size: 14px; color: #b32f33; text-align: left; font-weight: bold; margin: 0px; padding: 36px 0px 5px 68px; } div#Content { padding: 1px 0px 10px 10px; } p { font-size: 12px; color: #1b1b1b; margin: 0px 35px 0px 36px; } p.Inhalt { margin: 0px 35px 5px 36px; font-size: 12px; color: #1b1b1b; } p.Rot { margin: 0px 35px 5px 36px; font-size: 12px; color: #b32f33; font-weight: bold; } p.Blau, .Blau { color: #1f2e4a; margin: 3px 15px 11px 0px; } p.Blau-Abstand { color: #1f2e4a; margin: 3px 15px 11px 25px; } /* Abstand für Kontaktformular Gesendet */ p.Abstand01 { margin: 3px 15px 11px 25px; } /* Abstand für Kontaktformular Gesendet */ p.NoSpace { margin: 0px; padding: 0px; } p.Quote { font-size: 11px; margin: 10px 0px; } p.Bilduntertitel { font-size: 11px; margin: 3px 0px; } a:link { color: #862326; text-decoration: none; } a:visited { color: #862326; text-decoration: none; } a:hover { text-decoration: underline; } a:focus, a:active { color: #b32f33; } /********************************* Formular Kontakt *********************************/ .Container-Input { float: left; margin-left: 30px; } *html .Container-Input { float: left; margin-left: 15px; } #Content input { font-family: Arial, Helvetica; font-size: 12px; border: 0px; background-image: url(img/input.gif); background-repeat: no-repeat; padding: 2px 0px 2px 5px; width: 154px; margin: 2px 2px 5px 0px; } *html #Content input { margin-top: 0px; } #Content input.Input-Short { background-image: url(img/input-short.gif); width: 50px; } #Content input.Input-Remain { background-image: url(img/input-remain.gif); width: 257px; } #Content input.Input-Long { background-image: url(img/input-long.gif); width: 317px; } #Content .Input-Area { background-image: url(img/input-area.gif); width: 322px; height: 240px; margin-left: 143px; } *html #Content .Input-Area { margin-left: 0px; } #Content textarea { scrollbar-face-color:#ffffff; scrollbar-highlight-color: #56698e; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-shadow-color: #56698e; scrollbar-arrow-color:#56698e; scrollbar-track-color:#ffffff; overflow: auto; font-family: Arial, Helvetica; font-size: 12px; width: 312px; height: 220px; margin-left: 5px; margin-top: 2px; border: 0px; } #Content input.Input-Submit { background-image: url(img/input-submit.gif); padding: 7px 32px 10px 0px; margin-left: 205px; margin-right: 0px; width: 140px; height: 35px; color: #a9181d; } *html #Content input.Input-Submit { padding: 9px 150px 20px 6px; width: 140px; height: 35px; } #Content input.Input-Reset { background-image: url(img/input-reset.gif); padding: 7px 32px 10px 0px; margin-top: 0px; margin-left: 3px; width: 121px; height: 35px; color: #a9181d; } *html #Content input.Input-Reset { padding: 9px 150px 20px 6px; margin-left: 3px; width: 121px; } /********************************* Login und Kontakt-Formularcheck *********************************/ #Alert { background-image: url(img/alert.png); width: 302px; height: 53px; position: absolute; top: -50000px; } * html #Alert { background-color: #333; back\ground-color: transparent; background-image: url(img/leer.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/alert.png", sizingMethod="scale"); } #Alert-Switched{ background-image: url(img/alert-switched.png); width: 302px; height: 53px; position: absolute; top: -50000px; } * html #Alert-Switched { background-color: #333; back\ground-color: transparent; background-image: url(img/leer.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/alert-switched.png", sizingMethod="scale"); } #AlertContainer { position: absolute; left: 280px; top: -50000px; z-index: 10; } #AlertText { position: absolute; top: 13px; left: 25px; width: 270px; font-family: Arial,Helvetica; font-size: 12px; margin-left: 0px; padding: 0px; font-family: Arial, Helvetica; font-size: 12px; text-align: left; } #Alert-Login { background-image: url(img/alert.png); width: 302px; height: 53px; position: absolute; top: -50000px; } * html #Alert-Login { background-color: #333; back\ground-color: transparent; background-image: url(img/leer.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/alert.png", sizingMethod="scale"); } #Alert-Switched-Login { background-image: url(img/alert-switched.png); width: 302px; height: 53px; position: absolute; top: 0px; } * html #Alert-Switched-Login { background-color: #333; back\ground-color: transparent; background-image: url(img/leer.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/alert-switched.png", sizingMethod="scale"); } #AlertContainer-Login { position: absolute; left: 280px; top: -50000px; z-index: 13; } #AlertText-Login { position: absolute; top: 13px; left: 25px; width: 270px; font-family: Arial,Helvetica; font-size: 12px; margin-left: 0px; padding: 0px; font-family: Arial, Helvetica; font-size: 12px; text-align: left; } /********************************* Titel H1 *********************************/ /*************** Titel ***************/ h1, .Titel01, .Titel01-Dark, .Titel01-Blue, .Titel01-Blue-Dark, .Titel02, .Titel02-Dark, .Titel02-Blue, .Titel02-Blue-Dark, .Titel03, .Titel03, .Titel03-Dark, .Titel03-Blue, .Titel03-Blue-Dark, .Titel04, .Titel04-Dark, .Titel05, .Titel06-Blue, .Titel06-Blue-Dark .Titel06 { background-repeat: no-repeat; background-position: 0px 0px; margin: 10px 10px 10px 15px; padding: 9px 0px 10px 52px; font-size: 13px; } /*************** Titel Pfeil ***************/ h1, .Titel01, .Titel01-Dark { background-image: url(img/titel-01.gif); color: #b32f33; } .Titel01-Dark { color: #1f2e4a; } .Titel01-Blue, .Titel01-Blue-Dark { background-image: url(img/titel-01-blue.gif); color: #b32f33; } .Titel01-Blue-Dark { color: #1f2e4a; } /*************** Titel Stern ***************/ .Titel02, .Titel02-Dark { background-image: url(img/titel-02.gif); color: #b32f33; } .Titel02-Dark { color: #1f2e4a; } .Titel02-Blue, .Titel02-Blue-Dark { background-image: url(img/titel-02-blue.gif); color: #b32f33; } .Titel02-Blue-Dark { color: #1f2e4a; } /*************** Titel Info ***************/ .Titel03, .Titel03-Dark { background-image: url(img/titel-03.gif); color: #b32f33; } .Titel03-Dark { color: #1f2e4a; } .Titel03-Blue, .Titel03-Blue-Dark { background-image: url(img/titel-03-blue.gif); color: #b32f33; } .Titel03-Blue-Dark { color: #1f2e4a; } /*************** Titel Alert ***************/ .Titel04, .Titel04-Dark { background-image: url(img/titel-04.gif); color: #b32f33; } .Titel04-Dark { color: #1f2e4a; } /*************** Titel Frage ***************/ .Titel05 { background-image: url(img/titel-05.gif); color: #b32f33; } /*************** Titel Puzzle ***************/ .Titel06 { background-image: url(img/titel-06.gif); color: #b32f33; } .Titel06-Blue, .Titel06-Blue-Dark { background-image: url(img/titel-06-blue.gif); color: #b32f33; } .Titel06-Blue-Dark { color: #1f2e4a; } h2 { background-image: url(img/titel-10.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 15px 10px 5px 15px; padding-left: 52px; padding-top: 7px; font-size: 13px; color: #b32f33; } /********************************* Container *********************************/ .Container01, .Container02, .Container03b, .Container03, .Container03-Image, .Container04, .Container05, .Container06, .Quote01, .Quote02 { font-family: Arial,Helvetica; font-size: 12px; color: #1b1b1b; background-repeat: no-repeat; } .Container-Case { margin-left: 32px; height: 185px; } .Container01 { background-image: url(img/container01.gif); padding: 15px 16px 0px 20px; /* Kleiner Container */ width: 267px; height: 170px; float: left; } .Container02 { background-image: url(img/container02.gif); /* Großer Container */ width: 566px; height: 170px; margin: 5px 0px 0px 32px; padding: 15px 20px 0px 17px; } .Container03, .Container03-Image { background-image: url(img/container03.gif); float: left; width: 220px; height: 158px; margin: 0px 0px 0px 35px; padding: 27px 30px 0px 25px; } .Container03-Image { width: 245px; height: 165px; padding: 15px 20px 0px 10px; } .Container04, .Container04-Center { background-image: url(img/container04.gif); /* Großer, hoher Container */ width: 566px; height: 415px; margin: 5px 0px 0px 32px; padding: 15px 22px 0px 15px; } .Container04-Center { text-align: center; background-repeat: no-repeat; } .Container05 { background-color :#e9edf6; width: 500px; margin-left: 63px; margin-top: 15px; padding: 10px 10px; border-color: #ffffff; border-width: 2px; border-style: solid; } .Container06 { background-image: url(img/container06.gif); width : 576px; height: 103px; margin: 5px 0px 0px 32px; padding: 15px 22px 0px 15px; } .Quote01 { background-image: url(img/quote01.gif); float: left; width: 220px; height: 158px; margin: 0px 0px 0px 35px; padding: 30px 30px 0px 25px; } * html .Quote01, * html .Container03, * html .Container03-Image { margin-left: 18px; } /* Mindesthöhe für Internet Explorer*/ .Quote02 { background-image: url(img/quote02.gif); width: 576px; height: 77px; margin: 10px 0px 0px 31px; padding: 26px 10px 0px 25px; } /********************************* Spezielle Container *********************************/ #Content .Index01 { background-image: url(bilder/index01.gif); height: 200px; } #Content .Index02 { background-image: url(bilder/index02.gif); height: 200px; } #Content .PC-Index01 { background-image: url(bilder/pc-service/pc01.gif); height: 200px; } #Content .PC-Index02 { background-image: url(bilder/pc-service/pc02.gif); height: 200px; } #Content .Index01, .Index02, .PC-Index01, .PC-Index02, .Webdesign-Index, .Webhosting, .Webdesign-Basic, .Webdesign-Professional, .Webdesign-Premium { background-repeat: no-repeat; width: 566px; margin: 5px 0px 0px 32px; padding: 15px 20px 0px 17px; } #Content .Webdesign-Index { background-image: url(bilder/webdesign/web01.gif); height: 260px; } #Content .Webhosting { background-image: url(bilder/webdesign/webhosting01.gif); height: 191px; } #Content .Webdesign-Basic { background-image: url(bilder/webdesign/webbasic01.gif); height: 191px; } #Content .Webdesign-Professional { background-image: url(bilder/webdesign/webprof01.gif); height: 191px; } #Content .Webdesign-Premium { background-image: url(bilder/webdesign/webpremium01.gif); height: 384px; } /********************************* Aufzählungszeichen *********************************/ #Content ul { list-style-image: url(img/li01.gif); font-size: 12px; margin: 0px 35px 5px 25px; padding-left: 0px; } #Content li, ul.Verboten li { margin-left: 40px; padding-left: 2px; margin-bottom: 8px; } #Content .Container03 ul { list-style-image: url(img/li01.gif); margin: 5px 0px 5px 10px; padding-left: 0px; } #Content .Container03 li { margin-left: 12px; padding-left: 2px; margin-bottom: 8px; } #Content ul.FAQ { list-style-image: url(img/li02.gif); margin: 0px 35px 5px 25px; } #Content ul.FAQ li { margin-left:40px; padding-left: 2px; margin-bottom: 8px; font-weight: bold; } #Content ul.Verboten { list-style-image: url(img/li03.gif); font-size: 12px; margin: 0px 35px 5px 25px; padding-left: 0px; } #Content ul.Nospace, #Content ul.Nospace02 { margin-left: 4px; padding-left: 2px; } *html #Content ul.Nospace, #Content ul.Nospace02 { margin-left: 0px; padding-left: 5px; } #Content ul.Nospace li, #Content ul.Nospace02 li { margin-left: 15px; padding-left: 0px; } *html #Content ul.Nospace li, #Content ul.Nospace02 li { margin-left: 13px; padding-left: 4px; } #Content ul.Nospace02 { list-style-image: url(img/li04.gif); } /*************************** phpDIG ********************************/ .phpdigHighlight { color: #000000; font-weight: bold; } .imgbox { border: 1px solid #6697fe; }