/* ============ Projekt - Wasserhahn Layout / Media Screen ========== */ /* ==== General Stuff ==== */ * { border:0 solid; margin:0; padding:0; } html { height:100.1%; font-size:100.1%; } body { height:100%; font:.8em/1.6em arial, helvetica, sans-serif; color:#000; background:#718FaF; text-align: center; margin:0px auto; padding:0px; } a { text-decoration: underline; color: #fff; background: inherit; color: white; } a:hover, a:focus, a:active { color:#1B4477; background-color:inherit; } h1 a, h2 a, h3 a, h4 a { color:#3E8897; background-color:inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color:#BD252B; background-color:inherit; } h1, h2, h3 { color:#91AFCF; background-color:none; } h4 { color:#ffF; background-color:none; } ul { margin:0 0 0 1.4em; padding:0 0 18px 0; } acronym { color:#666; background:#FFF; cursor:help; } /* ==== Container ==== */ #container { width:1002px; height:720px; margin:0px auto; text-align:left; color:#000; background:#91AFCF; !important; } #content { padding:30px 40px 0px 200px; color:#fff; background-color:#91AFCF !important; } /* ==== Header ==== */ #header { height:144px; color:#000; background:#91AFCF url(images/header.jpg) repeat-x left bottom !important; } #header h1, legend, legend em { position: absolute; top:-2000px; right:-2000px; } #header h3, legend, legend em { position: absolute; top:-2000px; right:-2000px; text-align:right; } /* ==== Sidebar ==== */ #sidebar { float:left; width:170px; font-size:.9em; line-height:1.63em; color:#FFF; background:#91AFCF; } #sidebar ul { margin:0; padding:0; color:#FFF; background-color:#1B4473; list-style-type:none; } #sidebar ul li { margin:0; padding:0; line-height:1.65em; } #sidebar li a { display:block; padding:16px 4px 16px 10px; border-bottom: 1px solid #fff; font-weight:bold; text-decoration:none; color:#FFF; background:#1B4473; } #sidebar li.selected a { color:#1B4473; background:#91AFCF; } #sidebar li a:hover, #sidebar li a:focus, #sidebar li a:active { color:#fff; background-color:#91AFCF !important; } #sidebar li a.last { background-image:url(images/navi-underline.gif) repeat-x left bottom !important; } .logo { margin:20px 0px 0px 10px; height:88px; width:160px; background:#1B4473 url(images/listbullet-logo.gif) no-repeat; !important; } /* ==== Additional Formatting ==== */ .fixfloat { float:none; } ul.nobullet li { padding-left:0 !important; list-style-type:none; background-image:none !important; } ul.links li a img { margin:0 0 2px 0; vertical-align:middle; } .left { float:left; margin:10px 0 0 12px; } .right { float:right; margin:10px 12px 0 0; } .rechts_s { float:right; border:1px solid #1B4473; margin:0px; padding:0px; } .rechts_b { float:right; border: 0; } .border { border:1px solid #1B4473; margin:0px; padding:0px; } img.leftspace { margin:0 0 0 42px; } img.lefttopspace { margin:6px 0 0 42px; } #headerleft h1, legend, legend em { position:absolute; top:-500px; left:-999px; } .grey { color:#707070; background-color:inherit; } .lightgrey { color:#93927B; background-color:inherit; } .red { color:#B44040; background-color:inherit; } .klein { color:#707070; background-color:inherit; font:.8em/1.6em arial, helvetica, sans-serif; } .submit { border-color:#FFF; width:auto; padding:3px 6px; font-size:92.5%; font-weight:bold; color:#FFF; background-color:#1B4473 !important; } .submit:hover, .submit:focus { color:#1B4473; background-color:#FFF !important; } .input { float:right; width:23em; max-width:60%; margin-right:300px; } .bild_links { float:left; border:1px solid #1B4473; margin-right:30px; } .bild_rechts { float: right; border:1px solid #1B4473; margin-left:30px; } #reise { border:1px solid #1B4473; margin:5px 5px 5px 35px; width:660px; } #reise .fett{ background-color:#1B4473; text-align:right; } #reise .reisetext{ padding:8px; } #bild_rechts { border:1px solid #1B4473; float:right; margin-left:10px; } #bild_links { border:1px solid #1B4473; float:left; margin-right:15px; } .bild_mitte { border:3px solid #fff; margin-left:5px; } .bild_aktuell { border:3px solid #fff; } /* ==== Forms ==== */ form { padding:6px 0; } form p { padding:6px 0; } form label { float:left; color:#1B4473; background:inherit; } form label em { font-style:normal; color:#B44040; background:inherit; } form select, form input, form textarea { border:1px solid #1B4473; width:200px; padding:3px; font-family:arial, helvetica, sans-serif; font-size:100%; color:#666; background-color:#FFF; } form input#cflyer { width:auto; margin:0; padding:0; /*vertical-align: middle;*/ } form select:hover, form select:focus, form input:hover, form input:focus, form textarea:hover, form textarea:focus { color:#666; background-color: #F0F9FB; } form textarea { overflow:auto; } #kontakt { margin-bottom:0; } #kontakt p { padding:0 0 3px 0; clear:both; } #kontakt input, #kontakt textarea { margin:0 0 8px 0; } #kontakt .submit { float: right; border-color:#FFF; width:auto; margin-left:78px; padding:3px 6px; font-size:92.5%; font-weight:bold; color:#FFF; background-color:#1B4473 !important; } #kontakt .submit:hover, #kontakt .submit:focus { color:#1B4473; background-color:#91AFCF !important; } #kontakt #cname, #kontakt #cstrasse, #kontakt #cplzort, #kontakt #cland, #kontakt #ctelefon, #kontakt #cemail, #kontakt #csubject, #kontakt #cmessage { float:right; width:23em; max-width:98%; } #kontakt p.cleftspace { margin-left:128px; padding:6px 0 10px 0; } #kontakt p.cleftspace label { float:none !important; }