/* Stylsheet für Forschungszentrum Ruhr Version: 1.4.1 Stand: 09.08.2008 NETGENERATOR O.Wulke */ body { background: #fff; color: #414141; font: 12px "Arial","Verdana","Helvetica","Geneva"; margin: 0; padding: 0; text-align: center; } /* sind im tinymce.css a, a:link, a:visited { color: #414141; text-decoration: underline; } a:hover, a:active, a:focus { color: #8b8b8b; outline: none; } table, tr, th, td { border-collapse: collapse; empty-cells: show; vertical-align: top; } img { border: 0; } div, h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0; } */ .textfeld { border: 1px solid #a1a1a1; font: 11px "Arial","Verdana","Helvetica","Geneva"; height: 15px; } .textarea { border: 1px solid #a1a1a1; font: 11px "Arial","Verdana","Helvetica","Geneva"; } legend { margin: 0; padding: 0; } div.expandbutton { width: 100%; height: 17px; padding: 0; margin: 0; float: right; overflow: hidden; cursor: pointer; color: #fff; font: bold 14px "Arial","Verdana","Helvetica","Geneva"; } div.activeBox div.expandbutton { position: absolute; bottom: 0px; right: 0px; z-index: 6000; color: #fff; font: bold 14px "Arial","Verdana","Helvetica","Geneva"; } div.expandbutton a { color: #fff; } .expandbutton img { width: 17px; height: 17px; } div.activeBox {} #body { width: 900px; position: relative; margin: 0 auto; padding: 0; display: block; } #container { width: 900px; position: relative; display: table; border-top: 3px solid #328b02; border-bottom: 3px solid #328b02; text-align: left; z-index: 1; } * html #container { width: 896px; } #footernavi { height: 10px; display: block; padding: 5px 0 15px; clear: both; } * html #footernavi { height: 20px; } #footernavi ul { margin: 0 0 0 -1px; padding: 0; list-style: none; float: left; } #footernavi ul li { float: left; margin: 0; padding: 0 10px; border-right: 1px solid #d3d3d3; } #footernavi ul li a, #footernavi ul li a:link, #footernavi ul li a:hover, #footernavi ul li a:focus, #footernavi ul li a:active, #footernavi ul li a:visited { text-decoration: none; font-size: 11px; } #footernavi ul li.right { float: right; border-right: none; border-left: 1px solid #d3d3d3; } #footernavi ul li.right a.netgenlink { color: #328b02; } #header { width: 900px; height: 397px; position: absolute; top: 0; z-index: 5000; text-align: left; } * html #header { width: 898px; left: 0px; } #logo { height: 113px; position: relative; display: block; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; } #logo a.logo { position: absolute; right: 20px; bottom: 20px; } #logo_adresse { position: absolute; left: 10px; top: 10px; font-size: 11px; color: #b0b0b0; } #logo_adresse a, #logo_adresse a:visited { color: #b0b0b0; text-decoration: none; } #logo_adresse a:hover, #logo_adresse a:active, #logo_adresse a:focus { color: #414141; text-decoration: underline; } #mainnavi { height: 35px; display: block; background: #424242 url(grafik/bg_mainnavi.jpg) left top repeat-x; z-index: 5000; } #cssdropdown { width: 900px; height: 35px; margin: 0; padding: 0; list-style: none; float: left; background: transparent url(grafik/bg_mainnavi_right.gif) right top no-repeat; } * html #cssdropdown { width: 898px; } #cssdropdown li.mainitems { height: 35px; margin: 0; padding: 0; float: left; position: relative; background: transparent url(grafik/mainnavi_trenner.gif) left top no-repeat; z-index: 5000 } #cssdropdown li.firstlink { background: transparent url(grafik/bg_mainnavi_left.gif) left top no-repeat; } li.mainitems a.mainitems { height: 25px; padding: 10px 20px 0 55px; float: left; text-decoration: none; color: #fff; font: bold 12px "Arial","Verdana","Helvetica","Geneva"; } li.mainitems a.mainitems:hover, li.mainitems a.mainitems:active, li.mainitems a.mainitems:focus, li.mainitems a.mainitems:link, li.mainitems a.mainitems:visited { color: #fff; text-decoration: none; } ul.subuls { width: 200px; position: absolute; top: 35px; left: 0; margin: 0; padding: 0; display: none; list-style: none; background: #2a2a2a; border: 1px solid #2a2a2a; } ul.subuls li { width: 200px; margin: 0; padding: 0; background: #2a2a2a; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; } ul.subuls li a, ul.subuls li a:visited, ul.subuls li a:link { padding: 5px 10px; display: block; color: #fff; text-decoration: none; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; } ul.subuls li a:hover, ul.subuls li a:active, ul.subuls li a:focus { background: #707070; color: #fff; text-decoration: none; } ul.subuls li a, ul.subuls li a p { color: #fff; text-decoration: none; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; } #mainnavi ul li a.start { background: transparent url(grafik/icon_start.gif) 20px 4px no-repeat; } #mainnavi ul li a.studien { background: transparent url(grafik/icon_studien.gif) 20px 4px no-repeat; } #mainnavi ul li a.profil { background: transparent url(grafik/icon_profil.gif) 20px 4px no-repeat; } #mainnavi ul li a.service { background: transparent url(grafik/icon_service.gif) 20px 4px no-repeat; } #mainnavi ul li a.kontakt { background: transparent url(grafik/icon_kontakt.gif) 20px 4px no-repeat; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ #cssdropdown li>ul { top: 35px; left: auto; } /* lists nested under hovered list items */ #cssdropdown li:hover ul, li.over ul { display: block; } /*wrap rest of content of the page inside this div*/ #restofcontent { clear: left; } #main_header { height: 250px; display: block; background: #2a7402 url(grafik/bg_main_start.jpg) left top no-repeat; } #main_header p { padding: 70px 350px 0 35px; color: #fff; } #main_header a.infobutton { width: 120px; height: 32px; position: absolute; left: 437px; top: 283px; overflow: hidden; background: transparent url(grafik/b_mehrinfos.png) left top no-repeat; } * html #main_header a.infobutton { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafik/b_mehrinfos.png', sizingMethod='scale'); background: none; } #main_header a.infobutton_mitarbeiter { width: 275px; height: 210px; position: absolute; left: 615px; top: 176px; z-index: 1000; overflow: hidden; } #main_header a.infobutton_gcp { width: 64px; height: 57px; position: absolute; left: 41px; top: 306px; z-index: 1000; overflow: hidden; } #main_header a.infobutton_ich { width: 78px; height: 57px; position: absolute; left: 138px; top: 306px; z-index: 1000; overflow: hidden; } #main_contentbox { width: 898px; min-height:300px; height:auto !important; height:300px; margin: 373px 0 0; padding: 45px 0 0; display: block; float: left; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; } * html #main_contentbox { width: 897px; } div.contentnavi { width: 196px; float: left; } div.contentnavi ul { width: 140px; margin: 0 0 0 29px; padding: 0; list-style: none; display: inline; float: left; } div.contentnavi ul li { width: 140px; margin: 0 0 10px; padding: 0; float: left; } div.contentnavi ul li a, div.contentnavi ul li a:link, div.contentnavi ul li a:visited { padding: 0 0 0 8px; float: left; text-decoration: none; } div.contentnavi ul li a:hover, div.contentnavi ul li a:focus, div.contentnavi ul li a:active, div.contentnavi ul li a.active { text-decoration: none; background: transparent url(grafik/contentnavi_active.gif) left 4px no-repeat; } #content { width: 618px; min-height: 400px; padding: 0 250px 30px 30px; display: block; } * html #content { width: 898px; height: 400px; } #start_content_left { width: 377px; margin: 0 0 30px 35px; display: inline; float: left; } #start_content_right { width: 380px; margin: 0 0 30px 35px; display: inline; float: right; } /* sind im tinymce.css h1 { display: block; margin: 0 0 35px; color: #414141; font: bold 18px "Arial","Verdana","Helvetica","Geneva"; } h2 { display: block; margin: 0 0 10px; color: #414141; font: bold 14px "Arial","Verdana","Helvetica","Geneva"; } p { color: #414141; font: 12px "Arial","Verdana","Helvetica","Geneva"; } */ #dreifelder { width: 332px; height: 186px; margin: 30px -2px 0 -1px; background: transparent url(grafik/bg_3felder.jpg) left top no-repeat; } #dreifelder a { width: 73px; height: 60px; padding: 41px 15px 80px; margin: 0 0 0 8px; float: left; display: inline; color: #fff; font: 10px "Arial","Verdana","Helvetica","Geneva"; text-decoration: none; } * html #dreifelder a { width: 103px; height: 181px; } #dreifelder #feld1 { margin: 0 0 0 3px; } #studien_uebersicht { width: 335px; min-height: 85px; height:auto !important; height: 85px; margin: 0 -3px 50px -3px; padding: 0; display: table; background: #404040 url(grafik/bg_studien_uebersicht_bg.jpg) left top repeat-y; } #studien_uebersicht_outerbox { width: 335px; min-height: 85px; height:auto !important; height: 85px; margin: 0; padding: 0; display: table; background: transparent url(grafik/bg_studien_uebersicht_top.jpg) left top no-repeat; } #studien_uebersicht_innerbox { width: 335px; min-height: 80px; height:auto !important; height: 80px; margin: 0; padding: 15px 0 0; display: table; background: transparent url(grafik/bg_studien_uebersicht_bottom.jpg) left bottom no-repeat; } * html #studien_uebersicht_innerbox { padding-bottom: 15px; } #studien_uebersicht h2 { color: #fff; margin: 0 0 18px 18px; } #studien_uebersicht ul { list-style: none; margin: 0; padding: 0; } #studien_uebersicht ul li { width: 140px; min-height: 47px; height: auto !important; height: 47px; display: inline; margin: 0 7px 15px 18px; padding: 0; float: left; color: #b7b7b7; font: 9px "Arial","Verdana","Helvetica","Geneva"; } #studien_uebersicht ul li a, #studien_uebersicht ul li a:link, #studien_uebersicht ul li a:visited { color: #b7b7b7; text-decoration: none; } #studien_uebersicht ul li a:hover, #studien_uebersicht ul li a:focus, #studien_uebersicht ul li a:active { text-decoration: underline; } #studien_uebersicht ul li p { width: 134px; color: #fff; font: 11px "Arial","Verdana","Helvetica","Geneva"; display: block; } div.start_content ul { list-style-type: square; margin: 0; padding: 0; } div.start_content ul li { margin: 5px 0 0 15px; padding: 0; } /* studien */ #content_links { width: 590px; min-height: 400px; margin: 0 0 30px 30px; display: inline; float: left; } .studiencontainer { width: 586px; margin: 0 0 20px; padding: 0; display: block; position: relative; border: 1px solid #d3d3d3; } .studiencontainer_details { padding: 0 0 20px; } .studiencontainer a.studie_link { height: 35px; display: block; margin: 0; padding: 5px 15px; background: #e0e0e0; color: #414141; text-decoration: none; font: bold 14px "Arial","Verdana","Helvetica","Geneva"; } .studiencontainer a.studie_link:hover, .studiencontainer a.studie_link:active, .studiencontainer a.studie_link:focus { background: #414141; color: #fff; } .studiencontainer h2 { margin: 0; padding: 5px 15px; background: #e0e0e0; } .studiencontainer h3 { margin: 0; padding: 5px 15px; font-size: 12px; display: block; } .studiencontainer .studientext { width: 550px; margin: 0 15px 10px; padding: 0; } .studiencontainer a.bewerben { position: absolute; right: -1px; bottom: -1px; padding: 2px 8px; background: #2a7402; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; } /* foldout */ .studiencontainer div.foldoutbox { width: 100%; padding: 0; position: relative; display: block; clear: both; z-index: 1000; background: #fff; font-size: 11px; } .studiencontainer div.foldoutbox p { padding: 10px 15px 0; } .studiencontainer form fieldset { width: 100%; padding: 0 15px 0; display: block; clear: both; border: none; } .studiencontainer form fieldset legend { display: block; margin: 20px 0 0; } .studiencontainer form fieldset label { padding: 5px 0 0; clear: both; display: block; font-size: 11px; } .studiencontainer form fieldset span.full table tr td.checkbox { width: 15px; } .studiencontainer form fieldset span.full table tr td.label { width: 180px; padding-right: 20px; } .studiencontainer span { float: left; font-size: 11px; } .studiencontainer span.feld { width: 183px; } .studiencontainer span.br { clear: both; } .studiencontainer span.full { width: 100%; } hr.studienhr { height: 1px; margin: 50px 0 20px; padding: 0; display: block; border: none; background: #414141; } #content_rechts { width: 179px; min-height: 400px; padding: 3px 40px 20px; margin: 0 0 20px; display: inline; float: right; border-left: 1px solid #d3d3d3; } * html #content_rechts { width: 259px; } #studien_rechts_spacer { display: block; clear: both; height: 29px; } * html #studien_rechts_spacer { height: 23px; } #content_rechts .studiencontainer { width: 170px; } #content_rechts .studiencontainer a { height: 25px; padding-top: 15px; vertical-align: middle; text-align: center; } #content_rechts form fieldset, #kontakt_content_links form fieldset, #allginfos form fieldset { width: 129px; margin: 10px 0 0; padding: 0; display: block; clear: both; border: none; } #content_rechts form fieldset legend, #kontakt_content_links form fieldset legend, #allginfos form fieldset legend { width: 179px; display: inline; } #content_rechts form fieldset label, #kontakt_content_links form fieldset label, #allginfos form fieldset label { width: 179px; padding: 5px 0 0; clear: both; display: block; font-size: 11px; } #content_rechts form fieldset .textarea, #kontakt_content_links form fieldset .textarea, #allginfos form fieldset .textarea { width: 175px; } /* kontakt */ #kontakt_content_links { width: 377px; margin: 0 0 30px 35px; display: inline; float: left; } #kontakt_content_rechts { width: 450px; margin: 0 0 30px 35px; display: inline; float: right; } #map { width: 390px; height: 420px; } /* errorbox und messagebox */ #messagebox { width: 270px; min-height: 100px; margin: 0 0 30px; padding: 15px 15px 15px 80px; display: table; clear: both; color: #505050; } #messagebox.error { background: #e1e1e1 url(/grafik_admin/icon_error.png) 10px 10px no-repeat; border: 3px solid red; } #messagebox.message { background: #e1e1e1 url(/grafik_admin/icon_message.png) 10px 10px no-repeat; border: 3px solid #307c24; } #messagebox h2 { display: block; padding: 0 0 10px; font: bold 13px "Arial","Verdana","Helvetica","Geneva"; } #messagebox ul { list-style: none; } #messagebox ul li { display: block; margin: 0 0 3px; } #messagebox.micro { width: 145px; padding: 15px; background-image: none; } /* div.rankinglist { width: 200px; margin: 25px 0 0; padding: 15px 15px 15px 0; display: table; float: left; background: transparent url(grafik/pixel_weiss_10prozent.png) left top repeat; } * html div.rankinglist { width: 215px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafik/pixel_weiss_10prozent.png', sizingMethod='scale'); background: none; } */