/*
===============================================================
designgruppekoop
===============================================================
*/


/* IE 5, 4 / NS 4 Styles explizit */

body {
	font-family: Verdana, sans-serif;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	color:#000000;
	margin:0;
	padding:0;
	background-color: #a7a8aa;
	background-position: 0px;
}


a:link {color:#575759; text-decoration:none;}
a:visited {color:#575759; text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

#logo{
	position:absolute;
	top:30px;
	left:30px;
	width:107px;
	height:13px;
	z-index: 100;
	background-image: url(../images/designgruppekoop.gif);
	background-repeat: no-repeat;
}

#logo a {
	display: block;
	width: 107px;
	height: 13px;
	background-repeat: no-repeat;
}

#topcolumn {
	float: left;
	clear:both;
	width: 900px;
	height: 140px;
	background-color: #878889;
	display: block;	
}

#navi {
	position: absolute;
	height:28px;
	width:900px;
	z-index:100;
	padding-top: 0px;
	margin-top: 0px;
	top: 112px;
	left: 0px;
}

#contentcolumnbig {
	width: 900px;
	height: auto;
	margin: 0px;
	display: block;
	clear: both;
	float: left;
	background-color: #FFFFFF;
}

#bottom{	
	display: block;
	float: left; 
	width:900px; 
	height:130px;
	background-color: #878889;
	z-index: 4;
}



.clear{
	line-height:15px;
	clear:both;
}


.darkgray {
	background-color: #646567;
}

.gray {
	background-color: #B1B2B4;
}

.orange {
	background-color: #EC7405;
}

.orangelight {
	background-color: #F1923F;
}

	
.contenttext {
	font-size:12px;
	color: #646567;
	text-align: left;
	line-height: 16px;

}

.contentHead {
	font-size:12px;
	color:#ec7405;
	line-height: 16px;
}

