html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#fff; 
font-size:76%; 
font-family:Arial,Verdana,Helvetica,sans-serif;
color:#0B328D;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* 
     scrollbar-base-color: #0B328D;
	scrollbar-3d-light-color: #fff;
	scrollbar-arrow-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #0B328D;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #0B328D;*/ 
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}

#content {overflow:auto; position:absolute; z-index:3; top:100px; bottom:25px; left:240px; right:0px; background:#fff;}

* html #content {top:-6px; left:5px; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:100px solid #fff; border-bottom:25px solid #fff; border-left:240px solid #fff;}


#head {
	position:absolute;
	margin:0;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100px;
	background:url(../img/logo.gif) #0B328D;
	background-position:0 0;
	background-repeat:no-repeat;
	z-index:5;
	overflow:hidden;
	color:#fff;
	background-color: #0B328D;
}

#foot {position:absolute; margin:0; bottom:-5px; left:0; display:block; width:100%; height:35px; font-size:1em; z-index:5; overflow:hidden; background:#0B328D; color:#fff;}

#left {
	position:absolute;
	text-align:center;
	left:0;
	top:100px;
	bottom:50px;
	width:200px;
	background:#fff;
	font-size:1.2em;
	z-index:4;
	overflow:auto;
}

* html #left {height:100%; top:0; bottom:0; border-top:100px solid #fff; border-bottom:50px solid #fff; color:#fff;}

.pad4 {display:block; height:20px;}

.ad_box{background:#E9F0FA; border:1px solid #0B328D; color: #0B328D; padding:5px; width: 140px;font-size:0.8em}

.bigtext{
color:#0B328D;
font-size:1.4em;
font-weight:bold;

}

.preisbinder{
text-align:right;
width:500px;

}
.red{
color:#990000;
font-size:1.5em;
font-weight:bold;
}
.text{
font-weight: normal;
color:#0B328D;
font-size:0.8em;
}


#menu1 {
font-family:Arial,Verdana,Helvetica,sans-serif;
font-weight:bold;
  width:340px;
  padding:0; 
  margin:0 auto; 

  list-style-type:none;
  }
#menu1 li {
  margin-right:0px;
  float:left;
  width:109px;
  border:1px solid #002372;
  }
#menu1 a {
  display:block;
  width:109px;
  color:#fff; 
  background:url(../img/nav_rot_klein.gif) no-repeat #0B328D;; 
  text-align:center; 
  padding:2px 0 2px 10px;
  text-decoration:none; 
  float:left; 
  }
#menu1 a:hover {
  color:#DEDEDF; 
  background:url(../img/nav_hov_rot_klein.gif) no-repeat #0B328D;
  }
  /*#menu1 a:aktiv{
  color:#fff;
  background:url(../img/nav_akt.gif) no-repeat #E9F0FA;
  }*/
  
  #menu1 a.aktiv
{
color:#fff;
  background:url(../img/nav_akt_rot_klein.gif) no-repeat #0b328D;
}

/*----------------------------------Bildercontainer_werbung ...................................*/

#menu2{
font-family:Arial,Verdana,Helvetica,sans-serif;
font-weight:bold;
  width:600px;
  padding:0; 
  list-style-type:none;
  }
#menu2 li {
  margin-right:15px;
  float:left;
  width:120px;
  border:1px solid #0b328D;
  }
#menu2 a {
  display:block;
  width:120px;
  height:117px;
  color:#fff; 
  text-align:center; 
  padding:0px 0 0px 0px;
  text-decoration:none; 
  float:left; 
  }
#menu2 a:hover {
  }
  

#menu2 a.m1 {
  background:url(../img/werbung/smallweb_link.jpg) no-repeat #ffffff; 
  }
#menu2 a.m1:hover {
  background:url(../img/werbung/smallweb_hover.jpg) no-repeat #ffffff;
  }
  
  #menu2 a.m2 {
  background:url(../img/werbung/standardweb_link.jpg) no-repeat #ffffff; 
  text-align:center; 
  }
