/* CSS Document */

* {
	margin:0px;
	padding:0px;
	border:0px;
}

html {
  height: 100.3%; 
  font-size: 62.5%;
}


body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.2em;
  background: #FFFFFF url(../resources/image/body_hintergrund3.gif) repeat-y center center; 
  color: #153B63; /*#3F3F3F;*/
}

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana,Arial,Helvetica, sans-serif;
	margin: 0em 0em 0.5em 0em; 
	color: #112866;/*#775af4;*/
}

h1 {
	font-size: 1.8em; 
	border-bottom: 1px dashed #112866; 
	padding-bottom: 0.4em;
	font-weight: normal;
}

div#header h1 {border: 0px;	font-weight: bold;}
div#header h3 {margin:0;padding:0}
h2 {font-size: 1.8em;}
h3 {font-size: 1.7em;}
h4 {font-size: 1.5em;}
h5 {font-size: 1.3em;}
h6 {font-size: 1.1em;}

a:active{
	text-decoration: none; 
	border: 0px;
}

strong {letter-spacing: 1px;}
em {font-size: 1.0em;}

/*
.imghome{
	margin: 0px 0px 0px 0px;
  float: left;
}
*/

div#main_wrapper {
  background: url(../resources/image/body_hintergrund.gif) repeat-y center center; 
	padding: 0px 10px;
}


div#wrapper{
	background:#FFFFFF;
	margin: 0px auto;
/*	margin: 50px 100px 50px 100px;*/
	padding: 10px;
/*	width: 800px;*/
/*	background: url(images/test7.jpg) repeat;*/
  position: relative;
	width: 1050px;
  border: 2px #000033 solid
}

/*div#wrapper div#header img.imghome{
	margin: 0px;
  float: left;
}
*/

div#wrapper div#header a img{
  padding-top: 5px;
}


div#wrapper div#header{
  border: 1px solid  #65689a;	
/*	border-bottom: 0px;*/	
  background: #FFFFFF;
  background-image: url(../resources/image/header_hintergrund.gif); 
  background-repeat: no-repeat;
  text-align: right;
  font-size: 2.2em;
	color: #FFFFFF;
	height: 120px;
	padding-right: 5px;
}



div#wrapper div#nav{
  padding-top: 1px;
	text-align: left;
	border: 1px solid  #65689a;	
	border-top: 3px solid  #FFFFFF;		
/*	border-bottom: 0px;	*/
  background: #152d6f;
  background-image: url(../resources/image/navigation_hintergrund.gif); 
  background-repeat: no-repeat;
}

div#wrapper div#nav ul{
  padding-left: 160px;
  padding-top: 5px;
  padding-bottom: 5px;
 	border: 1px solid  #65689a;	
	border-top: 0px;	
	border-right: 0px;	
  margin-left: -1px;
/*  height: 30px;*/
}


div#wrapper div#nav ul li{
	display: inline;
/*	margin-top: 6px;
	margin-bottom: 6px;*/
	list-style-type: none;
}




div#wrapper div#nav ul li a{
  padding: 6px 0px;
  text-decoration: none;
  text-transform: uppercase;
	background: #152d6f; 
  padding-left: 1.0em;
	color: #FFFFFF;
	margin-left: 5px;
	font-weight: bold;
	border: 1px #FFFFFF solid;
	border-bottom: 0px;
	border-top: 0px;
}

div#wrapper div#nav ul li a span{
  padding: 6px 19px 6px 6px;
  text-decoration: none;
  text-transform: uppercase;
	color: #FFFFFF;
	background: #152d6f; 
	font-weight: bold;
}

div#wrapper div#nav ul li a:hover{
  text-decoration: none;
  text-transform: uppercase;
	background: #FFFFFF; 
  padding-left: 1.0em;
	color: #112866;
	font-weight: bold;

	border: 1px #152d6f solid;
	border-bottom: 0px;
	padding-bottom: 6px;
}

