/* CSS Document */


body {
	font-family: Tahoma, Verdana, sans-serif;

	font-size: 12px;
	
	color: #202B33;
	
	margin: 0;
	
	padding: /*oben*/ 0 /*rechts*/ 0 /*unten*/ 0 /*links*/ 0;



	text-align: center;

	background-color: #E8EBED;

	background-image: url(../images/bg1.jpg);
	background-repeat: repeat;

}



p {


	margin: 0px;
	padding: 0px;

}


#bg {

	width: 950px;
	height: 760px;

	margin: 0 auto;

	padding-top: 0px;

	text-align: left;



}

#navi {  }


#container {

	float: right;

	width: 950px;
	height: 760px;

	text-align: left;

	margin-top: 24px;


	
}

* html #container {

	width: 950px;
	w\idth: 950px;
	



}


#container2 {

	width: 950px;
	height: 660px;

	text-align: left;

	border-style: solid;
	border-width:  0px;
	border-color: #102D3A;

	background-color: #fff;
	
		background-image: url(../images/main-bg.jpg);
		background-repeat: repeat;
	
}

* html #container2 {

	width: 950px;
	w\idth: 950px;
	



}


#header {

	width: 950px;
	height: 120px;
	
	padding: 0px;
	
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;

}

#maintop {

	width: 950px;
	height: 12px;
	
	background-image: url(../images/main-top.jpg);
	background-repeat: no-repeat;

}

#mainbottom {

	width: 950px;
	height: 12px;
	
	background-image: url(../images/main-bottom.jpg);
	background-repeat: no-repeat;

}

#navigation { 

	width: 250px;
	
	margin-top: 11px;
	
 }





#navi {

	float: left;
	
	margin-left: 18px;
	
}

* html  #navi {


m\argin-left: 9px; 

}



#navibg {

	float: left;
}

#navimenu {

	float: left;

	background-image: url(../images/navi-bg.gif);
	background-repeat: repeat;
	
	padding-left: 6px;
	padding-right: 0px;
	padding-top: 7px;
	padding-bottom: 9px;

}

#contentbox {

	height: 390px;

}



#boxleft {


	
		
	width: 600px;
	height: 410px;

	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: -20px;
	
	padding: 10px;
	padding-top: 0px;
	padding-left: 0px;
	


}

* html #boxleft {

	width: 580px;
	w\idth: 580px;
	
	margin-bottom: 0px;
	m\argin-bottom: 0px;
	
	}



#left {

	float: left;

	width: 670px;
	height: 636px;
	
	margin: 10px;
	margin-top: 22px;
	margin-left: 8px;
	
	border-style: solid;
	border-width: 1px;
	border-color: #EEF1F7;
	

	

}


* html #left {

	width: 670px;
	w\idth: 670px;
	
	}



#boxleftrefdetail {

	float: left;

	width: 560px;
	height: 344px;
	
	background-image: url(../images/bg-ref-detail.jpg);
	background-repeat: no-repeat;

}


#boxlefttop {

	height: 93px;

	line-height: 18px;

	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;


}

#boxlefttopref {

	height: 4px;

	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 18px;


}

* html #boxlefttopref {

	padding-top: 30px;
	p\adding-top: 30px;
	
	padding-bottom: 10px;
	p\adding-bottom: 10px;

}

#boxleftbottom {
		
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 10px;
	padding-bottom: 8px;

}

* html #boxleftbottom {

	padding-top: 25px;
	p\adding-top: 25px;
	
	padding-bottom: 5px;
	p\adding-bottom: 5px;

}


#boxleftbottomref {
		
	
	height: 175px;
		
	padding-top: 0px;
	padding-left: 28px;
	padding-right: 10px;
	padding-bottom: 8px;

}

* html #boxleftbottomref {

	height: 184px;

	padding-top: 0px;
	p\adding-top: 0px;
	
	padding-bottom: 5px;
	p\adding-bottom: 5px;

}


#refhighpic {
	
	float: left;

	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 8px;

}


#bigbottomgrafik {  }









#right {


	float: left;
	
	width: 258px;

	

}