#menu2 a.m2:hover {
  background:url(../img/werbung/standardweb_hover.jpg) no-repeat #ffffff;
  }
  
  #menu2 a.m3 {
  background:url(../img/werbung/mediumweb_link.jpg) no-repeat #ffffff; 
  }
#menu2 a.m3:hover {
  background:url(../img/werbung/mediumweb_hover.jpg) no-repeat #ffffff;
  }
  
  #menu2 a.m4 {
  background:url(../img/werbung/bigweb_link.jpg) no-repeat #ffffff; 
  }
#menu2 a.m4:hover {
  color:#DEDEDF; 
  background:url(../img/werbung/bigweb_hover.jpg) no-repeat #ffffff;
  }
   
  
/*------------------------------------------------------------------------------------------------*/


#menu3{
font-family:Arial,Verdana,Helvetica,sans-serif;
font-weight:bold;
  width:600px;
  padding:0px; 

  list-style-type:none;
  }
#menu3 li {
  margin-right:15px;
  float:left;
  width:120px;
  border:1px solid #0b328D;
  }
#menu3 a {
  display:block;
  width:120px;
  height:117px;
  color:#fff; 
  text-align:center; 
  padding:0px 0 0px 0px;
  text-decoration:none; 
  float:left; 
  }
#menu3 a:hover {
  }
  

#menu3 a.m1 {
  background:url(../img/werbung/webvisitenkarte_link.jpg) no-repeat #ffffff;
  }
#menu3 a.m1:hover {
  background:url(../img/werbung/webvisitenkarte_hover.jpg) no-repeat #ffffff;
  }
  
  #menu3 a.m2 {
  background:url(../img/werbung/standard_link.jpg) no-repeat #ffffff; 
  text-align:center; 
  }
#menu3 a.m2:hover {
  background:url(../img/werbung/standard_hover.jpg) no-repeat #ffffff;
  }
  
  #menu3 a.m3 {
  background:url(../img/werbung/individuell_link.jpg) no-repeat #ffffff;
  }
#menu3 a.m3:hover {
  background:url(../img/werbung/individuell_hover.jpg) no-repeat #ffffff;
  }
  
  #menu3 a.m4 {
  background:url(../img/werbung/cms_link.jpg) no-repeat #ffffff; 
  }
#menu3 a.m4:hover {
  color:#DEDEDF; 
  background:url(../img/werbung/cms_hover.jpg) no-repeat #ffffff;
  }
  
  #menu3 a.m5 {
  background:url(../img/werbung/webshop_link.jpg) no-repeat #ffffff;
  }
#menu3 a.m5:hover {
  background:url(../img/werbung/webshop_hover.jpg) no-repeat #ffffff;
  }
  
  #menu3 a.m6 { 
  background:url(../img/werbung/webcam_link.jpg) no-repeat #ffffff;
  }
#menu3 a.m6:hover {
  background:url(../img/werbung/webcam_hover.jpg) no-repeat #ffffff;
  }
  
  #menu3 a.m7 {
  background:url(../img/werbung/redesign_link.jpg) no-repeat #ffffff;
  }
#menu3 a.m7:hover { 
  background:url(../img/werbung/redesign_hover.jpg) no-repeat #ffffff;
  }
  
  #menu3 a.m8 {
  background:url(../img/werbung/seo_link.jpg) no-repeat #ffffff;
  }
#menu3 a.m8:hover {
  background:url(../img/werbung/seo_hover.jpg) no-repeat #ffffff;
  }  
		 
