/* ///////////////////////////////////////////////////////// PROJEKT: 3fg DATUM: 10/2007 2007 Copyright U21 ///////////////////////////////////////////////////////// */ /******************** setup ********************/ * { font-family: Verdana,sans-serif; } body { padding: 0; margin: 0; background: #fff url(../gfx/back.gif) repeat-x left top; font-size: 10px; line-height: 18px; color: #333; } .clear {clear: both;} img, a img {border: 0;} .hidden {display: none;} /******************** layout ********************/ #wrapper { overflow: hidden; width:990px; margin: 30px 0; text-align: left; padding: 0; } #header { } #header_first { margin: 0; padding: 0; } #navi { float: left; display:inline; padding: 0 0 20px; margin: 10px 0px 0px 40px; width: 800px; } #logo_top { float: right; background: url(../gfx/logo.gif) no-repeat; height: 70px; width: 100px; margin-right: 20px; } .headerpic { background: #efefef; clear: both; width: 990px; padding: 0; margin:0; height: 142px; } #headerimage { float: left; display: inline; width: 575px; padding: 0; margin: 0; overflow: hidden;} #headertext { float: left; display: none; width: 520px; padding: 5px 0 5px 20px; margin: 0; } #wrapper_content { clear: left; padding: 0; margin: 0; } #col_left { float: left; display: inline; width: 160px; padding-left: 40px; margin-top: 30px; } #col_contentleft { margin-top: 20px; } #col_content { float: left; display: inline; margin-top: 20px; width: 510px; padding-left: 20px; } #col_contentright { float: left; display: inline; margin-top: 20px; width: 220px; padding-left: 40px;} #wrapper_contentend { clear: left; } #footer { clear: both; width:970px; overflow: hidden; margin: 20px 0; } #copyright { float:left; display: inline;width: 160px; padding-left: 40px;} #page_options { float:left; display: inline;padding-left: 20px;} /******************** links ********************/ a:link { color: #eb3801;text-decoration: none;} a:visited { color: #eb3801;text-decoration: none;} a:hover { text-decoration: underline;} a.internal-link { background: url(../gfx/intern.gif) no-repeat left center; white-space: nowrap; padding-left: 15px; } a.external-link { background: url(../gfx/extern.gif) no-repeat left center; white-space: nowrap; padding-left: 15px; } /******************** navigation ********************/ #navi ul { list-style:none; margin:0; padding: 0; } #navi ul li {list-style: none;float: left; margin: 3px 0 0;padding: 0 0 0 5px; border-left: 1px solid #333; } #navi ul li.level1 a, #navi ul li.level1-act a { font-size: 9px; line-height: 9px; text-transform: uppercase; letter-spacing: 1px; color: #333; display: block; padding: 1px 3px; text-decoration: none; margin-right: 20px; } #navi ul li.level1 a:hover { background: #eb3801; color: #fff; } #navi ul li.level1-act a { font-weight: bold; color: #eb3801; display: block; padding: 1px 3px; text-decoration: none; margin-right: 20px; } #navi ul li.level1-act a:hover { background: #eb3801; color: #fff; } #subnavi ul { font-size: 10px;line-height: 12px;width: 160px; margin: 0 0 20px; padding: 0; } #subnavi ul li {list-style: none; padding: 0;width: 160px;overflow: visible; margin: 0;} #subnavi ul li.level2 a { color: #eb3801; display: block; padding: 4px 4px 4px 0; text-decoration: none; width: 154px; } #subnavi ul li.level2 a:hover { } #subnavi ul li.level2-act a { color: #eb3801; display: block; font-weight: bold; padding: 4px 4px 4px 0px; text-decoration: none; width: 154px; } #subnavi ul li.level2-act a:hover { } #subnavi ul li.level3 a { background-color: #F6F9F3; display: block; padding: 2px 4px 2px 8px; text-decoration: none; width: 154px; border-bottom: 1px solid #efefef;} #subnavi ul li.level3 a:visited { color: #ec8f75; } #subnavi ul li.level3 a:hover { background-color: #efefef; } #subnavi ul li.level3-act a { font-weight: bold; background-color: #efefef; color: #eb3801; display: block; padding: 2px 4px 2px 8px; text-decoration: none; width: 154px; border-bottom: 1px solid #efefef; } #subnavi ul li.level3-act a:hover { } #subnavi2 ul { font-size: 10px; line-height: 12px;width: 160px; margin: 0 0 20px; padding: 0; } #subnavi2 ul li {list-style: none;padding: 0;width: 160px;overflow: visible; margin: 0; } #subnavi2 ul li.sublevel a { color: #eb3801; display: block; padding: 4px 4px 4px 0px; text-decoration: none; width: 160px; } #subnavi2 ul li.sublevel a:hover { } #subnavi2 ul li.sublevel-act a { color: #eb3801; display: block; font-weight: bold; padding: 4px 4px 4px 0px; text-decoration: none; width: 160px; } #subnavi2 ul li.sublevel-act a:hover { } #footer a, #footer a:hover, #footer a:focus { text-decoration: none; margin-right: 20px; padding: 2px 0; } #page_options a.print, #page_options a.print:hover { background: url(../gfx/b_drucken.gif) no-repeat left center; padding-left: 20px;} #page_options a.pagetop, #page_options a.pagetop:hover { background: url(../gfx/b_anfang.gif) no-repeat left center; padding-left: 20px;} /******************** text ********************/ p { font-size: 110%; margin: 0 0 1.5em; } ul, ol { margin-left: 0; padding-left: 15px; font-size: 110%; } .introtext { color: #69ad54; font-size: 120%; } h1 { color: #333; font-size: 160%; margin-bottom: 1em; } h2 { color: #333; font-size: 120%; letter-spacing: 1px; margin-top: 1em; margin-bottom: 2em; } h3 { color: #333; font-size: 110%; margin-top: 1em; margin-bottom: 0.5em; } h4 { color: #eb3801; font-size: 110%;margin-top: 2em; margin-bottom: 0.5em; } #col_contentright * { } #col_contentright h1, #col_contentright h2, #col_contentright h3 { font-size: 100%; line-height: 14px; margin-top: 1.5em; margin-bottom: 1em; letter-spacing: 0px; } #col_contentright p { font-size: 100%; } #col_contentright ul, #col_contentright ol { margin-left: 0; padding-left: 15px; } /******************** formulare ********************/ label { cursor: pointer; } input, textarea, select { line-height: 14px; font-size: 11px !important; } /* default styles for extension "tx_cssstyledcontent" */ /* Captions */ DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; } DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; } DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; } /* Needed for noRows setting */ DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; } /* Border just around the image */ DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG { border: 0px solid black; padding: 0px 0px; } DIV.csc-textpic-imagewrap { padding: 0; } DIV.csc-textpic IMG { border: none; } /* DIV: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; } /* UL: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; } DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; } /* DL: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; } DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; } DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; } DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */ DL.csc-textpic-image { margin: 0; } DL.csc-textpic-image DT { margin: 0; display: inline; } DL.csc-textpic-image DD { margin: 0; } /* Clearer */ DIV.csc-textpic-clear { clear: both; } /* Margins around images: */ /* Pictures on left, add margin on right */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-right: 10px; } /* Pictures on right, add margin on left */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; } /* Pictures centered, add margin on left */ DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; } /* Space below each image (also in-between rows) */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; } DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; } DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; } /* No margins around the whole image-block */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; } /* Add margin from image-block to text (in case of "Text w/ images") */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { margin-right: 10px !important; } DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { margin-left: 10px !important; } /* Positioning of images: */ /* Above */ DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; } /* Center (above or below) */ DIV.csc-textpic-center { text-align: center; /* IE-hack */ } DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; } DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ } DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ } /* Right (above or below) */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; } DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; } /* Left (above or below) */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; } DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; } /* Left (in text) */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; } /* Right (in text) */ DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; } /* Right (in text, no wrap around) */ DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; } /* Hide from IE5-mac. Only IE-win sees this. \*/ * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; } /* End hide from IE5/mac */ /* Left (in text, no wrap around) */ DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; } /* Hide from IE5-mac. Only IE-win sees this. \*/ * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; } /* End hide from IE5/mac */