#boxright {


	float: left;

	margin: 0px;
	
	padding: 10px;
	
	width: 231px;
	height: 259px;

}



	

#boxrighttop {

	
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	
	margin-left: 16px;
	
	color: #AAAA64;
	
	background-image: url(../images/bg_boxrighttop.jpg);
	background-repeat: no-repeat;

}

#boxmg {

	height: 51px;

	width: 258px;
	
	padding-top: 0px;
	padding-left: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	
	margin-left: 15px;
	
	color: #202B33;
	
	font-size: 14px;
	
	background-image: url(../images/bg-mg.jpg);
	background-repeat: no-repeat;

}


#mgtext {

	float: left;
	padding-right: 3px;
	padding-left: 6px;
	padding-top: 10px;
	
	width: 195px;

}


* html #mgtext {
	
	width: 205px;
	w\idth: 205px;


}

#mgtextabschluss {

	float: left;
	padding-right: 15px;
	padding-left: 10px;
	padding-top: 5px;
	

	
	color: #202B33;
	
	font-size: 12px;
	

}



#mglogo {

	padding-top: 7px;

}


#mgabschluss {

	width: 258px;
	height: 143px;
	
	
	padding-top: 0px;
	padding-left: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	
	margin-left: 15px;
	
	color: #202B33;
	
	font-size: 14px;
	
	background-image: url(../images/mg-abschluss.jpg);
	background-repeat: no-repeat;

}





#boxrightboxes {


	width: 258px;

	padding-top: 10px;
	padding-left: 32px;
	padding-right: 4px;
	padding-bottom: 5px;
	
	margin-left: 15px;
	


}


* html #boxrightboxes {

	width: 225;
	w\idth: 225px;


}

#boxrightboxesshadow {

	
	width: 225px;


	padding-top: 7px;
	padding-left: 6px;
	padding-right: 0px;
	padding-bottom: 5px;
	
	margin-left: 6px;
	
	background-image: url(../images/boxes-shadow.jpg);
	background-repeat: no-repeat;


}

#boxrightseitenlinks {

color: #8D9095;

	line-height: 15px;


	width: 215px;

	padding-top: 0px;
	padding-left: 6px;
	padding-right: 4px;
	padding-bottom: 5px;
	
	margin-left: 6px;

}



a img {
	border-width: 0px;
}






a:link, a:visited {
	text-decoration: none;
	color: #202B33;
	
}


a:hover {
	text-decoration: underline;
	color: #FFB200;
	
	}
	
	
	
a.bg:link, a.test:visited {
	text-decoration: none;
	color: #8D9095;

	
}


a.bg:hover {
	text-decoration: underline;
	color: #000000;
	
	background-color: #FFB630;
	
	}


#bottom {

	float: left;

	margin-bottom: 30px;

}






h2 {

	color: #202B33;

}

.navi {

	margin: 0px;
	padding: 0px;
	
	background-color: #fff;
	
	width: 250px;
	

}


.navi li {


	
	
	
	list-style-type: none;
	
	
	margin-top: 2px;
	margin-bottom: 3px;
	padding: 0px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;

	color: #202B33;

}




.navi li a:link, a:visited {


	display: block;
	
	color: #202B33;

}










.subnavi {

	margin: 0px;
	padding: 0px;

}


.subnavi {


	
	
	list-style-type: none;

	
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-left: 0px;

	color: #FF9600;

}

.subnavi li {


	
	
	list-style-type: none;

	
	margin-top: 0px;
	margin-bottom: 1px;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 10px;

	color: #FF9600;

}

.subnavi ul li a:link, a:visited {


	display: block;
	
	color: #202B33;

}


/* Kiwi-Slider CSS */