div#wrapper div#nav ul li a:hover span{
  padding: 6px 19px 5px 6px; 
  text-decoration: none;
  text-transform: uppercase;
	color: #112866;
	background: #FFFFFF; 
	font-weight: bold;
}


body#home div#wrapper div#nav li.navhome a, 
body#home div#wrapper div#nav li.navsearch a, 
body#home div#wrapper div#nav li.navservice a, 
body#home div#wrapper div#nav li.navcontact a, 
body#home div#wrapper div#nav li.navlogin a {
	text-decoration: none; 
  padding-left: 1.0em;
	background: #FFFFFF; 
	color: #112866;
	font-weight: bold;

	border: 1px #152d6f solid;
	border-bottom: 0px;
	padding-bottom: 8px;
}

body#home div#wrapper div#nav li.navhome a span, 
body#home div#wrapper div#nav li.navsearch a span, 
body#home div#wrapper div#nav li.navservice a span, 
body#home div#wrapper div#nav li.navcontact a span, 
body#home div#wrapper div#nav li.navlogin a span {
  text-decoration: none;
  text-transform: uppercase;
  padding: 6px 19px 5px 6px;
	background: #FFFFFF; 
	color: #112866;
	font-weight: bold;

}



div#wrapper div#wrapcontent{
	background:#F5F5F5;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#wrapper div#wrapcontent div#menu{
	width: 100px;
	float: right;
	width: 180px;
}

div#wrapper div#wrapcontent div#menu div.menubox{
  margin-top: 0px;  
  margin-bottom: 10px; 
}


div.menubox h6{
/*  background: url(../resources/image/boxtext_left_corner.gif) no-repeat left top;
  background: #ffffff url(../resources/image/box_top_left.gif) no-repeat left top;*/
  background: #F5F5F5;
  margin: 0px 0px 0px 0px; 
  padding: 0px; 
  color: #FFFFFF;
 	text-align: center; 
}
div.menubox div.boxtop {
/*  background: url(../resources/image/boxtext_right_corner3.gif) no-repeat right top;
  background: #ffffff url(../resources/image/box_top_right1.gif) no-repeat right top;*/
  background: #F5F5F5;
}
div.menubox div.boxtext {
  /*background: #00F4FF;*/
  border: 0px; 
/*  background: #000033;*/
}

div.menubox div.boxtop {
/*  background: url(../resources/image/box_top_right1.gif) no-repeat right top;*/
  background: #F5F5F5;
}

div.menubox div.boxtext {
  padding: 10px; 
/*  border: 1px solid #112866; 
  background: url(../resources/image/boxtext_left_corner2.gif) no-repeat left bottom;*/ 
  background: #F5F5F5;
  border-top: 0px; 
  font-size: 0.9em; 
}


div#wrapper div#wrapcontent div#menu ul {
  list-style-type: none;
  text-align: left;
	margin-left: 10px;
}


div#wrapper div#wrapcontent div#menu li {
	padding-bottom: 3px; 
	padding-left: 12px; 
	margin-left: -12px;
	margin-bottom: 3px;
  border-left:2px solid #CCC;
  border-top:2px solid #CCC;
  border-right:2px solid #666;
  border-bottom:2px solid #666;
	background: #112866;
  color: #FFFFFF;
}


div#wrapper div#wrapcontent div#menu li:hover  {
	border-bottom:  1px solid #FFFFFF;
	padding-bottom: 3px; 
	padding-left: 12px; 
	margin-left: -12px;
	margin-bottom: 3px;
	background: #FFFFFF;
  color: #112866;
  border-left:2px solid #666;
  border-top:2px solid #666;
  border-right:2px solid #CCC;
  border-bottom:2px solid #CCC;
}

div#wrapper div#wrapcontent div#menu li a:hover {
  text-decoration: none;
  color: #112866;
	font-weight: bold;
	background: #FFFFFF;
}


div#wrapper div#wrapcontent div#menu li a {
  text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	padding-right: 80px;
	padding-bottom: 3px;
}

div#wrapper div#wrapcontent div#menu li a.bigtext {
	padding-right: 10px;
}

