/* -- CSS für Österreichische Akademie fr Arbeitsmedizin | www.aam.at -- 2007 getdesigned.at */ /* -- Reset CSS vom YUI | Yahoo User Interface -- */ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /* -- allgemeine Layout Styles -- */ html, body{height: 100%;} body {background-color: #FFF; color: #333; font: 0.63em Verdana, Arial, sans-serif;} html>body {font-size: 11px;} a{text-decoration: none;} /* -- ACHTUNG -- */ /* -- clear, invisible etc. sind am Dokument-Ende, damit sie von nichts "kaskadiert" werden knnen -- */ #center{bottom: 0; height: 360px; left: 50%; margin-left: -480px; position: absolute; top: 0; width: 960px;} #quicknav{background-color: #9AA598; font-size: 0.82em; position: absolute; top: 0; width:100%;} #quicknav ul{float: left; padding: 2px 5px;} #quicknav li{float: left; padding: 0 5px; border-right: 1px solid #E7FAE8;} #quicknav a{color: #E7FAE8;} #quicknav a:hover{color: #FFF;} #quicknav a:visited{color: #D9EBDA;} #logo{height: 40px; left: 0; position: absolute; top: 27px; width: 220px; z-index: 10;} #logo a{background: transparent url(/graphics/logo.gif) top left no-repeat; display: block; height: 40px; width: 220px;} #languageswitch{position: absolute; right: 0; top: 33px;} #languageswitch li{float: left;} #languageswitch li.first{border-right: 1px solid #44693E; margin-right: 5px; padding-right:5px;} #languageswitch a{color: #788676;} #languageswitch a:hover{color: #44693E;} #languageswitch a.current{color: #44693E; font-weight: bold;} #header{background: transparent url(/graphics/header_bg.jpg) bottom left no-repeat; height: 301px; position: absolute; top: 60px; width: 960px;} #mainnavigation{font-size: 0.91em; left: 25px; position: absolute; top: 60px; width: 235px; } #mainnavigation a{background: transparent url(/graphics/mainnavigation_arrow.gif) top left no-repeat; border-bottom: 1px dotted #5A7F56; color: #333; display: block; padding: 3px 3px 3px 17px; text-transform: uppercase;} #mainnavigation a:hover{background-color: #F6F9F5;} #mainnavigation a.current{background-image: url(/graphics/mainnavigation_arrow_current.gif); font-weight: bold;} /* -- Unterscheidung der verschiedenen Navipunkte um unterschiedliche Hintergrundfarben verwenden zu knnen -- */ #mainnavigation #home:hover{background-color: #F6F9F5;} #mainnavigation #aam:hover{background-color: #F6F9F5;} #mainnavigation #was_ist:hover{background-color: #F4F8F4;} #mainnavigation #bildung:hover{background-color: #F3F7F2;} #mainnavigation #forschung:hover{background-color: #F1F6F0;} #mainnavigation #information:hover{background-color: #F0F6EF;} #mainnavigation #downloads:hover{background-color: #F0F4EE;} #mainnavigation #links:hover{background-color: #EEF3ED;} #mainnavigation #login:hover{background-color: #EDF2EA;} form#search { font-size: 0.91em; position: absolute; left: 25px; bottom: 17px; width: 235px; height: 30px; background: url(/graphics/misc/bg_searchForm.gif) repeat-x; margin: 0; padding: 0; } form#search label { color: #668962; display: block; float: left; width: 40px; margin: 0 4px 0 0; padding: 8px 0 0 0; } form#search input#searchbox { font: 0.9em "Verdana" sans-serif; color: #666; display: block; float: left; width: 125px; background-color: #FFF; border: 1px solid #668962; margin: 6px 0 0 0; padding: 2px; } form#search .los { font-size: 11px; color: #668962; font-weight: bold; text-transform: uppercase; display: block; float: left; width: 30px; background-color: #C8D6C3; border: none; margin: 7px 0 0 4px; cursor: pointer; cursor: hand; } #header_image{background: url(/graphics/headers/home.jpg) top left no-repeat; position: absolute; top: 60px; height: 223px; right: 25px; width: 655px;} #fachbereiche{font-size: 0.82em; position: absolute; right: 0; top: 2px;} #fachbereiche li{ border-bottom: 1px dotted #333; padding: 2px 0;} #fachbereiche a{background: transparent url(/graphics/fachbereiche_bg.png) top left; color: #545454; display: block; height: 31px; padding: 7px 0 1px 20px; width: 256px;} #fachbereiche a:hover{background-image: url(/graphics/fachbereiche_bg_hover.png);} #fachbereiche a.current{background-color: #FFF;} /* -- Border rechts bei den Fachbereichen in den entsprechenden Farben -- */ #fachbereiche #grundlagenlehrgang { border-right: 7px solid #2E7F2E; } #fachbereiche #universitaetslehrgang { border-right: 7px solid #1D5196; } #fachbereiche #ermaechtigungsausbildungen { border-right: 7px solid #6C3477; } #fachbereiche #ausbildung { border-right: 7px solid #E8A523; } #fachbereiche #fortbildung { border-right: 7px solid #A11919; padding-top: 13px; height: 25px; } #fachbereiche strong{font-weight: bold; display: block;} /** -- Newsboxen auf der Startseite -- **/ #newscontainer { position: absolute; top: 380px; width: 940px; background: #AFBBAC url(/graphics/newscontainer_bg.gif) top left repeat-x; padding: 11px 10px; } .newsbox{background-color: #FFF; float: left; padding: 5px; width: 298px; margin-right: 8px;} .newsbox.last{ margin-right: 0; } .newsbox h3{color: #000; font-weight: bold; text-transform: uppercase; height: 13px; margin: 0 0 0.1em 0 !important; } .newsbox h3.green{color: #668962;} .newsbox p.text{ height: 39px; margin: 0.35em 0 0.5em 0;} .newsbox img{float: left; margin-right: 10px} .newsbox p.more { margin: 0; } .newsbox .more a { color: #668962; text-transform: uppercase; background: #FFF url(/graphics/more.gif) 1px top no-repeat; padding-left: 8px; } .newsbox .edit a { display: block; width: 79px; height: 24px; float: right; background: #FFF url(/graphics/admin/edit_off.gif) left top no-repeat; margin-top: -5px; } .newsbox .edit a span { display: none; } .newsbox .more a:hover{background-image: url(/graphics/more_hover.gif); color: #4C7448;} #main { position: absolute; top: 380px; width: 100%; background: #FFF url(/graphics/main_bg.gif) top left repeat-x; margin: 0 !important; padding: 12px 0 0 0; } div#borderRight { width: 960px; background: #FFF url(/graphics/green_bg_right.gif) repeat-Y right top; margin: 0; padding: 0; } #main_quiz{background: #FFF url(/graphics/main_bg.gif) top left repeat-x; padding-top: 12px; position: absolute; top: 80px; width: 100%;} /** -- Breadcrumps neu -- **/ #breadcrumbs { font-size: 0.82em; margin: 1.5em 45px; float: left; /*width: 520px;*/ width: 560px; } #breadcrumbs ul{ list-style: none; } #breadcrumbs ul li{ display: block; float: left; background: transparent url(/graphics/breadcrumb_bullet.gif) no-repeat left 3px; padding-right: 4px; } #breadcrumbs a{ color: #668962; padding-left: 8px; text-transform: uppercase;} #breadcrumbs a.current{font-weight: bold;} #breadcrumbs a:hover{color: #4D7349;} #content { float: left; width: 510px; min-height: 150px; margin: 0; padding: 0 95px 1.5em 45px; } #main_quiz #content{width: 95%} #content * { font-size: 1em; } #content h2{font-weight: bold; font-size: 1.64em; line-height: 0.92em; color: /*#333;*/ color: #616060; margin-bottom: 0.92em;} #content h3{font-weight: bold; font-size: 1em; color: #668962; text-transform: uppercase; line-height: 1.5em; margin: 1.5em 1.9em;} #content h4{font-weight: bold; font-size: 1em; margin: 0.75em 3.4em; line-height: 1.5em;} #content p{line-height: 1.5em; margin: 1.5em 0; padding-left: 3.7em;} #content p.back{text-align: right;} #content p.back a{background: transparent url(/graphics/back.gif) bottom left no-repeat; border-bottom: none; font-weight: bold; padding-left: 8px; text-transform: uppercase;} #content p.back a:hover{background-image: url(/graphics/back_hover.gif); color: #42693E;} #content a { color: #668962; text-decoration: underline; padding: 1px 2px; } #content a:hover { color: #333; background-color: #F4F5F4; } #content ul{ list-style: none; margin: 1.5em 0; padding-left: 3.8em; } #content li{ line-height: 1.5em; background: url(/graphics/misc/list_item_content.gif) no-repeat 0 6px; padding-left: 10px; } #content ul ul { list-style-type: none; margin: 0.5em 0 1.5em -16px; padding-left: 1.5em; } #content ul ul li{ line-height: 1.5em; background: url(/graphics/misc/sublist_item_content.gif) no-repeat left 6px; padding-left: 10px; } #content ul h4 { margin: 1em 0 0.2em 0; } #content table { margin: 0.8em 0 1.5em 3.7em; } #content table th { font-weight: bold; vertical-align: top; padding: 0 10px 8px 0; } #content table td { vertical-align: top; padding: 0 10px 4px 0; } #content table td ul { margin: 0.5em 0 0 0.1em; padding-left: 0; } #content table td ul ul { margin: 0.5em 0.1em; padding-left: 0; } #content table.impressum { margin: 0.1em 0 1.5em 3.7em !important; } /*****************************************/ /** -- Spezielle Tabellen im Content -- **/ /* -- Logo im Text; grau hinterlegt-- */ table.logoImText{ /*width: 510px;*/ width: 510px !important; width: 490px; background-color: #F4F5F4; margin: 0 0 2em 2em !important; padding: 0 !important; } table.logoImText td { border-right: 5px solid #FFF; padding: 0 1em 0 1.7em !important; } table.logoImText td h4 { margin: 0 !important; padding: 5px 0 2px 0 !important; } table.logoImText td p { padding-left: 0 !important; } table.logoImText td.imgCol { vertical-align: middle !important; width: 81px; padding: 0 !important; } table.logoImText td.imgCol * { display: block; text-align: center !important; border: none !important; } table.logoImText td.imgCol a:hover { background: none !important; } /** -- ExpertenInnen Netzwerk -- **/ table.netzwerk tr.odd { background: #F0F5EE; } table.netzwerk th { font-size: 1em; color: #FFF; text-transform: uppercase; font-weight: bold; background: #798D76; padding: 5px 10px !important; } table.netzwerk td { padding: 5px 10px !important; } /* -- Team -- */ table.team{ width: 487px; background-color: #E9EFE6; margin: -1.2em 0 1.5em 2em !important; padding: 0; } table.team td { vertical-align: top !important; padding: 0 0 0 1.7em !important; } table.team td h4 { float: left; color: #000; margin: 0 10px 0 0 !important; padding: 5px 0 2px 0 !important; } table.team td p.cvLink { display: block; float: left; /*width: 30px;*/ margin: 3px 0 0 0 !important; padding: 0 0 2px 0 !important; } table.team td img { display: block; float: right !important; padding: 0; } /** -- Absolvent -- **/ table.absolventen{ width: 487px; background-color: #E9EFE6; margin-left: 2em !important; padding: 0; } table.absolventen td { vertical-align: top !important; padding: 0 0 0 1.7em !important; } table.absolventen td h4 { color: #000; margin: 0 !important; padding: 5px 0 2px 0 !important; } table.absolventen td em { display: block; padding: 5px 0 !important; } table.absolventen td img { display: block; float: right !important; padding: 0; } #content p img { padding-right: 10px; } /* -- Infobox im Content -- */ .infobox{ background-color: #E9EFE6; /*background-color: #F4F5F4;*/ padding: 0.1em 2.5em 0.1em 0; margin: 1.5em -3em 1.5em 0;} .infobox h3, .infobox h4{color: #668962; margin-top: 0;} .infobox h3{padding-left: 1.5em;} .infobox table{ margin-bottom: 0.5em !important; } .infobox li{ background: url(/graphics/misc/list_item_infobox.gif) no-repeat 0 6px; } .infobox ul ul li{ background: url(/graphics/misc/sublist_item_infobox.gif) no-repeat left 6px; } /* -- H3 mit einer Grafik rechts -- */ h3.imageHeader { width: 441px; height: 23px; margin: 0.4em 0 -0.8em 0 !important; padding: 7px 0 0 20px; background-color: #F4F5F4;} h3.imageHeader div { position: relative; top: 0; left: 488px; /*width: 29px;*/ height: 30px; border-left: 5px solid #FFF; background: #F4F5F4; margin: -24px 0 0 -30px; padding: 0;} h3.imageHeader div img { padding: 0 0 0 5px; } /***********************************/ /* -- BILDUNG: Online-Anmeldung -- */ form#anmeldung { margin-bottom: 35px; padding-bottom: 20px; border-bottom: 1px dashed #798D76; } form#anmeldung h3 { margin: 2em 0 1em 1.9em; } form#anmeldung fieldset { margin-bottom: 0.4em; } form#anmeldung label { display: block; float: left; width: 125px; margin: 0; padding: 0 0 0.2em 3.7em; } form#anmeldung input { display: block; float: left; width: 300px; margin: 0 0 0 1.5em; } form#anmeldung select { display: block; float: left; width: 305px; margin: 0 0 0 1.5em; } form#anmeldung #label_veranstaltung { display: block; float: none; width: 400px; margin: 0; padding: 0 0 0.4em 3.7em; } form#anmeldung #input_veranstaltung { display: block; float: none; width: 450px; margin: 0 0 0 3.1em; } form#anmeldung #label_taetigkeit2 { visibility: hidden; } form#anmeldung p#helper5 { margin: 0 0 0 13.1em; } form#anmeldung p#helper6 { font-weight: bold; margin: 0; padding: 1em 0 1.2em 3.7em; } form#anmeldung fieldset#vertrag { width: 450px; margin-left: 3.7em; padding: 5px 0; } form#anmeldung fieldset#vertrag label { display: block; float: right; width: 425px; padding: 0; } form#anmeldung fieldset#vertrag input { display: block; float: left; width: 13px; height: 13px; margin: 3px 0 0 0; } form#anmeldung button { font: 1em Verdana, Arial, sans-serif; display: block; width: 160px; height: 18px; margin: 2em 0 2em 2.05em; padding: 0 0 2px 0; background-color: #F4F5F4; border: 1px solid #C1CCC1; cursor: pointer; cursor: hand; } /* -- Errormeldungen -- */ form#anmeldung p.errorMeldung { clear: both; color: red; margin-left: 13.2em; } form#anmeldung fieldset#veranstaltung p.errorMeldung { margin-top: 0.3em; margin-left: 0.2em; } form#anmeldung fieldset#vertrag p.errorMeldung { margin-top: 0.5em; margin-left: -1.5em; } /** -- Login Formular -- **/ form#login { background: #E9EFE6; margin: 1.5em 3.7em; padding: 15px 10px 10px 10px; } form#login fieldset{ margin: 0 0 5px 0; padding: 0; } form#login fieldset label { display: block; float: left; width: 80px; height: 15px; margin: 0; padding: 0; } form#login fieldset input { display: block; float: left; width: 190px; height: 13px; border: 1px solid #668962; margin: 0; padding: 1px 0 0 2px; } form#login input#button { font: 1em Verdana, Arial, sans-serif; display: block; width: 80px; height: 18px; margin: 10px 0 0 80px; padding: 0 0 2px 0; background-color: #F4F5F4; border: 1px solid #C1CCC1; cursor: pointer; cursor: hand; } /** -- SUBNAVIGATION -- **/ div#subnavigation { display: block; float: right; width: 265px; background: #F4F5F4; border-bottom: 5px solid #FFF; margin: 0 0 -5px 0; padding: 3em 21px 15px 21px; z-index: 10; } #subnavigation ul{ list-style: none; line-height: 1.5em; } #subnavigation ul li { background: transparent url(/graphics/subnav_bullet.gif) no-repeat left 4px; border-bottom: 1px solid #D0D5CF; padding: 2px 0 2px 12px; } #subnavigation ul li.last { margin-bottom:5px; } #subnavigation ul ul{ margin-left: 10px; } #subnavigation ul ul li { background: transparent url(/graphics/subsubnav_bullet.gif) no-repeat left 6px; border: none; padding: 0 0 0 10px; line-height: 15px; } #subnavigation ul ul ul li { background-image: none; line-height:14px; } #subnavigation ul a { text-transform: uppercase; color: #707070; font-family: Verdana, Sans-Serif; font-size:10px; line-height:0.8em; padding:2px 0 2px 0; } #subnavigation ul a:hover{color: #000; } #subnavigation ul a.current {font-weight: bold; color:black;font-weight:bold;} #subnavigation ul ul a { color: #707070;} #subnavigation ul ul a:hover { color: black; } #subnavigation ul ul a.current { color: black;font-weight:bold; } #subnavigation ul ul ul { } #subnavigation ul ul ul a {text-transform:none; } #footer { font-size: 0.82em; color: #FFF; clear: both; height: 13px; background-color: #798D76; border-bottom: 10px solid #FFF; border-top: 5px solid #FFF; margin: -5px 0 0 0; padding: 2px 10px; } #footer.index{top: 503px; position: absolute; width: 940px;} #footer ul{float: left;} #footer strong{font-weight: bold; text-transform: uppercase;} #footer li{float: left; padding: 0 5px; border-right: 1px solid #AACD8E;} #footer a{color: #FFF;} #footer a:hover{color: #E7FAE8;} #login fieldset label {width: 10em; display: block; float: left} /* -- Allegmeine nützliche Styles -- */ .invisible{visibility: hidden;} #center .last{border: none; margin: 0;} /* -- weil oft beim letzten Element eine der Borders wegfllt -- */ strong { font-weight: bold !important; } em { font-style: italic; } /** -- Wenn im IE6 das letzte Element in der Seite ein Link mit over Effekt ist, hüpft der Footer, daher: -- **/ p#ie6HoverBugFix { height: 1px; line-height: 1px; font-size: 1px; margin: 0 !important; padding: 0 !important; } /* -- QUIZ Styles -- */ .true { border: 1px solid #00FF00;} .false { border: 1px solid #FF0000; } /** -- Ausgabe der Kursdetails /** -- 1. Ebenbe -- **/ ul.treelister li.categ1 { font-size: 14px !important; font-weight: bold; } /** -- 2. Ebene -- **/ ul.treelister li.categ1 ul.categ1 li.categ1 { font-size: 11px !important; font-weight: bold; } /** -- 3. Ebene -- **/ ul.treelister li.categ1 ul.categ1 li.categ1 ul.categ1 li.entry1.File { font-size: 11px !important; font-weight: normal; } ul.treelister li.categ1 ul.categ1 li.categ1 ul.categ1 li.entry1.Quiz { font-size: 11px !important; font-weight: normal; } li.entry1.Quiz a { color: #A11919 !important; } ul.treelister li a.downloads { background: #FFF url(/graphics/misc/list_item_file.gif) no-repeat left 4px; line-height: 1.5em !important; margin: 0 0 0 -10px; padding: 0 0 0 15px !important; } ul.treelister li a.quiz{ background: #FFF url(/graphics/misc/list_item_quiz.gif) no-repeat left 3px; line-height: 1.5em!important; margin: 0 0 0 -10px; padding: 0 0 0 15px !important; }