.tx-kiwislider-pi1 {

	width: 600px;
	height: 360px;

	background-color:#fff; /* vollst�ndiger Hintergrund */
	color:#182837;
	font-weight:bold;
	
}

 DIV.tx-kiwislider-pi1 { margin: 0px; margin-left: 25px;  padding: 0px;}



  DIV.tx-kiwislider-pi1 DIV.scroll {border-style: solid; border-width:  1px; border-color: #D8DEEC; width: 600px; height: 337px; background-image: url(../images/bg1.jpg) ;	background-repeat: repeat;}
  DIV.tx-kiwislider-pi1 DIV.scroll DIV.scrollContainer DIV.panel {border: 0px; } /*bg 2. und 3. Screen*/
  DIV.tx-kiwislider-pi1 DIV.scroll DIV.scrollContainer DIV#panel104 {border: 0px;} /*bg erster Screen*/
  
  
  DIV.tx-kiwislider-pi1 DIV.scroll DIV.scrollContainer DIV.panel { width: 640px; height: 360px;}  /* Gr��e der 3 Panels! */


  

DIV.tx-kiwislider-pi1 .navigation li A { background-color: #fff; color: #202B33; padding: 14px;  margin: 0px; border: 0px;}
 
 
 
 
 /*SLIDER*/
 

.tx-kiwislider-pi1 .navigation a{
color:#202B33 !important;
text-decoration:none;
display:block;

}
.tx-kiwislider-pi1 li a.selected, .tx-kiwislider-pi1 li a:hover{
background:#7D828B url(../images/bg-but1.jpg) repeat;





}

.tx-kiwislider-pi1 ul{
padding:0;
margin:0;
list-style:none;

}

.tx-kiwislider-pi1 li{
float:left;

padding: 0px;

border:1px solid #E1E4E4;
border-bottom: 0px;



}
#verteiler .tx-kiwislider-pi1 li{  }
.tx-kiwislider-pi1 img{
border:none;
}
.tx-kiwislider-pi1 a.coda-links{  }
.tx-kiwislider-pi1 a.coda-rechts{  }

.scrollContainer h1, .scrollContainer .csc-header-n1 h1, .scrollContainer h2{
color:#91A0AB !important;
font-size:160% !important;
margin:0px 0 !important;

padding:0 !important;

border:none !important;
font-weight:bold !important;
}
.scrollContainer a{
display:block;
margin-top:6px;
color:#8393A1;
}
.scrollContainer img{
float:left;
margin-right:14px;
}

.scroll {



overflow: auto;
overflow-x: hidden;
position: relative;

}
#verteiler .scroll {
border-top:1px solid #9C9C9C;
}
.scrollContainer div.panel {
padding: 0 20px;

}

.scrollButtons {

cursor: pointer;
z-index:100;

}
#verteiler .scrollButtons {
background:url(../images/bg-but1.jpg) no-repeat top;
}

.scrollButtons.left {
left: 0px;
}

.scrollButtons.right {
right: 0px;
}


.csc-firstHeader {

	font-size: 18px;
	
	padding: 0px;
	margin: 0px;

}


.tx-mdasearchbycategories-pi1-prefix {

	width: 220px;

}


a:link, a:visited { 

	display: inline;

}


/* div with the gallery inside */
#ext-thumbnails{
  height:590px;
  text-align:center;
  margin:0 20px;
  border:1px solid #333;
  width:510px;
  padding:5px;
  background-color:#eee;
}

/* div around the imgs */
.carouselWrapper {

}

/* single thumbnail */
.thumbnail{
  float:left;
  padding:4px;
  border:1px solid #ccc;
  background:#fff;
  margin:5px;
}

/* label = title of an image */
.label {
  font-weight:bold;
}

/* number of the image */
.number {
  font-weight:normal;
  font-style:italic;
}


.tx-rgsmoothgallery-pi1 {
  float:left;
}
 
#externalthumbs {
  float:left;
  width:200px;
}
 
#externalthumbs .label {
  display:none;
}
.carouselInner {
  width:205px;
}
 
.carouselInner .thumbnail {
  float:right;
  padding-bottom:10px;
}


.bodytext {

	padding-left: 11px;
	padding-right: 40px;
	
		

}


ul.navi li { 

	width: 250px;
	height: 20px;
	

	margin: 0px;
		padding: 0px;
		padding-left: 7px;
		padding-top: 6px;
	
	background-image: url(../images/bg-navi.gif);
	background-repeat: no-repeat;
	
 }
 
.rgsnav2 {

	width: 350px;

}