/*		 ---------------------------------------------------------------------------------*/
/************************************************
*************FIRST_LEVEL*************************
************************************************/
/*Style-Definition für die First-Level-Navigation*/
DIV.fstLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 140px;
BORDER: 1px solid #0B328D;
PADDING: 3px;
MARGIN: 1Px;
FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif;
FONT-SIZE:0.9em;
FONT-WEIGHT: normal;
TEXT-ALIGN: left;
COLOR: #0B328D;
BACKGROUND-COLOR: #fff;
background-image: url(../img/navi_grafik.gif);
	background-repeat: no-repeat;
	background-position: right;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
	/*COLOR: #0B328D;
	BACKGROUND-COLOR:#E9F0FA;*/
	color: #FFFFFF;
	BACKGROUND-COLOR:#0B328D;
    background-image: url(../img/navi_grafik_hoverblau.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-weight:normal;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 140px;
BORDER: 1px solid #0B328D;
PADDING: 3px;
MARGIN: 1Px;
FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif;
FONT-SIZE: 0.9em;
FONT-WEIGHT: normal;
TEXT-ALIGN: left;
COLOR: #fff;
BACKGROUND-COLOR:#990000;
background-image: url(../img/navi_grafik_aktivrot.gif);
background-repeat: no-repeat;
background-position: right;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 140px;
BORDER: 1px solid #0B328D;
PADDING: 3px;
MARGIN: 1Px;
FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif;
FONT-SIZE: 0.7em;
FONT-WEIGHT: bold;
TEXT-ALIGN: right;
COLOR: #0B328D;
BACKGROUND-COLOR: #E9F0FA;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
/*COLOR: #0B328D;
BACKGROUND-COLOR:#FFFFFF;*/
color:#FFFFFF;
background-color:#0B328D;
font-weight:bold;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 140px;
BORDER: 1px solid #0B328D;
PADDING:3px;
MARGIN: 1Px;
FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif;
FONT-SIZE: 0.7em;
FONT-WEIGHT: bold;
TEXT-ALIGN: right;
COLOR: #fff;
BACKGROUND-COLOR: #990000;
}

/*...........................................kontaktformular.............................................*/




form, input  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 100%;
}
fieldset {
	color: #0B328D;
	font-weight: bold;
	border: solid 1px  #0B328D;
	background-color: #E9F0FA;
	padding: 10px;
}
form {	
	width: 480px
}
input {

	display: block;
	float: left;
	width: 15em;
	border: 1px solid #0B328D;
	background-color: #fff;
	margin: 5px;
	padding: 2px;
}
textarea{
	border: 1px solid #0B328D;
	background-color: #fff;
	margin: 5px;
	padding: 2px;
	width: 20em;
	height: 150px;
}
legend{

font-size: 1.5em;}

br { 
	clear: left; 
}
.submit, .reset {
	color: #fff;
	font-weight:bold;
	background-color:#990000;
   	border: 1px solid #0B328D;
	font-size: 0.9em;
 }
label { 
font-size: 1em;
	width: 9em; 
	margin: 5px;
	padding: 5px;
	float:left; 
	text-align: right;
	font-weight: normal;
	color: #0B328D;
}



/*...............................................................................*/

 a.link:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}
 a.link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}
 a.link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #0B328D;
	text-decoration:none;
}

.leftbild{

width:150px; 
height: 116px; 
margin:40px 0 0 -2px;
}

.rightbild{
padding: 5px;
float:right;
/*width:120px; 
height: 96px; */
margin:5px 0 10px 20px;
border: 1px solid #0B328D;
background:#FFFFFF;
}

h3{
font-size:18px;

}

.hintergrund_software{

width:600px; 
height: 540px; 
margin-top:20px; 
background: url(../img/bg-software.jpg);
}


.ueberschrift{

padding-left:0px;
}

.zeile{
float:left;
display:block;
z-index:10;
width:98%;
margin:0px;
padding:3px;
border-bottom:1px solid #003399;
}
.zeile_b{
float:left;
display:block;
z-index:10;
width:98%;
margin:0px;
padding:3px;

}
.left{
z-index:1;
float:left;
width:40%;
}
.right{
float:right;
width:40%;
z-index:1;
}