/********* basics *********/
html, body {
	/*background-color: #264154;*/
	margin:0;
	width:100%;
	height:100%;
	text-align:center; /*fixes IE9 margin:0 auto; issue*/
	background: #94bdde; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5NGJkZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MSUiIHN0b3AtY29sb3I9IiM3NWE4ZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDk4YWJmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #94bdde 0%, #75a8d1 41%, #498abf 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#94bdde), color-stop(41%,#75a8d1), color-stop(100%,#498abf)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #94bdde 0%,#75a8d1 41%,#498abf 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #94bdde 0%,#75a8d1 41%,#498abf 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #94bdde 0%,#75a8d1 41%,#498abf 100%); /* IE10+ */
background: radial-gradient(center, ellipse cover,  #94bdde 0%,#75a8d1 41%,#498abf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94bdde', endColorstr='#498abf',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
	
 div, p, h1, h2, h3, a, table, td, form, img {
	margin: 0px auto;
	padding: 0px;
	font-family: arial,helvetica,sans-serif;
}

img {
	/* border:none;html, body, */
}
/********* float *********/
.cb {
	clear: both;
}
/********* Textformatierung *********/
p, td, li {
	font-size: 12px;
}
p {
	padding: 18px 30px 0px 68px; 
}
.txt_cont {
	padding-left:65px;
}
p,h1,h3 {
	line-height: 14px;
	color: #000000;
}
/* headlines */
h1 {
	font-size: 13px;
	font-weight:bold; 
}
h1.home {
	font-size: 15px;
	font-weight:bold
	color:#1F497D;
	padding: 10px 0px 0px 30px;
}
h1.home_dt {
	font-size: 15px;
	font-weight:bold;
	color:#1F497D;
	padding: 0px 0px 0px 75px;
}
h3 {
	font-size: 12px;
	font-weight:bold;
	padding: 20px 30px 0px 68px; 
}
h3.left_pad {
	font-size: 12px;
	font-weight:bold;
	padding: 20px 20px 0px 68px; 
}
.no_toppad {
	padding: 0px 30px 0px 68px; 
}
.italic {
	font-style:italic;
}
ul {
	list-style-type:circle;
	padding: 0px 30px 0px 90px;
}
.fett {
	font-weight:bold;
}

/* navigation im aufgerufenen bereich */
.activ {
	color: #B20F1C;
}

/* navigations links */
a.nav:link {
	/* color: #5B6870; */
	color: #005898;
	/* font-weight:bold; */
	text-decoration: none;
}
a.nav:visited {
	/* color: #5B6870; */
	color: #005898;
	/* font-weight:bold; */
	text-decoration: none;
}
a.nav:hover {
	color: #B20F1C;
	/* font-weight:bold; */
	text-decoration: none;
}
/* content links */
a.cont:link {
	font-size: 12px;
	color: #5B6870;
}
a.cont:visited {
	font-size: 12px;
	color: #5B6870;
}
a.cont:hover {
	font-size: 12px;
	color: #B20F1C;
	text-decoration: none;
}
/* content links ohne Unterstrich */
a.cont_noline:link {
	font-size: 12px;
	/*font-weight:bold;*/
	color: #5B6870;
	text-decoration: none;
}
a.cont_noline:visited {
	font-size: 12px;
	/*font-weight:bold;*/
	color: #5B6870;
	text-decoration: none;
}
a.cont_noline:hover {
	font-size: 12px;
	/*font-weight:bold;*/
	color: #B20F1C;
	text-decoration: none;
}
/* content Headline Homepage Content-Bereich */
a.hdl_home:link {
	font-size: 16px;
	font-weight:bold;
	line-height: 17px;
	color:#1F497D;
	text-decoration: none;
}
a.hdl_home:visited {
	font-size: 16px;
	font-weight:bold;
	line-height: 17px;
	color: #5B6870;
	text-decoration: none;
}
a.hdl_home:hover {
	font-size: 16px;
	font-weight:bold;
	line-height: 17px;
	color: #B20F1C;
	text-decoration: none;
}
/* content Headline Homepage Sub-Bereich */
a.hdl_home_sub:link {
	font-size: 15px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}
a.hdl_home_sub:visited {
	font-size: 15px;
	font-weight:bold; 
	color: #5B6870;
	text-decoration: none;
}
a.hdl_home_sub:hover {
	font-size: 15px;
	font-weight:bold; 
	color: #B20F1C;
	text-decoration: none;
}

/********* Tabellen-Linien-Farbe (Impressum ) *********/
.impr_line {
	background-color : #D7D7D7; 
}

/********* mittenzentrierte Grundflaeche *********/
.center_box {
	width: 793px;
	margin: 0 auto;
	/*height: 470px;*/
	height: auto;
	min-height:470px;
	background: #ffffff;
	text-align:left;
	position: relative;
	top: 25px;
	/*border:thin solid black;*/
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	
	box-shadow:0px 2px 15px #000000;
	-webkit-box-shadow: 0px 2px 15px #000000;
	-moz-box-shadow: 0px 2px 15px #000000;
}

/********* Homepage *********/
/* Navi Box */
.home_navi_box{
	float: left;
	width: 792px;
	height: 122px;
	/*background: #ffffff url(images/hg_navi.gif) repeat-x;*/
	background-color: none;
	background: url(images/hg_navi.gif) repeat-x;
	overflow:hidden;
												/* border:thin solid black; */
}
/* flashfilm/statisches bild */
.home_pic_box
{
	float: left;
	width: 792px;
	height: 173px;
												 /* border:thin solid black; */ 
}
/* 1. Spalte */
.home_pic_left{ 
	float: left;
	width: 320px;
	height: 173px;
												 /* border:thin solid black; */ 
}
/* 2. Spalte */
.home_pic_right{ 
	float: right;
	width: 445px;
	height: 173px;
	text-align:right;
												 /* border:thin solid black; */ 
}
/* content */
.home_cont_box
{
	float: left;
	width: 792px;
	height: 170px;
	background: #ffffff;
												/* border:thin solid black; */ 
}
/* 1. Spalte */
.home_cont_left{ 
	float: left;
	width: 260px;
	height: 148px;
												/* border:thin solid black; */ 
}
/* 2. Spalte */
.home_cont_center{ 
	width: 250px;
	height: 148px;
												/* border:thin solid black; */
}
/* 3. Spalte */
.home_cont_right{ 
	float: right;
	width: 270px;
	height: 148px;
												 /* border:thin solid black; */
}
/* Text - linke Spalte */
.home_left{ 
	/* padding: 20px 10px 0px 150px; */
	text-align:left;
	padding: 10px 0px 0px 30px;
}
.home_left_dt{ 
	/* padding: 20px 10px 0px 150px; */
	text-align:left;
	padding: 10px 0px 0px 75px;
}
.home_left_dt_mitte{ 
	/* padding: 20px 10px 0px 150px; */
	text-align:left;
	padding: 10px 0px 0px 75px;
	line-height:15px;
}
/* Text - rechte Spalte */
.home_right{ 
	padding: 10px 0px 0px 80px;
}
.home_right_right{ 
	padding: 10px 30px 0px 60px;
}
/* Subnavi */
.home_sub_navi_0{ 
	float: left;
	width: 370px;
	padding: 0px 0px 0px 0px;
												/* border:thin solid black; */
}
/* Adressanzeige - Logo Rollover */
.adress{
	float: right;
	z-index: 18;
	position:relative;
	top:-45px;
	right:-146px;
	visibility: hidden;
}

/********* Navigationsbereich *********/
/* Navi Box */
.navi_box{
	float: left;
	width: 792px;
	height: 165px;
	/*background: #ffffff url(images/hg_navi.gif) repeat-x;*/
	background-color: none;
	background: url(images/hg_navi.gif) repeat-x;
	overflow:hidden;
												/*border:thin solid black;*/
}

.navi_box a   {
	margin: 0px;
	padding: 0px;
	border:none;
	text-decoration:none;
	
	
	
}

/* Hauptnavigation */
p.main_navi {
	padding: 12px 0px 0px 0px; 
}
/* Subnavigationsspalten */
.sub_navi_1{
	float: left;
	background-color: #ffffff;
	z-index: 11;
	position:relative;
	top:0px;
	left:0px;
	visibility: hidden;
												/*border:thin solid black;*/
}
.sub_navi_2{
	float: left;
	background-color: #ffffff;
	z-index: 12;
	position:relative;
	top:0px;
	left:-21px;
	visibility: hidden;
												/*border:thin solid black;*/
}
.sub_navi_3{
	float: left;
	background-color: #ffffff;
	z-index: 13;
	position:relative;
	top:0px;
	left:-191px;
	visibility: hidden;
												/*border:thin solid black;*/
}
.sub_navi_4{
	float: left;
	background-color: #ffffff;
	z-index: 14;
	position:relative;
	top:0px;
	left:-168px;
	visibility: hidden;
												/*border:thin solid black;*/
}
.sub_navi_5{
	float: left;
	background-color: #ffffff;
	z-index: 15;
	position:relative;
	top:0px;
	left:-217px;
	visibility: hidden;
												/*border:thin solid black;*/
}
/* Logo */
.logo {
	float: right;
	background-color: #ffffff;
	z-index: 16;
	position:relative;
	top:-75px;
	right:70px;
	visibility: visible;
}
/* headline.gif */
.hdl {
	float: left;
	z-index: 17;
	position:relative;
	top: -15px;
	left: 225px;
	visibility: visible;
}
.hdl_eis {
	float: left;
	z-index: 17;
	position:relative;
	top: -3px;
	left: 95px;
	visibility: visible;
}

/********* Content *********/
/* Content Boxen */
/* 1. Spalte */
.cont_left{ 
	float: left;
	width: 245px;
	height: 300px;
	background-color: #ffffff;
												/*border:thin solid black;*/
}
/* Foto */
.pic_left {
	padding: 0px 0px 0px 10px; 
}
/* Subnavi - Home */
.sub_navi_0 {
	text-align:left;
	padding: 10px 0px 0px 30px;
}

/*** Content Text ***/
/* Content Text ohne Subnavi */
.cont_right{
	float: left;
	width: 547px;
	
	/*height: 278px;
	overflow:auto;*/
	background-color: #fff;
	
	border-top:thin solid #D7D7D7;
	border-left:thin solid #D7D7D7;
	
	border-width:1px;
	/* background-color: #D5E1E5; */
												/*border:thin solid black;*/
}

.scroll {
	max-height: 60%;
	overflow: auto;
	overflow-x: hidden;
}
/* leere Subnavi (keine horizontale Linie) */
.cont_right_sub_noborder{
	float: right;
	width: 482px;
	height: 25px;
	overflow:no;
	/* background-color: #D5E1E5; */
												/*border:thin solid black;*/
}

/*** Ausnahme Content Text mit Subnavi ***/
/* Inhalt, wenn Abstandshalter zur horizontalen Linie mit Scroll-Moeglichkeit */
.cont_right_minus_space{
	float: left;
	width: 547px;
	
	/*height: 268px;
	overflow:auto;*/
	background-color: #fff;
	
	border-top:thin solid #D7D7D7;
	border-left:thin solid #D7D7D7;
	border-width:1px;
	/* background-color: #D5E1E5; */
												/*border:thin solid black;*/
}
/* leerer Abstandshalter bei Scroll-/Subnavi-Seiten */
.cont_right_space{
	float: left;
	width: 547px;
	height: 10px;
	border-left:thin solid #D7D7D7;
	border-width:1px;
	overflow:no;
												/*border:thin solid black;*/
}
/* 2-zeilige Subnavigation - Inhalt, wenn Abstandshalter zur horizontalen Linie mit Scroll-Moeglichkeit */
.cont_right_double_space{
	float: left;
	width: 547px;
	
	/*height: 255px;
	overflow:auto;*/
	background-color: #fff;
	
	border-top:thin solid #D7D7D7;
	border-left:thin solid #D7D7D7;
	border-width:1px;
	/* background-color: #D5E1E5; */
												/*border:thin solid black;*/
}

/* Content Text Subnavi */
.cont_right_sub{
	float: right;
	width: 479px;
	/*height: 25px;*/
	border-top:thin solid #D7D7D7;
	border-width:1px;
	/*overflow:no;*/
	/* background-color: #D5E1E5; */
												/*border:thin solid black;*/
}
p.sub_navi_02{
	padding: 6px 0px 6px 0px;
}

/*** Ausnahme referenzen/kunden ***/
/* Content Text Kunden */
.cont_kunden{
	float:left;
	width:547px;
	height: 302px;
	overflow:hidden;
	border-top:thin solid #D7D7D7;
	border-left:thin solid #D7D7D7;
	border-width:1px;
												/*border:thin solid black;*/
}


.cont_referenzen_usability{
	float:left;
	width:547px;
	height: 278px;
	overflow:hidden;
	border-top:thin solid #D7D7D7;
	border-left:thin solid #D7D7D7;
	border-width:1px;
												/*border:thin solid black;*/
}

/* Bereichs-Foto
p.hd_foto {
	padding: 0px 0px 0px 6px; 
} */

/********* Fomular *********/
/* formularfelder */
.tarea {
	background-color: #FFFFFF;
	color: #7a4d3d;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 190px;
	float: right;
}
.tfield {
	background-color: #FFFFFF;
	color: #7a4d3d;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 190px;
	float: right;
}
.fehler{
	font-weight:bold;
	color:#A63F38;
}	


/********* Content First - Linkbereich zu den redaktionellen Textinhalten *********/
.content_first{
	float: left;
	width: 792px;
	height: 10px;
												/*border:thin solid black;*/
}
h1.cont_first{
	color:#254256;
}
a.cont_first:link {
	color:#254256;
	/* text-decoration: none; */
	/* font-weight: bold; */
}
a.cont_first:visited {
	color:#254256;
	/* text-decoration: none; */
	/* font-weight: bold; */
}
a.cont_first:hover {
	color: #254256;
	text-decoration: none;
	/* font-weight: bold; */
}



/* Eiskratzer Weihnachten 2008 */
.weihnachten_2008 {
	float: right;
	z-index: 50;
	position:relative;
	top:-140px;
	right:490px;
	visibility: visible;
	overflow:hidden;
}