* {
padding: 0;
margin: 0
}
a:focus {
outline: none
}
html, body	{
font-family: Arial, Helvetica, sans-serif;
background: #EAEBED;
font-size: 101%;
color: #555;
padding-bottom:1px
}
.error {color:#f60}
#center	{
text-align: center
}
/*--------------- seitenfenster ---------------*/
#box {
position:relative;
margin: 10px auto 20px auto;
text-align:left;
width:993px;
background: url(../images/layout/boxbg.jpg) repeat-y
}

/*------------------ logo ------------------------*/
#logo {
float:left;
width: 262px;
height:195px;
background: url(../images/layout/logo.jpg) no-repeat
}
#logo h1 {
text-indent:-9999px
}
/*------------------ inhaltscontainer --------------------*/
#content {
float:left;
margin: -195px 0 0 0;
text-align:none;
padding: 55px 15px 50px 15px;
overflow:visible;
min-height:600px;
width: 431px;
_width: 461px;
/*height:1565px;*/
background: url(../images/layout/contentbg.jpg) no-repeat
}

/*----------------- fotoliste ------------------*/
#content ul.magnifipics {
overflow:visible;
padding:0;
width:430px
}
#content ul.magnifipics li {
position:relative;
float:left;
overflow:visible;
padding:0;
height:79px;
width:110px;
margin:20px 34px 30px 0;
list-style-type:none;
border:5px solid #fff;
text-align:center;
cursor:default
}
#content ul.magnifipics li:hover {
z-index:3
}
#content ul.magnifipics li img, #content ul.magnifipics li a img {
position:relative;
height:79px;
width:110px
}
#content ul.magnifipics li a img {
border:0
}
#content ul.magnifipics li:hover img, #content ul.magnifipics li a:hover img {
position:relative;
left:-80px;
top:20px;
z-index:3;
width:400px;
height:auto;
border-left:9px solid #fff;
border-right:9px solid #fff;
border-bottom:9px solid #fff
}
#content ul.magnifipics li span {
display:block;
margin:5px 0 0 0;
font-size:11px
}
#content ul.magnifipics li:hover span {
position:absolute;
top:20px;
left:-71px;
margin:0;
padding:7px 0;
width:400px;
z-index:10;
background:#fff;
font-size:13px;
cursor:default
}
/*--------------global list format  ----------*/
#adress ul, #fotos ul, #navi ul, .kontakt ul {
margin:0;
overflow:hidden;
list-style-type:none
}
/*--------------------------------------------*/
#adress {
float:right;
margin: -195px 0 0 0;
+margin: 0;
font-size:13px;
width: 270px;
height:195px;
background: url(../images/layout/adressbg.jpg) no-repeat
}
#adress ul {
padding:31px 0 0 24px;
+padding:42px 0 0 34px
}
#adress ul li {
list-style-type:none;
margin: 5px 0 0 0
}
#adress ul li label {
float:left;
width:55px
}


/*--------------------------------------------*/
#zert {
float:left;
position:relative;
width: 270px;
background: url(../images/layout/fotosbg.jpg) no-repeat
}
#zert ul {
margin: -6px 0 0 0;
padding: 0 0 0 0
}
#zert ul li {
margin: 0 0 -3px 0
}
#zert h3 {
width:193px;
color:#444;
text-align:center;
font-weight:100;
font-size:12px;
letter-spacing:-1px
}
#zert h3#iso {
background: url(../images/zertifikat.jpg) no-repeat;
padding:115px 0 0 0;
margin:10px 0 15px 30px
}
#zert h3#dvpz {
background: url(../images/dvpz.jpg) no-repeat;
padding:67px 0 0 0;
margin:10px 0 10px 30px
}
#zert h3#iaf {
background: url(../images/iaf.jpg) no-repeat;
padding:102px 0 0 0;
margin:10px 0 10px 30px
}
#zert h3#drraidl {
background: url(../images/drraidl.jpg) no-repeat;
padding:102px 0 0 0;
margin:10px 0 10px 30px
}
/*---Navigation Ebene 1 -----------------------------------------*/
#navi {
clear:left;
float:left;
width:262px;
padding:0 0 30px 0;
background: url(../images/layout/navibg.jpg) no-repeat
}
#navi ul {
padding:10px 0 0 35px;
margin: 0 0 50px 0;
width:209px;
_width:245px
}
#navi ul li {
border-top: 1px solid #fff;
border-bottom: 1px solid #bbb
}
#navi ul li.start {
border-top: 0px solid #fff;
border-bottom: 1px solid #bbb
}
#navi ul li.end {
border-top: 1px solid #fff;
border-bottom: 0px solid #bbb
}
#navi ul li a {
display:block;
font-size:13px;
padding:5px 0 6px 14px;
color:#555;
text-decoration:none
}
#navi ul li a:hover {
color:#606060;
background:#f3f3f3
}
#navi ul li a.wechsel {
background:#aaa;
color:#fff
}