.contenttext a {
	font-size:12px;
	color: #B1B2B4;
	text-decoration: none;
	background: url(../images/pfeil_rechts.gif) no-repeat 0 5px;
	padding-left: 15px;
}
.contenttext a:link {color:#B1B2B4; text-decoration:none;}
.contenttext a:visited {color:#B1B2B4; text-decoration:none;}
.contenttext a:hover {color:#EC7405; text-decoration:none;}
.contenttext a:active {color:#B1B2B4; text-decoration:none;}


.navbottom {
	font-size:9px;
	color: #C6C7C8;
	text-decoration: none;
}

.navbottom a:link {color:#C6C7C8; text-decoration:none;}
.navbottom a:visited {color:#C6C7C8; text-decoration:none;}
.navbottom:hover {color:#FFFFFF; text-decoration:none;}
.navbottom a:active {color:#C6C7C8; text-decoration:none;}

.topnav {
	font-size:10px;
	color: #FFFFFF;
	text-decoration: none;
}

.topnav:link {color:#FFFFFF; text-decoration:none;}
.topnav:visited {color:#FFFFFF; text-decoration:none;}
.topnav:hover {color:#FCD8B8; text-decoration:none;}
.topnav:active {color:#FFFFFF; text-decoration:none;}

#navcolumn {
	height: 320px;
	width: 180px;
	position: static;
	margin: 0px;
	padding-left: 0px;
}

.subnav {
	font-size:10px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
	line-height: 16px;
	color: #575759;
}
.subnav a:link {color:#B1B2B4; text-decoration:none;}
.subnav a:visited {color:#B1B2B4; text-decoration:none;}
.subnav:hover {color:#EC7405; text-decoration:none;}
.subnav a:active {color:#B1B2B4; text-decoration:none;}

.subnavActive {
	font-size:10px;
	color:#EC7405;
	text-decoration: none;
	background-image: url(../images/i_pfeil_schwarz.gif);
	background-repeat: no-repeat;
	background-position: 15px 3px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
	line-height: 16px;
}

.subnavActive a:link {color:#EC7405; text-decoration:none;}
.subnavActive a:visited {color:#EC7405; text-decoration:none;}
.subnavActive a:hover {color:#EC7405; text-decoration:none;}
.subnavActive a:active {color:#EC7405; text-decoration:none;}

.subSUBnav {
	font-size:10px;
	line-height: 16px;
	border-left-color: #B1B2B4;
	color: #B1B2B4;
}
.subSUBnav a:link {color:#B1B2B4; text-decoration:none;}
.subSUBnav a:visited {color:#B1B2B4; text-decoration:none;}
.subSUBnav a:hover {color:#EC7405; text-decoration:none;}
.subSUBnav a:active {text-decoration:none; clear: none;}

.subSUBnav:link {color:#B1B2B4; text-decoration:none;}
.subSUBnav:visited {color:#B1B2B4; text-decoration:none;}
.subSUBnav:hover {color:#EC7405; text-decoration:none;}
.subSUBnav:active {text-decoration:none; clear: none;}

.subSUBnavActive {
	font-size:10px;
	color:#EC7405;
	text-decoration: none;
	line-height: 16px;
}

.navAbstand {
	padding-left: 30px;
}

.subSUBnavActive a:link {color:#EC7405; text-decoration:none;}
.subSUBnavActive a:visited {color:#EC7405; text-decoration:none;}
.subSUBnavActive a:hover {color:#EC7405; text-decoration:none;}
.subSUBnavActive a:active {color:#EC7405; text-decoration:none;}


.subSUBnavActive:visited {color:#EC7405; text-decoration:none;}
.subSUBnavActive:hover {color:#EC7405; text-decoration:none;}



.subSUBpfeilActive {
	font-size:10px;
	color:#6f6f6f;
	text-decoration: none;
	background-image: url(../images/i_pfeil_schwarz.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 15px;
	line-height: 16px;
}

.subSUBpfeilActive a:link {color:#6f6f6f; text-decoration:none;}
.subSUBpfeilActive a:visited {color:#6f6f6f; text-decoration:none;}
.subSUBpfeilActive a:hover {color:#6f6f6f; text-decoration:none;}
.subSUBpfeilActive a:active {color:#6f6f6f; text-decoration:none;}

.subSUBpfeil {
	font-size:10px;
	color:#B1B2B4;
	text-decoration: none;
	background-image: url(../images/pfeil_rechtsHELL.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 15px;
	line-height: 16px;
}

.subSUBpfeil a:link {color:#B1B2B4; text-decoration:none;}
.subSUBpfeil a:visited {color:#B1B2B4; text-decoration:none;}
.subSUBpfeil a:hover {color:#B1B2B4; text-decoration:none;}
.subSUBpfeil a:active {color:#B1B2B4; text-decoration:none;}

.navbottomActive {

	font-size:10px;
	color: #FFFFFF;
	text-decoration: none;
}


#weiss_infobox {
  font-family: verdana, arial;
  font-size: 10px;
  color: #575759;
  text-decoration:none;
  font-weight: normal;
  }

#weiss_infobox a:link{
	display:block;
	color: #575759;
}

#weiss_infobox a:visited{
	display:block;
	color: #575759;
}

#weiss_infobox a:hover{
	color: #FFFFFF;
}

#weiss_infobox a:active{
	color: #FFFFFF;
}

  
.dunkel_infobox {
  font-family: verdana, arial;
  font-size: 10px;
  color: #000000;
  text-decoration:none;
  font-weight: normal;
  line-height: 8px;
  width: 100px;
  height: 80Px;
  z-index: 300;
  top:140px;
  left:70px;
  position:absolute;
  }

/* -------------------------------------------
  Für die Auswahl der CSS-Styles durch den User
*/

/* !!! display:none muß direkt im Tag angegeben werden, sonst funktioniert das Script zum ein und ausblenden nicht!!!  */
#cssSwitcher
{
 background: url(../images/hg_auswahl.gif) no-repeat 0 0px;
 padding: 10px 10px 10 10px;
 margin-right: -3px;
 font-size: 10px;
}

#cssSwitcher a:link{
	display:block;
	color: #575759;
	line-height: 11px;
}

#cssSwitcher a:visited{
	display:block;
	color: #575759;
	line-height: 11px;
}

#cssSwitcher a:hover{
	color: #FFFFFF;
	font-weight: bold;
}

#cssSwitcher a:active{
	color: #FFFFFF;
	font-weight: bold;
}

#cssSwitcher a:focus{
	color: #FFFFFF;
	font-weight: bold;
}


/* Startseite 
******************************** */

#startcolumnbig {
   width: 900px;
   height:560px;
   margin: 0px;
   display: block;
   clear: both;
   float: left;
   background: #EC7405 url('../images/start/start_bg.jpg') no-repeat top left;
}

.startBox {
	width:220px;
	height:80px;
	background-color:#9C9D9F;
    margin-bottom:30px;
	clear:both;
    float:right;
    cursor:pointer;
}

.startBoxText {
	text-align:left;
	padding:4px 4px 4px 8px;
	font-size:9px;
    line-height:13px;
    color:#FFFFFF;
    text-decoration:none;    
    letter-spacing:0;
}

.startBoxText a {
	font-size:9px;
    line-height:13px;
    color:#FFFFFF;
    text-decoration:none;    
}

a.startboxTeaser {
    color:#FFFFFF;
}

.startBox p {
	color:#FFFFFF;
	margin:0;
    padding:0;
	font-size:9px;
}

#startKontakt {
	margin-left:30px;
    margin-bottom:25px;

	color:#FFFFFF;
	font-size:10px;
	line-height:17px;    
}

#startKontakt a {
	color:#FFFFFF;
	font-size:10px;
	line-height:17px;    
    text-decoration:none;
}
#startKontakt a:hover {
    text-decoration:underline;
}