*{
margin:0;
padding:0;
font-family:Verdana, Helvetica, sans;
font-size: 12px;
color: #222222;
}
a{
text-decoration:none;
cursor:pointer;
}
html{
height:101%;
}
body{
padding-bottom:5px;
}
ul{
list-style:none;
}
li{
list-style:none;
}
h1{
font-size: 16px;
font-weight:bold;
line-height: 1.5em;
margin: 10px 0 5px 0;
}
h2{
font-size: 12px;
font-weight:bold;
line-height: 1.2em;
margin-bottom:15px;
}
h3{
font-size: 20px;
font-weight:bold;
line-height: 1em;
margin-bottom:5px;
}
h4{
font-size: 16px;
font-weight:bold;
line-height: 1em;
margin: 10px 0 5px 0;
}
h5{
font-size: 12px;
font-weight:bold;
line-height: 1em;
margin-bottom:15px;
}
h6{
font-size: 10px;
font-weight:normal;
line-height:1em;
margin-bottom:0;
}
img{
border:0;
}
.headContainer{
position: relative;
background: url("../images/headbackground.jpg") no-repeat #5e7381;
height: 142px;
overflow: visible;
padding: 1px 0;
}
.titleFrame{
position: absolute;
top: 0px;
left: 0px;
margin: 0 0 0 22px;
width: 529px;
height: 87px;
background: url("../images/logo.jpg");
}
.slogan{overflow:visible;
position: absolute;
top: 25px;
left: 595px;
width: 343px;
height: 32px;
background: url("../images/slogan.png");
z-index: 1;
}
.star{
position: absolute;
top: -25px;
/*left: 272px;*/
left: 867px;
top:0px;
width:112px;
height: 121px;
opacity: 0.74;
background: url("../images/star.png");
z-index:2;
}
.pinkbar{
position: relative;
top: 57px;
background: #c7003b;
height: 32px;
margin: 0 0 0 595px;
}
.topMenue{
position: relative;
top: 100%;
margin: -25px 0 0 0;
height: 26px;
background: url("../images/menuebg.gif") repeat-x;
}
.topMenue ul{
float: left;
margin: 0 0 0 55px;
padding: 0 8px 0 0;
background: url("../images/buttonLeft.jpg") no-repeat right;
height: 26px;
}
.topMenue ul li{
float:left;
height: 26px;
margin: 0 0;
}
.topMenue ul li a{
display: block;
color: #ffffff;
font-weight: bold;
line-height: 25px;
padding: 1px 18px 0 18px;
background: url("../images/buttonLeft.jpg") no-repeat;
}
.topMenue ul li span{
display: block;
background: url("../images/buttonRight.jpg") no-repeat right;
}
.topMenue ul li.over, .topMenue ul li.cur, .topMenue ul li.active{
position: relative;
background: url("../images/buttonOver.gif");
}
.topMenue ul li.over span, .topMenue ul li.cur span,.topMenue ul li.active span{
background: url("../images/buttonLeftOver.jpg") no-repeat;
}
.topMenue ul li.over a, .topMenue ul li.cur a, .topMenue ul li.active a{
z-index:3;
background: url("../images/buttonRightOver.jpg") no-repeat right;
}
.contentContainer{
background: url("../images/contentbgrep.jpg") repeat-x bottom;
}
.contentBackground{
min-height: 624px;
background: url("../images/contentbg.jpg") no-repeat bottom left;
}
/*
.sideMenue{
float: left;
width: 132px;
margin: 184px 0 0 20px;
min-height: 0px;
background: url("../images/sideMenueMiddle.png") repeat-y;
}
.sideMenueTop{
position: relative;
min-height: 145px;
padding: 29px 15px 0 10px;
background:url("../images/sideMenueTop.png") no-repeat;
margin: -174px 0 0 0;
}
.sideMenueBottom{
position: relative;
height: 27px;
background:url("../images/sideMenueBottom.png") no-repeat;
margin: 0 0 -27px 0 ;
} */
.sideMenue{
overflow: visible;
float: left;
width: 156px;
margin: 20px 0 0 20px;
min-height: 0px;
background: url("../images/sideMenueMiddle2.png") repeat-y;
}
* html .sideMenue{
background: url("../images/sideMenueMiddle.jpg") repeat-y;
}
.sideMenueTop{
position: relative;
height: 14px;
background:url("../images/sideMenueTop2.png") no-repeat;
margin: 0 0 0 0;
}
* html .sideMenueTop{
background:url("../images/sideMenueTop.jpg") no-repeat;
}
.sideMenueBottom{
position: relative;
/*top: 27px;*/
min-height: 225px;
width: 136px;
padding: 0px 20px 0 5px;
background:url("../images/sideMenueBottom2.png") no-repeat bottom left;
margin: 0 0 -20px 0;
}
* html .sideMenueBottom{
height: 225px;
background:url("../images/sideMenueBottom.jpg") no-repeat bottom left;
}
.sideMenue ul{
}
.sideMenue ul li{
position: relative;
border-top: solid 1px #617684;
border-bottom: solid 1px #617684;
padding: 3px 0 1px 3px;
margin: 0 0 -1px 0;
}
.sideMenue ul li a{
display: block;
}
.sideMenue ul li.over{
z-index: 2;
border-top: solid 1px #c7003b;
border-bottom: solid 1px #c7003b;
}
.sideMenue ul li.over>span a{
color: #2222dd;
color: #168852;
color: #36774f;
}
.sideMenue ul li.over>span a span{
color: #7abdce;
color: #38884f;
color: #36774f;
}
.sideMenue ul li.cur{
background: #eeeeee;
}
.sideMenue ul li ul{
display: none;
}
.sideMenue ul li ul.open{
display: block;
}
.contentpage{
position: relative;
}
.contentpage div{
overflow:hidden;
}
.content{
margin: 20px 0 0 20px;
width: 720px;
padding: 0 0 300px 0;
float: left;
}
.content li{
list-style-type: disc;
margin: 3px 20px;
}
.content .labeledList{
position: relative;
float: left;
}
.content .labeledList li{
list-style-type:none;
overflow: hidden;
clear: both;
margin: 5px 0;
padding: 1px 5px;
}
.content .labeledList li label{
float:left;
display:block;
width: 200px;
margin: 0 10px 0 0;
}
.content a{
color: #6398a5;
color: #538895;
text-decoration: underline;
}
.content a:hover{
text-decoration: underline overline;
}
.content .spalte{
float: left;
width: 220px;
margin: 6px 8px;
text-align: left;
}
.content .spalte ul{
text-align: left;
}
.content .advers{
width: 385px;
padding: 0 71px 0 0;
margin: 6px 8px;
font-style: italic;
}
.cleaner{
width: 100%;
clear:both;
height: 1px;
}
.HL{
color: #e55727;
}
span.toolong{
padding: 0 0 0 7px;
}
ul.expandContent{
margin:0;
padding:0;
list-style-type:none;
}
ul.expandContent a{
cursor:pointer;
padding-left:20px;
margin-left:-20px;
}
ul.expandContent li{
margin:0;
padding:0;
list-style-type:none;
}
ul.expandContent li.expandable{
list-style-image: url("../images/buttons/minus.gif");/*preload für safari*/
list-style-image: url("../images/buttons/plus.gif");
}
ul.expandContent ul{
margin:1px 2px 1px 10px;
padding:0;
display:none;
}
ul.expandContent li.expanded{
list-style-image: url("../images/buttons/minus.gif");
}
ul.expandContent li.expanded ul{
display:block;
}
ul.expandContent li.expanded ul li{
list-style-image:none;
}
.clearer{
width:100%;
clear:both;
}
.stepContainer p{
margin:0;
padding:10px;
}
.stepContainer div{
margin-top:10px;
padding:10px;
}
.stepContainer div div{
margin-top:0px;
padding:0px;
}
.stepContainer p,.stepContainer p *,.stepContainer div, .stepContainer div *{
font-family:Verdana, Helvetica, sans;
font-size: 12px;
color: #9c9fcc;
background-color:#eae9e2;
background-image: url("../images/tools/stepBackground.jpg");
}
.stepContainer p.selected,.stepContainer p.selected *,
.stepContainer div.selected,.stepContainer div.selected *{
font-family:Verdana, Helvetica, sans;
font-size: 12px;
color: #00087d;
background:transparent;
}
.stepContainer p.selected input, .stepContainer p.selected select,
.stepContainer p.selected textarea, .stepContainer div.selected textarea,
.stepContainer div.selected select,.stepContainer div.selected input{
background-color:#ffffff;
}
.stepContainer p.selected input[disabled],
.stepContainer p.selected select[disabled],
.stepContainer div.selected select[disabled],
.stepContainer div.selected input[disabled]{
background-color:#eeeeee;
color:gray;
}
.listbox{
width:200px;
height:200px;
overflow:hidden;
border:solid 1px black;
margin: 1px 2px;
}
.listbox ul{
margin:0;
padding-left:25px;
}
.listbox ul {
list-style-image: url("/lib/images/tools/listbox/listboxicon.gif");
}
.listbox ul li{
list-style-image: url("/lib/images/tools/listbox/listboxicon.gif");
}
.listbox ul li ul {
border-left:dotted 1px black;
margin-left: -9px;
}
.listbox li{
margin:0;
}
.listbox a {
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
}
.labeledBlock{
border:0;
margin:15px 0;
}
.labeledBlock div{
margin:-8px 0 3px 20px;
}
.labeledBlock.border{
border:solid 1px red;
}
.labeledBlock legend{
padding-left:18px;
background: url("../images/seminare/arrow.gif") no-repeat left 3px;
font-size:1.0em;
margin:1px 2px;
font-weight:bold;
color:#b80000;
}
.editfield{
width:250px;
text-align:right;
overflow:hidden;
margin: 2px 0px;
}
.editfield span{
float:left;
clear:both;
}
.editfield input,.editfield select{
width:150px;
float:right;
}
.editfield div input{
float:none;
}
.preview.small{
border:solid 1px black;
width:200px;
height:170px;
margin:0px 5px 2px;
overflow:hidden;
}
.preview ul{
list-style-type:none;
margin:0px 0px 0px 10px;
padding:0;
}
.preview li{
list-style-type:none;
}
.menuemenueitem a{
padding:2px;
display:block;
cursor:default;
border:solid 1px transparent;
}
.menuemenueitem a:hover{
border:solid 1px #cc2222;
}
.cmsdatatable td{
margin:0;
padding:2px;
border-left:solid 1px black;
border-bottom:solid 1px black;
border-right:0;
}
.cmsdatatable select{
width:150px;
}
.cmsdatatable input{
width:130px;
}
.cmsdatatable input,select{
border:0;
background-color: transparent;
}
fieldset.formular{
border: 0;
}
fieldset.formular li{
width: 100%;
clear: both;
overflow: hidden;
}
fieldset.formular label{
clear:both;
float:left;
width:45%;
}
fieldset.output{
padding: 5px;
}
fieldset.output p{
display: none;
margin: 0;
}
fieldset.output p.show{
display: block;
}
a.ok{
padding: 0 5px;
border:dashed 1px green;
}
a.cancel{
padding: 0 5px;
border:dashed 1px red;
}
a.button{
padding:4px;
background: #ffffff;
}
a.button:hover{
background: #eeeeee;
}
div.notice{
border:solid 1px gray;
background-color:#eeeeee;
padding:5px;
}
div.prompt{
position:absolute;
display:none;
}
a.menue{
padding: 2px 5px;
margin: 0;
border-right: solid 1px gray;
font-weight:normal;
}
a.menue:hover{
color:#b40000;
}
a.menue.cur{
color:#b40000;
font-weight:bold;
}
span.bold{
font-weight:bold;
}
.Book div.page{
display:none;
border:solid 1px gray;
background-color:#eeeeee;
padding:15px;
margin-top:2px;
}
.Book div.page.cur{
display:block;
}
.Book div.index{
height: 20px;
}
.Book div.index a{
cursor:pointer;
margin:0 4px 0px 0px;
padding:3px;
background-color:#ffffff;
border:solid 1px gray;
}
.Book div.index a.cur{
background-color:#eeeeee;
border-bottom:solid 1px #eeeeee;
}
div.news{
display:block;
overflow:hidden;
margin: 15px 0;
}
* html div.news{
height:1px;
overflow:visible;
}
div.news div.newsContent{
clear:both;
margin:0;
padding: 10px 5px;
border:solid 1px #000366;
background: #ffffff;
}
div.news .headLines{
padding: 0px 37px 5px 0;
margin-bottom:-3px;
overflow:hidden;
border-bottom:solid 1px #e8e1bd;
border-top:solid 1px #000366;
border-left:solid 1px #000366;
border-right:solid 1px #000366;
}
div.news .headLines h6{
padding-left:15px;
}
div.news .headLines h5{
padding:4px 5px;
margin:0;
}
div.news p{
margin: 5px 0;
line-height:1.3em;
}
div.news div.headIllu{
border:solid 1px black;
width:20px;
height:20px;
display:block;
}
.terminKalender{
border-collapse:collapse;
width:400px;
margin-top:5px;
}
.terminKalender th{
vertical-align:top;
padding:1px 0 0 4px;
color:#f6f2b2;
background: #337277;
border:solid 1px #525591;
font-size:0.9em;
}
.terminKalender td{
width:80px;
border:solid 1px gray;
height:30px;
vertical-align:top;
background:#eaeaea;
font-size:0.8em;
}
.terminKalender td div{
padding: 4px 0 0 4px;
font-size:1em;
}
.terminKalender td div.terminKalenderTerminbox{
padding:0 3px 0 4px;
border-top:dashed 1px gray;
color: #000000;
cursor: pointer;
}
.terminKalender td.empty{
background:transparent;
}
.contactForm{
}
.contactForm fieldset{
border:0;
}
.contactForm fieldset legend{
font-weight:bold;
}
.contactForm fieldset ul{
margin: 10px;
}
.contactForm fieldset li{
list-style-type:none;
}
.contactForm fieldset li label{
float:left;
display:block;
width: 120px;
}
.contactForm fieldset li input{
width: 150px;
}
.contactForm fieldset li select{
width: 155px;
}
.contactForm fieldset textarea{
width: 450px;
height: 200px;
}
.termineInfo div.termin {
display: none;
}
ul.liste {
}
ul.liste li{
list-style-type: disc;
margin: 1px 15px;
}
li.liste{
list-style-type: disc;
margin: 1px 25px;
}
#wetlookImage{
position: relative;
z-index: 1;
left: -95px;
top: -20px;
}
* html #wetlookImage{
left: 50px;
top: -30px;
margin-top:-20px;
}
#schwammP{
z-index: 1;
position: relative;
top:-70px;
overflow: visible;
width: 10px;
}
#schwammImg{
position: absolute;
margin: 0 0 0 -35px;
}
/*
*/
#grafittidiv{
position: relative;
padding-bottom: 220px;
margin-bottom: 153px;
overflow: hidden;
border: solid 1px black;
z-index: 10;
}
#grafimg{
position: relative;
overflow: visible;
display: inline-block;
padding-bottom: 222px;
margin-bottom: 156px;
background: #ffffff url("/images/gallery/graffiti.jpg") no-repeat bottom;
z-index: 1;
}
* html #grafimg{
padding-bottom: 210px;
margin-bottom: 146px;
}
.azubiimg{
position: absolute;
left: 450px;
top: -70px;
width: 400px;
height: 273px;
background: url("/images/gallery/Azubis.jpg");
z-index: 1;
}
/*
#grafittidiv p ,#grafittidiv div{
z-index: 5;
position: relative;
}*/