@media all { /***************** * BODY *****************/ body{ margin: 0; padding:0; background:#3E7D58; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } /***************** * LAYOUT *****************/ #page_margins { width: 100%; } #page { background-color: #152A1D; } #header { border-bottom:1px solid #FFFFFF; width:100%; background:#3E7D58; margin:0; background-image : url(../images/line_top_fc_1.jpg); background-position : center bottom; background-repeat : no-repeat; height:100px; } #nav { } #footer { width:100%; height:60px; border-top: solid #FFFFFF 1px; background:#3E7D58; margin:0; font-weight:bold; padding-top:15px; background-image : url(../images/line_bottom_fc_1.jpg); background-position : center top; background-repeat : no-repeat; } #col1 { position:absolute; margin: 80px 0 0 0; left:910px;overflow:hidden;} /* COLUMN */ #col2 { float: left; width: 225px; margin:0;} /* NAVI */ #col3 { width: auto; margin: 0 225px 0 225px;} /* CONTENT */ #col1_content { padding: 0px; background-color:#152A1D; } #col2_content { padding: 10px 0 0 10px; background-color:#152A1D; } #col3_content { padding: 0px; background-color:#152A1D; } /* neu sn: 10.07.08 */ #nav_col { float: left; width: 225px;left:0px;margin:0; padding: 0px;background-color:152A1D;position:absolute; } /* NAVI */ #content_col { width: 660px;margin:0 0 0 230px; padding: 0px;background-color:152A1D; } /* CONTENT */ #right_col { margin:0 0 0 960px; padding: 0px;background-color:152A1D; position:absolute;} /* Column */ /***************** * DIVs *****************/ #surround_start { position:absolute; height:548px; width:100%; margin:-204px 0px 0px 0px; top: 50%; text-align: left; padding: 0px; background-color: #152A1D; overflow: hidden; } #contentsn { position:absolute; height:720px; width:100%; margin:0px 0px 0px 0px; left: 0; text-align: left; background-color: #152A1D; padding: 0px; overflow: hidden; } #left_column_start { position:relative; height:525px; width:900px; margin-top:50px; float:left; } #right_column_start { position:relative; margin-left:900px; padding-top:75px; z-index:5; background-color: #152A1D; } #header_start{ border-bottom:1px solid #FFFFFF; width:100%; background:#3E7D58; margin:0; background-image : url(../images/line_top_fc_1.jpg); background-position : center bottom; background-repeat : no-repeat; height:100px; } .center_column_start{ margin:0 282px 0 0; position:relative; background:#152A1D; z-index:5; } #footer_start { width:100%; height:45px; border-top: solid #FFFFFF 1px; background:#3E7D58; margin:0; font-weight:bold; padding-top:8px; background-image : url(../images/line_bottom_fc_1.jpg); background-position : center top; background-repeat : no-repeat; } .content_thumbs_right { float:right; border-top: 1px solid #B50DA3; border-bottom: 1px solid #B50DA3; padding: 3px 0 3px 0; } .content_thumbs_left { float:left; border-top: 1px solid #B50DA3; border-bottom: 1px solid #B50DA3; padding: 3px 0 3px 0; } .content_element{ padding:10px; background-color:#285139; } .content_text{ font-size: 14px; line-height:20px; } .kasten{ background-color:#49745B; padding:5px; } .imageGallery{ background-color:#49745B; padding:15px; } .imageDescription{ font-weight:normal; border: 1px solid #285139; background-color: #518065; padding:5px; } /***************** * Abstände & Clearer *****************/ div.absatzabstand { padding-top: 15px; } div.kleinerabstand { padding-top:2px; height:2px; font-size:2px; } div.floatclearer { clear:both; height: 1px; line-height: 1px; font-size: 1px; } /***************** * HR *****************/ hr { border: 1px solid #B50DA3; } hr.white { border: 1px solid #FFFFFF; } /***************** * HEADS *****************/ h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin-top:5px; border-bottom: solid 2px; font-weight: bold; border-color:#B50DA3; font-variant : small-caps; } h2 { font-family: Arial, Helvetica, sans-serif; font-size:16px; margin-top:5px; font-weight: bold; font-variant : small-caps; } h3 { font-family: Arial, Helvetica, sans-serif; font-size:14px; margin-top:5px; font-weight: bold; font-variant : small-caps; } h4 { font-family: Arial, Helvetica, sans-serif; font-size:12px; margin-top:5px; font-weight: bold; font-variant : small-caps; } /***************** * links *****************/ a, a:hover, a:visited { color: #B50DA3; } /***************** * Listen *****************/ ul { list-style: square; color: #FFFFFF; } ul.team { margin-left:140px; } ul.team li { padding:3px 0; font-size:12px; line-height:14px; } /***************** * Navigation *****************/ #navigation { position:relative; } #navigation a.level1:link, #navigation a.level1:visited, #navigation a.level1_active{ background-color:#152A1D; display: block; color:#FFFFFF; font-size:16px; font-weight:bold; text-decoration:none; text-indent:28px; line-height:22px; padding-top:2px; font-variant : small-caps; } #navigation a.level2:link, #navigation a.level2:visited, #navigation a.level2_active{ background-color:#152A1D; display: block; color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; text-indent:33px; line-height:22px; padding-top:2px; font-variant : small-caps; } #navigation ul{ list-style:none; margin:0px; padding:0px; } #navigation ul li{ list-style:none; } #navigation li{ margin: 10px 10px 10px 0px; letter-spacing:0.1em; } #navigation a.level1:hover, #navigation a.level1_active { background: url('../images/navi_active.jpg') no-repeat; background-position: left; font-style:italic; } #navigation a.level2:hover, #navigation a.level2_active { background: url('../images/navi_active.jpg') no-repeat; background-position: left; font-style:italic; } /***************** * IMAGES *****************/ .borderit img{ border: 2px solid #152A1D; } .borderit:hover img{ border: 2px solid #FFFFFF; } .borderit:hover{ color: red; /* irrelevant definition to overcome IE bug */ } /***************** * TABLES *****************/ td.td_preise_r,td.td_zeiten { text-align:right; } tr.tr_preise,tr.tr_zeiten{ border: 2px solid red; } table.preise,table.zeiten{ border-bottom:1px; border-bottom-color: #B50DA3;; border-bottom-style:dotted; border-top:1px; border-top-color: #B50DA3;; border-top-style:dotted; font: Arial, Helvetica, sans-serif; font-size: 12px; } /***************** * FORMS *****************/ lable { font-weight:bold; padding:5px; display: block; } input { width:70%; font-weight:bold; display:block; } h.textarea { width:500px; font-weight:bold; display:block;} input:focus,textarea:focus { background-color:#49745B; } /***************** * DEBUG *****************/ div { border:0px solid red; } } /* ende @media all */