div#wrapper div#wrapcontent div#menu li.select {
	border-bottom:  1px solid #FFFFFF;
	padding-bottom: 2px; 
	padding-left: 12px; 
	margin-left: -12px;
	background: #FFFFFF;
  color: #112866;
  border-left:2px solid #666;
  border-top:2px solid #666;
  border-right:2px solid #CCC;
  border-bottom:2px solid #CCC;
}

div#wrapper div#wrapcontent div#menu li.select a.bigtext,
div#wrapper div#wrapcontent div#menu li.select a{
  color: #112866;
}


div#wrapper div#wrapcontent div#mainbox{
	background:#FFFFFF;
	margin-right: 180px;
	border-right: 1px solid #CFCFCF;
}

div#wrapper div#wrapcontent div#mainbox img.ident_image{
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

div#wrapper div#wrapcontent div#mainbox a{
  color: #000033;
}

div#wrapper div#wrapcontent div#mainbox a:visited{
  color: #153B63; 
}

div#wrapper div#wrapcontent div#mainbox a:hover{
  color: #0080B0; 
}


div#wrapper div#wrapcontent div#mainbox div#maintext{
	background:#FFFFFF;
	padding: 10px 10px 12px 10px;	
/*  border-right: 1px solid  #65689a;*/	
  border-bottom: 1px solid  #F5F5F5;
	margin-left: 160px;
/*	width: 500px;*/ /* kann nötig sein. */
}

div#wrapper div#wrapcontent div#mainbox div#maintext div#impressum,
div#wrapper div#wrapcontent div#mainbox div#maintext div#address{
	padding: 10px 10px 10px 10px;	
}


/* infoboxen in Mainbox*/
div#wrapper div#wrapcontent div#mainbox div#infobox{
	padding: 0px 0px 5px 5px;
	width: 150px;
	float: left;
	font-size: 0.8em;
}

/* div.infobox links in Mainbox ein und ausschaltbar*/
div#wrapper div#wrapcontent div#mainbox div#infobox div.infobox{
/*  display:none;*/
}

/* div.infobox2 links in Mainbox ein und ausschaltbar*/
div#wrapper div#wrapcontent div#mainbox div#infobox div.infobox2{
/*  display:none;*/
}

div#wrapper div#wrapcontent div#mainbox div#infobox div.infobox,
div#wrapper div#wrapcontent div#mainbox div#infobox div.infobox2{
  margin-top: 10px; 
  margin-bottom: 10px; 
  background: url(../resources/image/boxtext_right_corner.gif) no-repeat right bottom;
}

div#wrapper div#wrapcontent div#mainbox div#infobox ul{
  list-style-type: none;
}


div.infobox2 h6,
div.infobox h6 {
  margin: 0px 10px 0px 0px; 
  padding: 2px 10px; 
  background: url(../resources/image/box_top_left.gif) no-repeat; 
  color: #FFFFFF;
 	text-align: center; 
}
div.boxtop {
  background: url(../resources/image/box_top_right1.gif) no-repeat right top;
}
div.boxtext {
  padding: 10px; 
  border: 1px solid #112866; 
  background: url(../resources/image/boxtext_left_corner2.gif) no-repeat left bottom; 
  border-top: 0px; 
  font-size: 0.9em; 
}

div#infobox div.boxtext {
  line-height: 1.2em;
}


/* besonderheit für infoboxen im Maintext*/
div#wrapper div#wrapcontent div#mainbox div#maintext div.infobox h6 {
  margin: 0px 10px 0px 0px; 
  padding: 2px 10px; 
  background: #112866 url(../resources/image/maintext_box_top_left.gif) no-repeat; 
  color: #FFFFFF;
 	text-align: center; 
}

div#wrapper div#wrapcontent div#mainbox div#maintext div.infobox div.boxtext {
  font-size: 1.0em; 
}

div#wrapper div#wrapcontent div#mainbox div#maintext div#angebot_dienst div.infobox div.boxtext {
  text-align: justify;
}



div#wrapper div#wrapcontent div.defloat{
  clear: both;
}


