@charset "utf-8"; /***************** * CSS Document * * www.simaja.de * * Udo Baldewein * *****************/ html { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:100%; } body { height:100%; padding:0; margin:0; background:url(mediadaten/basis/bg_page_simaja.jpg) no-repeat center top #D9F0F7; } /* 100% Viewport height */ #wrapper { width:998px; padding:0; margin:0; margin:auto; min-height:100%; height:auto !important; height:100%; } /* Shadow on the top of page */ #topshadow { position:relative; margin:0; height:26px; background:url(mediadaten/basis/bg-shadow-top.png) no-repeat center top; } #centershadow { margin:0; background:url(mediadaten/basis/bg-wrapper2.png) repeat-y; } #bottomshadow { background:url(mediadaten/basis/bg-shadow-bottom.png) no-repeat center bottom; height:40px; } /* Topnavigation */ #topnavi { width:980px; height:20px; background-color:#FFF; position:absolute; top:6px; left:9px; } #topnavi ul { line-height:20px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 0 750px; padding:0; } #topnavi ul li { float:left; margin:0 11px; padding:0; } #topnavi a { color:#333; font-size:11px; text-decoration:none; } #topnavi a:hover, #topnavi a.current { color:#C00; } /* Centerarea - Horizontal Navi and Contentarea */ #centerarea { width:980px; background-color:#FFF; min-height:700px; margin:auto; } /* Horizontal navi */ #hnavi { height:74px; border-top:dotted 1px #CCC; background:url(mediadaten/basis/logo.gif) no-repeat left top; } #hnavi ul { padding: 54px 0 5px 4px; margin:0px; list-style:none; } #hnavi li { float:left; padding:3px 6px; margin:0 2px; background:url(mediadaten/basis/bg_navi_top.png) no-repeat left bottom; } #hnavi a { color:#333; font-weight:bold; text-decoration:none; } #hnavi a:hover { color:#C00; } #hnavi a.current { color:#C00; } /* Bar below Horizontal navi */ #bar { background:url(mediadaten/basis/subnavi_bg_img.gif) repeat-x left top #F9F9F9; border-bottom:solid 1px #CCC; } /* Breadcrumb */ #breadcrumb { height:17px; border-bottom:dotted 1px #CCC; margin-bottom:10px; } #breadcrumb ul { padding:0 0 0 231px; margin:0; list-style:none; } #breadcrumb li { float:left; padding:0; } #breadcrumb a { color:#8eb317; font-size:10px; text-decoration:none; } #breadcrumb a:hover { color:#C00; } /* Leftcolumn */ #leftcolumn { height:auto; float:left; width:200px; padding:0 0 0 6px; } #leftcolumn ul { margin:8px 0; padding:0; list-style:none; } #leftcolumn li { margin:2px 0; padding:0; } #leftcolumn ul ul { padding:0; margin:0; } #leftcolumn li li { padding:0; margin:1px 0; } #leftcolumn a { text-decoration:none; color:#333; line-height:30px; font-weight:bold; display:block; padding:0 0 0 10px; background:url(mediadaten/basis/simaja-pfeil.png) no-repeat left -41px #EEE; } #leftcolumn a:hover, #leftcolumn a.current { color:#C00; background-position: left 10px; background-color: #DDD; } #leftcolumn li li a { line-height:22px; color:#666; padding:0 0 0 25px; font-size:11px; background-position:15px -44px; font-weight:normal; } #leftcolumn li li a:hover, #leftcolumn li li a.current { background-position:15px 7px; background-color:#CCC; } #leftcolumn .navitop { height:39px; background:url(mediadaten/basis/bg_navi_top.png) no-repeat top left; } /* Rightcolumn */ #rightcolumn { height:auto; float:right; width:200px; margin:0 6px; } #rightcolumn #search { height:23px; padding:8px 8px; border:none; background:url(mediadaten/basis/bg_navi_top.png) no-repeat top left; } #rightcolumn #search input.text { width:140px; border:dotted 1px #2e6691; height:19px; margin-left:3px; color:#666; } /* #rightcolumn #quicklinks*/ #rightcolumn #quicklinks { margin-top:8px; padding:8px; border:none; /*background:url(mediadaten/basis/bg_navi_top.png) no-repeat top left;*/ height:25px; } #rightcolumn #quicklinks img { border:none; float:left; } #rightcolumn #quicklinks a.quicknavi { text-decoration:none; color:#333; margin-left:4px; line-height:25px; } #rightcolumn #quicklinks a:hover { color:#C00; } /* Picture on the right side */ #rightcolumn .pic { margin-top:8px; padding:8px; background-color:#FFF; border:solid 1px #EEE; } /* rightcolumn news */ #rightcolumn #news { margin-top:8px; padding:8px 8px; background:url(mediadaten/basis/bg_navi_top.png) no-repeat top left; } #rightcolumn #news ul { margin:0 8px 0 30px; padding:0; list-style-image:url(mediadaten/basis/reddot_small.png); color:#C00; } #rightcolumn #news ul li { margin:0; padding:0px 0px 4px 9px; } #rightcolumn #news a { text-decoration:none; color:#333; } #rightcolumn #news a:hover { color:#C00; } /* Centercolumn */ #centercolumn { height:auto; margin:0 230px 0 230px; padding:10px 0; line-height:18px; } #centercolumn h1 { font-size:14px; margin:0; padding:0 0 6px 0; color:#8eb317; } #centercolumn h2, #centercolumn h2 a { font-size:12px; color:#2e6691; } #centercolumn img { border:none; } #centercolumn strong { color:#2e6691; } #centercolumn a { text-decoration:none; /*color:#C00;*/ color: #000000; } #centercolumn a:hover { text-decoration:underline; } #centercolumn ul { list-style-image:url(mediadaten/basis/reddot_small.png); } #centercolumn ul ul { list-style-image:url(mediadaten/basis/reddot_smaller.png); } #centercolumn #sitemap a { color:#8eb317; } #centercolumn #sitemap a:hover { color:#C00; } #centercolumn #sitemap ul li a { font-weight:bold; margin-top:8px; } #centercolumn #sitemap ul li ul li a { font-weight:normal; } /* Callistra Input */ #centercolumn #callistra { border:solid 1px #CCC; background:url(mediadaten/basis/bg_navi_top.png) no-repeat top left; height:64px; } #centercolumn #callistra label { width:154px; float:left; margin:0 10px; height:20px; } #centercolumn #callistra input { width:150px; border:dotted 1px #2e6691; height:20px; float:left; margin:0 10px; } #centercolumn #callistra input.subm { height:24px; margin:0 0 7px 9px; } /* Newsletter Input */ #centercolumn #newsletter { border:solid 1px #CCC; background:url(mediadaten/basis/bg_navi_top.png) no-repeat top left; height:auto; } #centercolumn #newsletter form { margin:0; padding:0; } #centercolumn #newsletter label { width:152px; float:left; margin:0 10px; height:20px; } #centercolumn #newsletter label.lab { width:141px; float:left; margin:4px 0 0 0; padding:0; height:20px; } #centercolumn #newsletter input.text { width:150px; border:dotted 1px #2e6691; height:20px; float:left; margin:0 9px; } #centercolumn #newsletter input.rad { width:20px; height:20px; float:left; margin:4px 0 0 8px; padding:0 } #centercolumn #newsletter input.subm { border:1px dotted #006699; height:24px; margin:4px 0 7px 11px; padding:0; width:152px; } /* Newsletter Callback */ #centercolumn #callback { border:solid 1px #CCC; background:url(mediadaten/basis/bg_navi_top.png) no-repeat top left; height:auto; } #centercolumn #callback br { line-height:24px; } #centercolumn #callback p { margin:0 0 0 9px; } #centercolumn #callback label { width:152px; float:left; margin:0 10px; height:20px; } #centercolumn #callback label.lab { margin:4px 0 0; padding:0; width:141px; } #centercolumn #callback input.text { width:150px; border:dotted 1px #2e6691; height:20px; margin:0 9px 9px; } #centercolumn #callback input.check { float:left; height:20px; margin:4px 0 0 8px; width:20px; } #centercolumn #callback input.subm { border:1px dotted #006699; height:24px; margin:4px 9px 7px; width:152px; } /* Contact form */ #centercolumn #kontakt { border:solid 1px #CCC; background:url(mediadaten/basis/bg_navi_top.png) no-repeat top left; height:auto; } #centercolumn #kontakt br { line-height:30px; } #centercolumn #kontakt p { margin:0 0 0 9px; } #centercolumn #kontakt img { margin:0 0 10px 9px; } #centercolumn #kontakt label { width:152px; float:left; margin:0 10px; height:20px; } #centercolumn #kontakt label.lab { margin:4px 0 0; padding:0; width:300px; } #centercolumn #kontakt input.text { width:150px; border:dotted 1px #2e6691; height:20px; margin:0 9px 9px; } #centercolumn #kontakt textarea.text { border:1px dotted #006699; height:80px; margin:0 9px 9px; width:320px; } #centercolumn #kontakt input.check { float:left; height:20px; margin:4px 0 0 8px; width:20px; } #centercolumn #kontakt input.subm { border:1px dotted #006699; height:24px; margin:4px 9px 7px; width:152px; } /* Fußlinie am Content Template */ #centercolumn .borderon { border-bottom:dashed 1px #2e6691; margin-bottom:16px; } #centercolumn .borderoff { border-bottom:none; margin-bottom:0; } /* Footer */ #bottom { background:url() no-repeat center bottom; height:39px; margin:auto; width:998px; } #footer { clear:both; margin:auto; width:980px; background-color:#EEE; font-size:10px; font-weight:bold; line-height:30px; height:30px; text-align:center; border-top:dotted 1px #CCC; } .clearer { clear:both; }