/*==========================================================*/
/*================ GRUNDSTRUKTUR + FRAMES ====================*/
/*==========================================================*/

html {
  height: 	100%;
  margin: 	0px;
  padding: 	0px;
}

body {
  margin: 			0px;
  height: 			100%;
  padding:			0px;
  background-color: #ffffff;
  height:			100%;
}

/*==========================================================*/
/*========================TEXTFORMATE====================*/
/*==========================================================*/

td {
  font-family: 	Arial;
  font-size: 	12px;
}

A {
  color: 			#000000;
  text-decoration: 	underline;
}

font.smallbold {
  font-size: 	11px;
  font-weight: 	bold;
}

input.submit {
  background-color:	#ffffff;
  font-size:		10px;
  font-weight:		bold;
  border:			none;
}
input.submit:hover {
  text-decoration:	underline;
}
input.inputtext {
  height:		16px;
  font-size:	11px;
}
/*========================Metanavigation (Top)=======================*/
a.navigation-top {
  text-decoration: 	none;
  background-color: #D7DDED;
  font-size: 		10px;
  letter-spacing:	1px;
  padding-left:		12px;
  padding-right:	12px;
  color:			#000000;
}
a.navigation-top:hover {
  text-decoration: 	underline;
}
font.navigation-top {
  background-color: #D7DDED;
  font-size: 		8px;
}
.octa_meta{
  margin: 			0px;
  padding: 			0px;
  padding-left: 	1px;
  padding-right:	1px;
}
.lang_selected{
  display: 	none;
}
/*======================== Hauptnavigation (Subtop)=======================*/
a.navigation-subtop {
  text-decoration: 	none;
  font-size: 		11px;
  font-weight: 		bold;
  letter-spacing:	1px;
}
a.navigation-subtop:hover {
  text-decoration: 	underline;
}
a.navigation-subtop-active {
  text-decoration:	none;
  font-size: 		11px;
  font-weight: 		bold;
  letter-spacing:	1px;
  color:			#000080;
}
font.navigation-subtop {
  background-color: #D7DDED;
  font-size: 		10px;
  margin-left:		5px;
  margin-right:		5px;
}
/*========================Feinnavigation (Left)=======================*/
a.navigation-left {
	font-size: 			11px;
	text-decoration:	none;
	letter-spacing:		1px;
	color:				#ffffff;
	/*padding-left:		3px;*/
	padding-right:		8px;
}
a.navigation-left:hover {
	font-size: 			11px;
	text-decoration:	underline;
	color:				#ffffff;
  }
a.navigation-left-active {
  font-size: 		11px;
  text-decoration: 	none;
  color:			#000000;
  letter-spacing:	1px;
  /*padding-left:		3px;*/
  padding-right:	8px;
}
a.navigation-left-active:hover {
  font-size: 	11px;
  color:		#ffffff;
}
td.arrow-navigation {
  font-size: 	11px;
  color:		#ffffff;
  width: 		10px;
}
/*========================Feinnavigation (Left) ebene 2=======================*/
a.navigation-left-small {
  font-size: 		10px;
  text-decoration: 	none;
  font-weight: 		bold;
  letter-spacing:	1px;
  color:			#ffffff;
  /*padding-left:		3px;*/
  padding-right:	8px;
}
a.navigation-left-small:hover {
  text-decoration: 	underline;
  color:			#ffffff;
  }
a.navigation-left-small-active {
  font-size: 		10px;
  text-decoration: 	none;
  font-weight: 		bold;
  color:			#000000;
  letter-spacing:	1px;
  /*padding-left:		3px;*/
  padding-right:	8px;
}
a.navigation-left-small-active:hover {
  color:			#ffffff;
}
td.arrow-navigation-small {
  font-size: 		10px;
  width: 			5px;
  text-decoration: 	none;
  font-weight: 		bold;
  color:			#ffffff;
}
a.navigation-left-big {
  font-size: 		10px;
  text-decoration: 	none;
  font-weight: 		bold;
  letter-spacing:	1px;
  color:			#ffffff;
  padding-left:		3px;
  padding-right:	8px;
}
a.navigation-left-big:hover {
  text-decoration: 	underline;
  color:			#ffffff;
  }
a.navigation-left-big-active {
  font-size: 		10px;
  text-decoration: 	none;
  font-weight: 		bold;
  color:			#000000;
  letter-spacing:	1px;
  padding-left:		3px;
  padding-right:	8px;
}
a.navigation-left-big-active:hover {
  color:			#ffffff;
}
td.arrow-navigation-big {
  font-size: 		10px;
  width: 			10px;
  text-decoration: 	none;
  font-weight: 		bold;
  color:			#ffffff;
}
/*=======================Link auf Hotspots=========================*/
a.hotspot {
  text-decoration: 	none;
  font-weight: 		bold;
  color:			#000080;  
}
a.hotspot:hover {
  text-decoration: 	underline;
  font-weight: 		bold;
  color:			#000080; 
  }