div#wrapper div#address,
div#wrapper div#referenzen,
div#wrapper div#partner,
div#wrapper div#kunden{
  height:280px;
}

div#wrapper div#wrapcontent div#mainbox div#maintext div#aktell{
  margin-right:170px;
}

div#wrapper div#wrapcontent div#mainbox div#maintext div#aktell img{
  float: left; 
  margin-right: 10px;
}

div#wrapper div#wrapcontent div#mainbox div#maintext div#impressum,
div#wrapper div#wrapcontent div#mainbox div#maintext div#address,
div#wrapper div#index{
  padding-right: 100px;
}

div#wrapper div#wrapcontent div#mainbox div#maintext div#impressum p.text_justify{
  text-align: justify;
}

div#wrapper div#index p.big_p{
  font-size: 1.2em;
  font-weight: bold;
  color: #112866;
  padding-bottom: 16px;
}

div#wrapper div#index p{
  page-break-before: always;
  padding-bottom: 5px;
  font-size: 1.2em;
  text-align: justify;
}

div#wrapper div#angebot_dienst,
div#wrapper div#angebot{
  font-size: 1.2em;
  /*margin-right: 20px;*/
  width: 670px;
}


div#wrapper div#aktell,
div#wrapper div#kunden,
div#wrapper div#projekte,
div#wrapper div#partner,
div#wrapper div#referenzen,
div#wrapper div#angebot_main{
  font-size: 1.2em;
  padding-right: 40px;
}


div#wrapper div#kunden,
div#wrapper div#projekte,
div#wrapper div#partner,
div#wrapper div#referenzen{
  text-align: justify;
}

div#wrapper div#angebot p,
div#wrapper div#angebot_main{
  text-align: justify;
  padding-right: 60px;
}

div#wrapper div#angebot_main{
  padding-right: 100px;
}

/*div.referenz_liste{
}
*/

div#wrapper div#aktell ul li ul{
  font-weight: bold;
}

div#wrapper div#aktell ul li ul li{
  margin-left: 20px;
  font-weight: normal;
}

div#wrapper div#aktell ul,
div.referenz_liste ul{
  list-style-type: none;
}

li.aktell_list{
  margin-bottom:20px; 
}

div.referenz_liste ul li{
  display: inline;
}

div.referenz_liste img{
  margin-bottom:20px; 
  float:left; 
  padding-right:20px;
}

div.referenz_liste p{
  margin-bottom:20px;
  margin-right:120px; 
  padding-top:20px;
}

div.referenz_liste div.image_kunden{
  float:left; 
  padding:10px;
  margin:10px; 
  margin-left:0px; 
  border: 10px #112866 solid; 
/*  height:105px;*/
  height:50px;
}

div.referenz_liste div.image_kunden img{
  margin:0px; 
  padding:0px;
}

div#wrapper div#angebot ul{
  	margin-top: 5px;
}

div#wrapper div#angebot ul li{
  	margin-bottom: 5px;
}


div#wrapper ul.questions,
div#wrapper div#angebot ul.questions{
 /* 	width: 30%;*/
  padding-top: 20px;
  margin-left: 60px;
  margin-right: 160px;
  margin-top: 10px;
  text-align: left;
  margin-bottom: 30px;
}

div#wrapper div#index ul.questions{
 /* 	width: 30%;*/
  padding-top: 0px;
  margin-left: 10px;
  margin-right: 160px;
  margin-top: 5px;
  margin-bottom: 15px;
  text-align: left;
}

div#wrapper div#index ul.questions li{
  	/*display: block;*/
  	list-style-type: decimal;
  	list-style-type: square;
  	list-style-type: disc;
  	list-style-type: circle;
  	
  	margin-bottom: 5px;
}

div#wrapper ul.questions li,
div#wrapper div#angebot ul.questions li{
  	/*display: block;*/
  	list-style-type: decimal;
  	list-style-type: square;
  	list-style-type: disc;
  	list-style-type: circle;
  	list-style-type: none;
  	
  	margin-bottom: 5px;
}

