﻿

body {
background-color:#d0d0cf;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, Sans-Serif;
color:#666;
padding:0px;
margin:0px;
text-align:center;
background-image: url(../Images/bg_body.gif);background-repeat:repeat-x;
}


h1 {
font-size: 16px;margin-top:0px;padding-top:0px;text-transform:uppercase;}


h2 {
font-size:14px;
}


h3 {
font-size:12px;
}

h4{font-size: 16px;margin:0px;padding:0px;text-transform:uppercase;line-height:18px;}



p {line-height:18px;word-spacing:1px;}



/*


#container {
width: 858px;
margin:auto;
padding: 20px;
background-color: #fff;}
*/

#container {
width: 858px;
padding: 20px;
background-color: #fff;
text-align:left;
margin:auto;
}

#header {
width: 858px;
padding: 0px;
margin: 0px;
}

#navigation {
width: 858px;
height: 36px;
padding: 0px;
margin: 5px 0px 28px 0px;
position: relative;
}

#content {
width: 858px;
padding: 0px;
margin: 0px 0px 20px 0px;
float:left;
}

#contentleft {
float: left;
width: 558px;
margin: 0px;
padding-left: 0px;}

#contentbig {
float: left;
width: 858px;
margin: 0px;
padding-left: 0px;}

#contentright {
float: right;
width: 286px;
margin: 0px;
padding: 0px;
}
#studiostartleft {
float: left;
width: 210px;
margin: 0px;
padding-left: 0px;
}

#studiostartright {
float: right;
width: 230px;
margin: 0px;
padding-right: 80px;
}

#clear {clear:both;height:0px;}

#certified {
width: 858px;
padding: 0px;
margin: 0px 0px 20px 0px;
}

#certifiedsmall {
font-size:10px;
}

#footer {
width: 858px;
padding: 0px;
margin: 0px 0px 20px 0px;
}

#footercontent {
background-image: url(../Images/footer_bg.gif);background-repeat:repeat-x;border-right: 1px solid #b6b6b6;border-left: 1px solid #b6b6b6;float:left;}
#quicklinks {width:544px;float:left;padding-left:10px;}
#service {
width:302px;float:right;}
#quickleft {width:200px;float:left;}
#quickright {
width:300px;float:right;padding-right:30px;}

