/* import css files ------------------------------------------------------------------ */ @import "reset.css"; /* base ------------------------------------------------------------------ */ html, body { height:100%; } html { background:url(../images/header.gif) repeat-x #FFFFFF; } #placeholder { min-height:100%; margin: 0 0 -64px 0; } #page { width: 960px; position: relative; } #contentbox { width: 960px; padding:140px 0 0 0; } /* div#header ------------------------------------------------------------------ */ #header { position:absolute; top:0px; left:0; background: url(../images/header_2.gif) 620px 0 no-repeat; width: 960px; } #header h1 { position:absolute; top: -1000px; } /* div#nav ------------------------------------------------------------------ */ #nav { position:absolute; top: 73px; right: 0; left: 0; width: 960px; font-size:13px!important; } #nav ul { margin: 0 0 0 5px; text-align:center; } #nav li { float: left; } #nav li a { margin: 0 10px 0 0; width: 179px; background: url( ../images/nav_li.gif) top left no-repeat; font-weight: 700; height: 30px; text-decoration: none; color: #000000; padding: 5px 0 0 0; line-height: 30px; display: block; } #nav li.span a { line-height: normal;} #nav li a span { font-size: 11px; font-weight: normal; display: block; } #nav li a:hover, #nav li.current a {background: url( ../images/nav_li.gif) bottom left no-repeat; } /* div#content ------------------------------------------------------------------ */ #content { padding: 0 15px 30px 15px; width: 630px; float: left; } .fullview { width: 750px!important; } #content .box { margin: 6px 0px 4px 0px; padding: 2px 2px; background-color:#E9EEF3; margin-bottom: 1em; } #content .box.bordered { border: 1px solid #E9EEF3; text-align: justify; } /* div#sidebar ------------------------------------------------------------------ */ #sidebar { float: left; width: 180px; padding: 0 0 30px 0; } #sidebar div { background: #fff; padding: 1px 0; } #sidebar ul { font-size: 12px; border-top: 3px solid #000000; border-bottom: 3px solid #000000; background: #000000; padding: 1px 0; } #sidebar ul li a { background: url(../images/sub_li_blau.gif) 2px 2px no-repeat #F4B60E;color: #000; text-decoration: none; font-weight:700;border-bottom: 1px solid #fff; padding: 8px 3px 8px 32px; display: block; width: 145px; } #sidebar ul ul li a { background: #F4B60E; border-bottom: 1px solid #000000; padding: 5px 3px 5px 32px; display: block; width: 145px; font-weight: normal; } #sidebar ul ul { border: none!important; display: none} #sidebar ul li.current ul li a { background: #F4B60E; } #sidebar ul li.current ul { display: block;} #sidebar ul ul li a:hover, #sidebar ul ul li.current a { background: url(../images/sub_li_hell.gif) 2px 0px no-repeat #F7F7E8!important; } #sidebar ul li a:hover, #sidebar ul li.current a { background: url(../images/sub_li_braun.gif) 2px 2px no-repeat #FFFFFF; color:#000000;} #sidebar ul li a span { font-size: 11px; font-weight: bold; color:#CC3366; } #sidebar_rechts { float: left; width: 120px; padding: 0 0 20px 0; } #sidebar_rechts div.infobox { background: url(../images/infobox.png) top left no-repeat; border-bottom: 2px solid #D5C29B; margin: 8px 0 5px 0; width: 120px; font-size: 12px; font-weight: 700; padding: 5px 0 0 0; } #sidebar_rechts div.infobox p { padding: 4px 5px; } #sidebar_rechts div.infobox p.test { color: #000000; text-align: left; padding: 4px 5px 4px 5px; } #sidebar_rechts div.infobox p.test:link { padding: 4px 5px; color: #000000; } #sidebar_rechts div.infobox p.test:visited { padding: 4px 5px; color: #000000; } #sidebar_rechts div.infobox p.test:active { padding: 4px 5px; color: #000000; } #sidebar_rechts div.infobox p.test:hover { padding: 4px 5px; color: #FFFFFF; } /* div#footer ------------------------------------------------------------------ */ #footer { position:relative; width:100%; clear: both; background: url(../images/footer.gif) bottom left repeat-x; height: 64px; width: 100%; } #clearfooter { height:64px; clear: both} /* use for fixed footer */ #footer div { width: 960px; position: relative; height: 60px; padding: 4px 0 0 0;} #footer p.bottom { float: right; width: 430px; text-align: right; font-weight: 700; color: #717171; height: 60px; padding: 0;} #footer p.bottom a { padding: 20px 10px; margin: 0 2px; border: 2px solid #fff; color: #717171; text-decoration: none; line-height: 60px;} #footer p.bottom a.current, #footer p.bottom a:hover { border: 2px solid #3F91A9; background: url(../images/footer_li.png) repeat-x; color: #fff} #footer p.copy { float: left; color: #A0844E; width: 430px;padding: 22px 0 0 50px; } /* typography ------------------------------------------------------------------ */ body { font: 14px Arial, Helvetica, sans-serif; } h1,h2,h3,h4,h5,h6 { line-height:1.1em; font-weight:700; } h1 { font-size: 18px; color: #000000; } h2 { font-size: 16px; padding: 0 0 0px 0; color: #000000; } h3 { font-size: 17px; color: #000000; font-weight:bold; padding-bottom: 6px; padding-top: 4px; } h4 { font-size: 14px; color: #000000; padding-bottom: 6px; font-weight: normal; } p { line-height: 17px;} /* colors ------------------------------------------------------------------ */ body { color:#000; } /* links ------------------------------------------------------------------ */ #sidebar_rechts a { font-weight: 700;} #content a, #sidebar_rechts a, #footer p.copy a { text-decoration:none;} a:hover { } /* tools ------------------------------------------------------------------ */ .clear { clear:both; } .floatright { float:right; } .floatleft { float:left; } .imgload { height:0; width:0; position: absolute; left:0; } /* Detailboxen ------------------------------------------------------------------ */ .detailbox { font-family: Arial; color: #000000; background: url(../images/detailbox.png) no-repeat; width: 748px; height: 160px; padding-left: 6px; padding-bottom: 8px; margin-top: 8px; } .detailbox2 { font-family: Arial; color: #000000; background: url(../images/detailbox2.png) no-repeat; width: 748px; height: 150px; padding-left: 6px; padding-bottom: 15px; margin-top: 8px; } /* Vergleichstabelle ------------------------------------------------------------------ */ .tabellenkopf { font-family: Arial; font-size: 13px; color: #000000; text-align: center; vertical-align: middle; font-weight: bold; border-color: #FFFFFF; padding: 2px 2px; background-color: #C1CFDD;} .cellnormal { font-family: Arial; font-size: 13px; color: #000000; text-align: center; vertical-align: middle; font-weight: normal; background-color: #FEF4E2; padding: 2px 2px;} .cellnormalKleineSchrift { font-family: Arial; font-size: 11px; color: #000000; text-align: center; vertical-align: middle; font-weight: normal; padding: 2px 2px;} .cellnormalRotFett { font-family: Arial; font-size: 13px; color: #cb2c2c; background-color: #FEF4E2; text-align: center; vertical-align: middle; font-weight: bold; padding: 2px 2px;} .celldetail { text-align: center; background-color: #E9EEF3; padding-top: 2px; padding-left: 2px; padding-right: 2px; padding-bottom:1px;} a.celldetaillink:link { color:#000000!important; font-weight:bold; text-decoration:underline!important; padding-top: 2px; padding-left: 2px; padding-right: 2px; padding-bottom:1px; font-size: 13px; text-align: center;} a.celldetaillink:visited { color:#000000!important; font-weight:bold; text-decoration:underline!important; padding-top: 2px; padding-left: 2px; padding-right: 2px; padding-bottom:1px; font-size: 13px; text-align: center; } a.celldetaillink:active { color:#000000!important; font-weight:bold; text-decoration:underline!important; padding-top: 2px; padding-left: 2px; padding-right: 2px; padding-bottom:1px; font-size: 13px; text-align: center; } a.celldetaillink:hover { color:#5F78A7!important; font-weight:bold; font-family: Arial; text-decoration:underline!important; padding-top: 2px; padding-left: 2px; padding-right: 2px; padding-bottom:1px;font-size: 13px; text-align: center; } .TableAntragcell { background-color:#F4B60E; text-align: center; padding: 1px 1px; } a.TableAntrag:link { color:#000000; font-family: Arial; font-size: 13px; text-decoration:underline!important; font-weight: bold;} a.TableAntrag:active { color:#000000; font-family: Arial; font-size: 13px; text-decoration:underline!important; font-weight: bold; } a.TableAntrag:visited { color:#000000; font-family: Arial; font-size: 13px; text-decoration:underline!important; font-weight: bold; } a.TableAntrag:hover { color:#ffffff; background-color:#F4B60E; font-family: Arial; text-decoration:underline!important; font-size: 13px; font-weight: bold; } .DetailTabelleUnten { font-family: Arial; font-size: 12px; color: #000000; text-align: left; font-weight: normal; background-color: #C1CFDD; padding: 2px 2px;} .TabelleEmpfehlung { font-family: Arial; font-size: 13px; color: #000000; text-align: center; font-weight: bold; background-color: #F4B60E; padding: 3px 2px;} /* Weitere Links ------------------------------------------------------------------ */ a.textlink:link {color:#1423E0!important; text-decoration:underline!important; font-weight: bold!important; font-size:16px!important;} a.textlink:visited {color:#1423E0!important; text-decoration:underline!important; font-weight: bold!important; font-size:16px!important;} a.textlink:hover {color:#FFFFFF!important; background-color:#1423E0!important; font-weight: bold!important; text-decoration:none; font-size:16px!important;} a.textlink:active {color:#1423E0; text-decoration:underline!important; font-weight: bold!important; font-size:16px!important;} a.textlinkklein:link {color:#1423E0!important; text-decoration: underline!important; font-size:14px!important;} a.textlinkklein:visited {color:#1423E0!important; text-decoration:underline!important; font-size:14px!important;} a.textlinkklein:hover {color:#FFFFFF!important; background-color:#1423E0!important; text-decoration:none; font-size:14px!important;} a.textlinkklein:active {color:#1423E0; text-decoration:underline!important; font-size:14px!important;} a.linksinbox:link {color:#1423E0!important; text-decoration:underline!important; font-weight: bold!important; font-size:16px!important;} a.linksinbox:visited {color:#1423E0!important; text-decoration:underline!important; font-weight: bold!important; font-size:16px!important;} a.linksinbox:hover {color:#FFFFFF!important; background-color:#1423E0!important; font-weight: bold!important; text-decoration:none; font-size:16px!important;} a.linksinbox:active {color:#1423E0; text-decoration:underline!important; font-weight: bold!important; font-size:16px!important;} a.zumvergleich:link {color:#1423E0!important; text-decoration:underline!important; font-weight: bold!important; font-size:16px!important;} a.zumvergleich:visited {color:#1423E0!important; text-decoration:underline!important; font-weight: bold!important; font-size:16px!important;} a.zumvergleich:hover {color:#FFFFFF!important; background-color:#1423E0!important; font-weight: bold!important; text-decoration:none; font-size:16px!important;} a.zumvergleich:active {color:#1423E0; text-decoration:underline!important; font-weight: bold!important; font-size:16px!important;}