div#wrapper div#angebot ul.questions li span{
  	margin-top: -10px;
  	vertical-align:middle;
}

div#wrapper div#angebot div.angebots_box ul{
 /* 	width: 30%;*/
  margin-left: 20px;
  margin-top: 10px;
}

div#wrapper div#angebot div.angebots_box ul li{
  	/*display: block;*/
  	list-style-type: square;
  	margin-bottom: 5px;
}

div#wrapper div#angebot div.angebots_box ul li.nopoint{
  list-style-type: none;
  margin-bottom: 16px;
}

div#wrapper div#angebot div.angebots_box ul li.nopoint2{
  list-style-type: none;
  margin-bottom: 0px;
}


div.angebots_box{
  	width: 212px;
  	float: left;
  	margin-right: 10px;
    margin-bottom: 20px;
}

div.angebots_box2{
  	width: 780px;
  	float: left;
  	margin-right: 10px;
    margin-bottom: 20px;
}


/* Seite Projekt */
div#wrapper div#wrapcontent div#projekte a.x1,
div#wrapper div#wrapcontent div#projekte a.x1:link,
div#wrapper div#wrapcontent div#projekte a.x1:visited,
div#wrapper div#wrapcontent div#projekte a.x1:active,
div#wrapper div#wrapcontent div#projekte a.x2,
div#wrapper div#wrapcontent div#projekte a.x2:link,
div#wrapper div#wrapcontent div#projekte a.x2:visited,
div#wrapper div#wrapcontent div#projekte a.x2:active{
  position: relative;
  text-decoration: none;
}

div#wrapper div#wrapcontent div#projekte a.x1:hover,
div#wrapper div#wrapcontent div#projekte a.x2:hover{
  background: transparent;
}

div#wrapper div#wrapcontent div#projekte a.x1 span,
div#wrapper div#wrapcontent div#projekte a.x2 span {
  display: none;
  text-decoration: none;
}

div#wrapper div#wrapcontent div#projekte a.x1:hover span {
  display: block;
  position: absolute;
  top: 10px;
  left: -620px;
  padding: 5px;
  border:1px solid #000000;
  background: #F5F5F5;
  width: 800px;
}

div#wrapper div#wrapcontent div#projekte a.x2:hover span {
  display: block;
  position: absolute;
  top: 10px;
  left: -460px;
  padding: 5px;
  border:1px solid #000000;
  background: #F5F5F5;
  height: 500px;
}

div#wrapper div#wrapcontent div#projekte a.x1:hover span img{
  width: 800px;
}

div#wrapper div#wrapcontent div#projekte a.x2:hover span img{
  height: 500px;
}

    
div#wrapper div#wrapcontent div#projekte div.toTopDiv{
  float:right;
  font-size:24px;
}

div#wrapper div#wrapcontent div#projekte div.toTopDiv a{
  text-decoration:none;
}


div#wrapper div#footer{
  background: #152d6f url(../resources/image/footer_hintergrund.gif);
	color: #FFFFFF;
  margin-top: 5px;
	padding: 10px 10px 10px 10px;	
	border: 1px solid #65689a;
	text-align: center;
}

div#wrapper div#footer a{
  color: #FFFFFF;
}

div#wrapper div#footer a:visited{
  color: #FFFFFF; 
}

div#wrapper div#footer a:hover{
  color: #FFFFFF; 
}

.hightlight{
	color: #FF0000;
}
div#test p.hightlight{
	color: #FFFF00;
}

/* ERROR OUTPUT*/

li#errorfieldAnrede_,
div#errorfieldAnrede,
li#errorfieldName_,
div#errorfieldName,
li#errorfieldCompany_,
div#errorfieldCompany,
li#errorfieldStreet_,
div#errorfieldStreet,
li#errorfieldCity_,
div#errorfieldCity,
li#errorfieldEmail_,
div#errorfieldEmail,
li#errorfieldLand_,
div#errorfieldLand,
li#errorfieldWhy_,
div#errorfieldWhy,
div#errorfieldMessage{
  display:none;
}