.logosmall {padding-right:5px; padding-bottom: 5px;}
.footerpipe {color: #EC9824;}


#navcontainer{margin:0px 0px 0px 0px; position:absolute;width:858px;height:36px;left:0px;top:0px;overflow:hidden;}
#menu {list-style: none;padding:0px;margin: 0px;width: 858px;height: 36px;background:url(/Images/menu.gif) no-repeat;}
#menu ul{margin:0px; padding:0px;}
#menu li {list-style:none;position:absolute;margin:0px;padding:0px;}
#menu a {display: block;text-indent: -900%;height:36px;color:#CCC8B8;}

#menu .ueberuns {width: 160px;left:0px;}
#menu .ueberuns a:hover {background: url(/Images/menu.gif) 0px bottom no-repeat;}
#menu .ueberuns a.current {background: url(/Images/menu.gif) 0px bottom no-repeat;}

#menu .studios {width: 125px;left:160px;}
#menu .studios a:hover {background: url(/Images/menu.gif) -160px bottom no-repeat;}
#menu .studios a.current {background: url(/Images/menu.gif) -160px bottom no-repeat;}

#menu .konzepte {width: 124px;left:285px;}
#menu .konzepte a:hover {background: url(/Images/menu.gif) -285px bottom no-repeat;}
#menu .konzepte a.current {background: url(/Images/menu.gif) -285px bottom no-repeat;}

#menu .vorteile {width: 94px;left:409px;}
#menu .vorteile a:hover {background: url(/Images/menu.gif) -409px bottom no-repeat;}
#menu .vorteile a.current {background: url(/Images/menu.gif) -409px bottom no-repeat;}

#menu .lexikon {width: 163px;left:503px;}
#menu .lexikon a:hover {background: url(/Images/menu.gif) -503px bottom no-repeat;}
#menu .lexikon a.current {background: url(/Images/menu.gif) -503px bottom no-repeat;}

#menu .fv {width: 192px;left:666px;}
#menu .fv a:hover {background: url(/Images/menu.gif) -666px bottom no-repeat;}
#menu .fv a.current {background: url(/Images/menu.gif) -666px bottom no-repeat;}

.subbodyup {
background-color:white;
width:153px;
position:absolute;
left:3px;
top:-28px;
display:none;
background-image: url(/Images/navi_bg.gif);
background-repeat: repeat-x;
border-right: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
border-top: 0px solid gray;
padding:5px;
}

.substudios {
background-color:white;
width:114px;
position:absolute;
left:160px;
top:-28px;
display:none;
background-image: url(/Images/navi_bg.gif); background-repeat: repeat-x;
border-right: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
border-top: 0px solid gray;
padding:5px;
}

.substudios  a{
	display:block;
	background:url(/Images/BUPseperator.png) no-repeat bottom;
	padding-bottom:8px;
}

.substudios  a.last{
	display:block;
	background:none;
	padding-bottom:0px;
}

#nav_konzepte
{
    left:285px;
    width:113px;
}

.subkonzepte {
background-color:white;
width:120px;
position:absolute;
left:285px;
top:-28px;
display:none;
background-image: url(/Images/navi_bg.gif); background-repeat: repeat-x;
border-right: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
border-top: 0px solid gray;
padding:5px;
}

.subqualitaet {
background-color:white;
width:116px;
position:absolute;
left:416px;
top:-28px;
display:none;
background-image: url(/Images/navi_bg.gif); background-repeat: repeat-x;
border-right: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
border-top: 0px solid gray;
padding:5px;
}

#nav_about_bodyup a {color:#555;text-decoration:none;}
#nav_about_bodyup a:active {color:#000;text-decoration:underline;}
#nav_about_bodyup a:visited {color:#555;text-decoration:none;}
#nav_about_bodyup a:hover {color:#000;text-decoration:underline;}

#nav_studios a {color:#555;text-decoration:none;}
#nav_studios a:active {color:#000;text-decoration:underline;}
#nav_studios a:visited {color:#555;text-decoration:none;}
#nav_studios a:hover {color:#000;text-decoration:underline;}

#nav_konzepte a {color:#555;text-decoration:none;}
#nav_konzepte a:active {color:#000;text-decoration:underline;}
#nav_konzepte a:visited {color:#555;text-decoration:none;}
#nav_konzepte a:hover {color:#000;text-decoration:underline;}

#nav_qualitaet a {color:#555;text-decoration:none;}
#nav_qualitaet a:active {color:#000;text-decoration:underline;}
#nav_qualitaet a:visited {color:#555;text-decoration:none;}
#nav_qualitaet a:hover {color:#000;text-decoration:underline;}


/*Newsbox*/

#newsbox {width:286px;}
#newscontent{background-image: url(../Images/footer_bg.gif);background-repeat:repeat-x;border-right: 1px solid #b6b6b6;border-left: 1px solid #b6b6b6;}
#newscontent .newscontainer {padding:0px 10px 10px 10px;}
#newscontent .newscontainer ul{list-style:none;}
#newscontent h2 {font-size:14px;font-family:Arial, Verdana, Helvetica, Sans-Serif;text-decoration:none;margin:0px;padding:0px;}
#newscontent .teaser {}
#newscontent .image {}

#newsbox a:link, #newsbox a:active, #newsbox a:visited {font-size: 12px;font-family: Arial, Verdana, Helvetica, Sans-Serif;color:#666;text-decoration:none;}
#newsbox a:hover{font-size: 12px;font-family: Arial, Verdana, Helvetica, Sans-Serif;color:#666;text-decoration:underline;}

#newsbox .controller {text-align:right;padding-right:10px;}
#newsbox .controller a:link, #newsbox .controller a:active, #newsbox .controller a:visited {font-weight:bold;color: #EC9824;text-decoration:underline;}
#newsbox .controller a:hover{color:Black;}

/*Table Vorteile*/
.bodyup_table {border: solid 2px #bbb;font-size: 12px;margin-bottom: 6px;width:858px;}
.bodyup_table h2 {font-weight: bold;}
.bodyup_table th {border-bottom: solid 1px #bbb;}
.bodyup_table th, .bodyup_table td {padding: 7px;}
.bodyup_table .pro, .bodyup_table .medium, .bodyup_table .mini {margin: 3px;}
.bodyup_table .studio {color: #418500;}
.bodyup_table .right {border-left: solid 1px #bbb;font-weight: bold;}
.bodyup_table .row .last {border-bottom: solid 1px #bbb;}
.bodyup_table tr.odd {background: #f3f3f3;}
.bodyup_table .empty {background: #bbb;height:2px;margin:0px;padding:0px;line-height:0px;}
.bodyup_table sup {font-weight: normal;font-size: 13px;}
.bodyup_table .left {width: 28%;}
.subtitle_left {text-align: right;}