#navi ul li a.activ {
color:#606060;
background:#f3f3f3
}
/*--- Ebene 2 ---*/
#navi ul ul {
/*display:none;*/
margin: 0;
padding:4px 0 12px 20px;
background: #f6f6f6
}
#navi ul ul li {
border:0;
padding: 0 0 0 0;
list-style-type: none
}
#navi ul ul li a {
font-size:.8em;
color:#606060;
text-decoration:underline;
padding: 0
}
#navi ul ul li a:hover {
text-decoration:none
}
/*--- Ebene 3 ---*/
#navi ul ul ul {
padding:4px 0 8px 0px;
background: #fff;
width:182px
}
#navi ul ul ul li {
border:0;
margin: 0 0 0 20px;
padding: 3px 0 0 0;
list-style-type: disc;
font-size:12px;
}
#navi ul ul ul li a {
font-size:12px;
color:#606060;
text-decoration:underline;
padding: 0
}
#navi ul ul ul li a:hover {
text-decoration:none
}
/*--------------------------------------------*/
#footer {
clear:left;
width:993px;
height: 42px;
color: #555;
background: url(../images/layout/footer.jpg) no-repeat
}
#footer p.copyright {
float:left;
font-size:.75em;
padding: 0 0 0 53px;
margin: -20px 0 0 0;
position:relative;
z-index:2
}
/*------------- schriften ----------------------*/
#content h1 {
color:#555;
font-size:18px;
font-weight:100;
margin: 0 0 13px 0;
}
#content h2 {
color:#555;
font-size:12px;
font-weight:600;
margin: 0 0 13px 0
}
#content .aktuellbox h1 {
color:#999;
font-size:.9em;
font-weight:600;
text-decoration:underline
}
#content p, #content table td {
font-size:12px;
margin: 0 0 10px 0
}
#content a {
color:#555;
font-size:12px
}
#content a:hover {
text-decoration: none
}
#content ul {
font-size:12px;
margin:0;
padding:0 0 0 20px
}
#content ul li {
padding: 2px 0
}
#adress li h1, #adress2 li h1, #fotos ul ul.opplan li h1 {
margin:0 0 7px 0;
font-size:16px;
font-weight:600
}
#adress a {
text-decoration:none;
color:#555
}
#adress a:hover {
text-decoration:none
}
/*----------------- bottomlinks --------------------*/
ul#bottomlinks {
position:absolute;
bottom:50px;
overflow:hidden;
text-align:center;
width:395px
}
ul#bottomlinks li {
display:inline;
font-size:11px;
list-style-type:none;
margin:0 3px
}
ul#bottomlinks li a {
}
/*----------------- OP-PLAN --------------------*/
#navi ul.opplan {
padding:0 0 10px 46px;
margin:10px 0 0 0;
color:#555;
width:186px
}
#navi ul.opplan li {
margin: 0 0 4px 0;
border:0
}
#navi ul.opplan li h1 {
font-size:14px
}
#navi ul.opplan li label {
float:left;
width:65px;
font-size:14px;
margin: 3px 0 0 0
}
#navi ul.opplan li input.feld {
color:#555;
width:117px;
height:15px;
font-size:.75em;
padding:1px;
border:1px solid #777;
background:#fff
}
#navi ul.opplan li input.error_input{
	background-color:#ffe6cc;
	border: 1px #f90 solid
}
#navi ul.opplan li input.submit {
margin:5px 0px 5px 0;
padding:0 0 2px 0;
width:75px;
height:22px;
color:#444;
font-size:.7em;
border:1px solid #777;
background: #fff;
float:right
}
iframe {
border:1px solid #aaa
}