/*==========================Kontaktbox==========================*/
div.kontaktbox{
	padding-left:			31px;
	padding-bottom: 		31px;
	margin-top:				137px;
	border-bottom-style:	solid;
	border-bottom-color:	#FFFFFF;
	border-bottom-width:	2px;
}
/*========================TypO3 Änderungen=======================*/
p.bodytext {
	margin:			0px;
	padding:		0px;
	/*padding-bottom:	23px;*/
	margin-bottom:	5px;
	line-height:	1.4em	
}
.headline {
	font-weight:	bold;
	margin:			0px;
	padding:		0px;
	margin-bottom:	10px;
	/*padding-top:	20px*/
	margin-top:	14px;		
}
.headline1 {
	font-weight: 	bold;
	margin:			0px;
	padding:		0px;	
	margin-bottom:	10px;
}
.headline2 {
	color:			#000080;
	font-size: 		20px;
	font-weight:	bold;
	margin:			0px;
	padding:		0px;
	margin-bottom:	10px;
	margin-top:	14px;		
}
.headline3 {
	color:			#000080;
	font-size: 		20px;
	font-weight:	bold;
	margin:			0px;
	padding:		0px;
	margin-bottom:	10px;	
}
h3 {
	font-weight: 	bold;
	margin:			0px;
	padding:		0px;
}
.csc-textpic-caption{
	font-size: 		10px;
	margin:			0px;
	padding:		0px;
}
.csc-textpic-intext-left-nowrap , .csc-textpic-intext-right-nowrap
{
	padding:		0px;
	margin-top:	14px;	
}
/**********************News List*********************/
div.news_single_headline {
	font-weight: 	bold;
	margin-top:		10px;
	margin-bottom:	2px;
}
p.news_list_sub {
	margin: 		0px;	
}
div.news_list_link {
	margin: 		0px;
}
/**********************News Single*********************/
div.news-single-item{
	margin: 		0px;
}
div.news_single_sub{
	font-weight: 	bold;
	margin-bottom:	10px;
}
div.news_single_content{
}
/**********************Referenzen********************************/
.refItem
{
	font-family: 	Arial;
	font-size: 		12px;
	width:			535px;
	padding:		0px;
	padding-right:	0px;
	border: 		0px;	
}
.refText
{
	vertical-align:	top;
	width:			300px;
}

.refText .bodytext
{
	vertical-align:	top;
	padding-top:	5px;
	margin-top: 	0px;
}
.refKat
{
	
	padding-right:	5px;
	padding-top:	5px;
	vertical-align:	top;
}
.refHead
{
	font-weight:	bold;
	padding-top:	5px;	
	vertical-align:	top;
	height: 		1px;
}
.refSingleHead
{
	color:			#FF8400; 
	font-size: 		20px;
	font-weight:	bold;
	padding-top:	5px;
	padding-bottom:	10px;	
	vertical-align:	top;
	height: 		1px;
}
.refImage
{		
	margin-right:	0px;
	text-align: 	left;	
	vertical-align:	top;
	height:			100%;
	width:			160px;
	
	padding:		5px;
	padding-left: 	0px;
}
.refLink a
{
	font-family: 	Verdana, Arial, Helvetica, sans-serif; 
	font-size: 		11px; 		
	font-weight: 	normal; 
	color: 			#000000; 
	text-decoration:none;	
}
.refLink
{	
	vertical-align:	top;
	padding-bottom:	10px;
}
.refTextShow, .refTextShow, .refBack
{
	vertical-align:	top;	
	line-height:	12px;
	width:			340px;
	line-height:	1.4em
}
.refTextShow ,.refBack 
{
	font-size:		12px;
}
.refBack
{
	text-align:		left;
}
/******************************Kunden******************************/
.cusItem
{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	width:			500px;
	padding:		0px;
	padding-right:	0px;
	border:			1px solid #EBEEF6;
	margin-bottom:	15px;
}
.cusText
{	
	font-size:		12px;
	padding-left:	10px;
	padding-right:	10px;
	border-left:	1px dashed #EBEEF6;
}
.cusImage
{		
	margin-right:	4px;
	text-align: 	center;	
	vertical-align:	center;
	height:			100%;
	width:			180px;	
	padding:		5px;	
}
.cusHead
{
	
	font-weight:		bold;
	font-size:			14px;
	background-color:	#EBEEF6;
	color:				#000000;
	width:				100%;
	margin:				0px;
	margin-bottom:		4px;
	padding:			2px;
}
.cusText a
{
	text-align: 		right;
	text-decoration:	underline;
	color: 				#000000;
	font-size:			10px;
	
}
#content-left-links {
	padding-left:11px;
}
#content-left-links a {
	color:#444444;
}

p.bodytext {
	text-align:justify;
}

.lang_to_sel {
display:none;
}

h4{
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	font-size:12px;
}