/*------------------- CSS RESET ---------------------
---------------------------------------------------*/
* {
padding: 0;
margin: 0;
font-size: 12px;
font-weight: normal;
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}



/*------------------SCHRIFT / GRÖSSE ----------------
---------------------------------------------------*/

body {
 height:100%;
 margin:0;
 padding:0;
font-family: Arial,Helvetica,sans-serif;
font-size: 76%;
color: #666666;
background: #c8c8c8 ;
text-align: left;
min-width:50%;
max-width:100%;
}

/*body {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;	
  grid-template-rows: 150px 1fr 1fr 100px;
  min-height: 100vh;
}

footer {
  grid-column: 1 / span 3;
  grid-row:    4;					
}*/
 
#fest {    
 left:0;
 top:0px;
 width:100%;
 height:100px;
 background: url(../img/topBg.gif) repeat-x left top;
 min-width: 1220px;
/* min-width:45%;*/
 
 z-index:4;
}
 
#rahmen { 
	padding-top:80px;
  border: 2px solid #dcdcdc;
}
 
#fest { position:fixed;
		
}
 
#inhalt { position:static; }




h1,
h2,
h3 {
font-weight: bold;
margin-bottom: 0.1em;
line-height: 1.3em;
}

h1,
.subcol h3, 
.subcol1 h3{
/*font-family: 'Times New Roman','Trebuchet MS', serif;*/
color:#ad1910;

}

h1 {
font-size: 2.0em;
}

h2 {
font-size: 1.8em;
}

h3 {
font-size: 1.2em;
color: #505862;
}

h3.datum {
color: #505862;
font-size: 0.95em;
}

blockquote {
color: #f18110;
background: url(img/anfuehrungszeichen.png) no-repeat left top;
padding: 20px;
}

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

a:hover,
a:focus,
a:active {
color: #ad1910;
text-decoration: underline;
}

/*------------------- LAYOUT ---------------------
---------------------------------------------------*/
#container {
width: 100%;
min-width: 45%;
/*max-width: 1200px;*/
background-color: #ffffff;
/*border: 2px solid #dcdcdc;
padding: 0px 5px;*/
margin: 0 auto;
}
#header {
background-color: #e2e7ed;
position: relative;
}

#hdTop {
	background:url(../img/hd-top-home.jpg) no-repeat;

height: 228px;
}

#logo {
padding-top: 0px;
padding-left: 20px;
}
/*#10jahre {
	padding-left:500px;
	padding-top:20px;
	}
*/
#hdMenu {
background: url(../img/hintergr-hd-1.jpg) no-repeat 235px -38pt;
position: relative;
}


#sidebarLeft {
width: 30%;
float: left;
}

#mainContent {
margin: 0;
float: right;
width: 67%;
}

#wrapper {
float: left;
width: 70%;
}

#sidebarRight {
width: 27%;
float: right;
}

#footer,
.clearfloat {
clear: both;
}

#content p {
margin-bottom: 1px;
}



#footer p {
font-size: 0.9em;
text-align: center;
}


/*--------------------------3 Spaltiges Desigen-----------------------*/

.home #streifen {
	background:url(../img/Bg-3er.gif) repeat right;
	padding-bottom:5px;
	}
.home #seitenbereich {
  margin: 0 auto;   /* Zentrierung mitte */
  width: 770px;
  height:236px;
/*  background-color: #CCC;*/
  
}

.home #links {
	float:left;
	width:26%;
	margin-right:110px;
	margin-top:3px;

  
}

.home #mitte {
    position:relative;
    margin-left:-20px;
    margin-right:-20px;
	margin-top:3px;
    width:26%;
    float:left;
}

.home #rechts {
  float:right;
  width: 26%;
  margin-left:1px;
  margin-top:3px;
}
.home .dreisp1 li {
	list-style:disc;
	margin-left:60px;}
.home .dreisp1 h2 {
	color:#ad1910;
	}
.home .dreisp1 p{
	margin-left:20px;
	margin-top:-10px;
	}
  
  /*------------------- Bildlauf --------------------
---------------------------------------------------*/
.home #Bildlauf {
	margin-top:250px;
	height:100px;
	
	position:relative;
	background:url(../img/hd-top-3.jpg) repeat right;
	padding-top:25px;
	
	}
  
  
  
/*------------------- ALLGEMEIN --------------------
---------------------------------------------------*/

p {
	padding-top:10px;
	padding-bottom:10px;
	}
	

	

.wilko{
margin-left: 0px;
}



.fl {
float: left;
padding-right: 1em;
padding-bottom:10px;

}

.fr {
float: right;
padding-left: 1em;
}
.fl-1 {
float: left;
padding-right: 2em;
padding-bottom:10px;
}

.fr-1 {
float: right;
padding-left: 1em;
padding-bottom:10px;

}

.clearfloat {
clear: both;
}

.ut {
color: #000;
font-size: 0.65em;
font-weight: bold;
font-variant:normal;
font-family: Tahoma,Arial,Helvetica,sans-serif;
margin-right: 0px;
display: block;
text-align: right;
}

.mehrInfo {
font-size: 0.8em;
margin-top: 8px;
display: block;
text-align: right;
}

.mehrInfo a:link,
.mehrInfo a:visited {
padding: 3px 20px;
background: url(img/mehrInfo.gif) no-repeat right 0;
}

.mehrInfo a:hover,
.mehrInfo a:focus,
.mehrInfo a:active {
text-decoration: none;
background: url(img/mehrInfo.gif) no-repeat right -38px;
}

.wilko {
	position:relative;
	text-align:center;
	padding-top: 20px;
	
	}

/*-----------home  2spaltiges Design---------------------------------
-----------------------------------------------------------------*/
/*.home #mainContent li {
list-style:inside;
list-style-type: disc;}*/

/*-----------Service 2spaltiges Design---------------------------------
-----------------------------------------------------------------*/



.Service #hdTop {
	background:url(../img/service-kopf.jpg) no-repeat;

}

.Service #streifen {
	background-color:#e2e7ed;	
	height:578px;
}


.Service #seitenbereich {
  margin: 0 auto;   /* Zentrierung mitte */
  width: 770px;
 
  
  
}

.Service #links {
	float:left;
	width:48%;
	margin-right:20px;
	

  
}



.Service #rechts {
  float:right;
  width: 48%;
  margin-left:1px;
}

.Service #Bildlauf {
	margin-top:0px;
	height:100px;
	
	position:relative;
	background:url(../img/hd-top-3.jpg) repeat right;
	padding-top:25px;
	
	}

.zweisp {
	width:1200px;
	
	}



/*-----------2-monitoring  3spaltiges Design---------------------------------
-----------------------------------------------------------------*/

.monitoring #hdTop {
	background:url(../img/monitoring-hd-top.jpg) no-repeat;

}

.monitoring .wilko {
	margin-left:0px;
	
	}

.monitoring #streifen {
	
	background-color:#e2e7ed;	
	height:490px;
	

}


.monitoring #seitenbereich {
  margin: 0 auto;   /* Zentrierung mitte */
  width: 1000px;
 
  
}

/*.monitoring .dreisp{
	width:300px;
	}
.monitoring .dreisp1{
	width:250px;

	}*/

.monitoring #links {
	float:left;
	width:30%;
	margin-right:130px;
	margin-top:3px;
	z-index: 1;

}
.monitoring #mitte {
	
 position:relative;
    margin-left:-20px;
    margin-right:-20px;
	margin-top:60px;
    width:26%;
    float:left;
}


.monitoring #rechts {
  float:right;
  width: 26%;
  margin-left:1px;
  margin-top:3px;
  z-index: 1;
}


.monitoring h3 {
	padding-bottom:8px;
	padding-top:8px;
	}
.monitoring .dreisp h2{
	color:#ad1910;
	}



.monitoring #Bildlauf {
	margin-top:5px;
	height:100px;
	
	position:relative;
	background:url(../img/hd-top-3.jpg) repeat right;
	padding-top:25px;
	
	}
.monitoring .moni1 {
	margin-left:50px;
	margin-right:50px;
	}


/*-----------qualität  2spaltiges Design---------------------------------
-----------------------------------------------------------------*/


.quali #hdTop {
background: url(../img/hintergr-hd-quali2.jpg) no-repeat;
}

.quali #streifen {
	background-color:#e2e7ed;	
	height:380px;
}


.quali #seitenbereich {
  margin: 0 auto;   /* Zentrierung mitte */
  width: 90%;
 
  
}

.quali #links {
	float:left;
	width:26%;
	margin-right:130px;
	margin-top:3px;

}
.quali #mitte {
 position:relative;
    margin-left:-20px;
    margin-right:-20px;
	margin-top:3px;
    width:26%;
    float:left;
}


.quali #rechts {
  float:right;
  width: 26%;
  margin-left:1px;
  margin-top:3px;
}


.quali h3 {
	padding-bottom:8px;
	padding-top:8px;
	}

.quali #Bildlauf {
	margin-top:0px;
	height:100px;
	
	position:relative;
	background:url(../img/hd-top-3.jpg) repeat right;
	padding-top:25px;
	
	}





/*-----------Hardware 2spaltiges Design---------------------------------
-----------------------------------------------------------------*/
.hardware .wilko{
	margin-left:-32px;
	}

.hardware li{
	list-style:none;}
.hardware #hdTop {
background: url(../img/hardware-top.jpg) repeat;
}


.hardware #streifen {
	background-color:#e2e7ed;
	
	}

.hardware #seitenbereich {
  margin: 0 auto;   /* Zentrierung mitte */
  width: 90%;
  
}
  


.hardware #links {
	float:left;
	width:26%;
	margin-right:130px;
	margin-top:50px;
  
}

.hardware #mitte {
position:relative;
    margin-left:-20px;
    margin-right:-20px;
	margin-top:3px;
    width:33%;
    float:left;
}

.hardware #rechts {
  float:right;
  width: 26%;
  margin-left:1px;
  margin-top:50px;
}
  
  /*------------------- Bildlauf --------------------
---------------------------------------------------*/
.hardware #Bildlauf {
	margin-top:0px;
	margin-bottom:10px;
	height:100px;
	
	position:relative;
	background:url(../img/hd-top-3.jpg) repeat right;
	padding-top:25px;
	
	}
  
.hardware .server{
	margin-top:30px;
	
	} 
.hardware .dreisp{
	width:300px;
	
	}


/*-----------software 2spaltiges Design---------------------------------
-----------------------------------------------------------------*/

.software .wilko {
	margin-left:-150px;
	
	}

.software #streifen {
	
	background-color:#e2e7ed;	
	height:578px;
}


.software #seitenbereich {
  margin: 0 auto;   /* Zentrierung mitte */
  width: 90%;
 
  
}

.software #links {
	float:left;
	width:26%;
	margin-right:130px;
	margin-top:3px;

}
.software #mitte {
 position:relative;
    margin-left:-20px;
    margin-right:-20px;
	margin-top:60px;
    width:26%;
    float:left;
}


.software #rechts {
  float:right;
  width: 26%;
  margin-left:1px;
  margin-top:3px;
}


.software h3 {
	padding-bottom:8px;
	padding-top:8px;
	}
.software .dreisp h2{
	color:#ad1910;
	}

.software #Bildlauf {
	margin-top:0px;
	height:100px;
	
	position:relative;
	background:url(../img/hd-top-3.jpg) repeat right;
	padding-top:25px;
	
	}
	.software li{
		list-style:disc;
		}

/*-----------Datenschutz  3spaltiges Design---------------------------------
-----------------------------------------------------------------*/

.datenschutz #hdTop{
background: url(../img/HDTop-dsb.jpg) repeat;
}

.datenschutz .wilko {
	margin-left:-150px;
	
	}

.datenschutz #streifen {
	
	background-color:#e2e7ed;	
	height:578px;
}


.datenschutz #seitenbereich {
  margin: 0 auto;   /* Zentrierung mitte */
  width: 90%;
 
  
}

.datenschutz #links {
	float:left;
	width:26%;
	margin-right:130px;
	margin-top:20px;

}
.datenschutz #mitte {
 position:relative;
    margin-left:-20px;
    margin-right:-20px;
	margin-top:20px;
    width:26%;
    float:left;
}


.datenschutz #rechts {
  float:right;
  width: 26%;
  margin-left:1px;
  margin-top:20px;
}


.datenschutz h3 {
	padding-bottom:8px;
	padding-top:8px;
	}
.datenschutz .dreisp h2{
	color:#ad1910;
	}

.datenschutz #Bildlauf {
	margin-top:0px;
	height:100px;
	
	position:relative;
	background:url(../img/hd-top-3.jpg) repeat right;
	padding-top:25px;
	
	}
.datenschutz li{
	list-style:disc;
	}
.datenschutz .dreisp{
	width:300px;}

/*-----------Impressum  2spaltiges Design---------------------------------
-----------------------------------------------------------------*/
.Impressum h1{
font-size:2.5em;
}
.Impressum #mainContent{
float:left;
padding-left:100px;
}
/*-----------Kontakt 2spaltiges Design---------------------------------
-----------------------------------------------------------------*/
.Kontakt #hdMenu{
background: url(../img/hintergr-hd-2.jpg) no-repeat 236px -28pt;
}


.kontakt #hdTop{
background: url(../img/HDTop-dsb.jpg) repeat;
}

.kontakt .wilko {
	margin-left:-150px;
	
	}

.kontakt #streifen {
	
	background-color:#e2e7ed;	
	height:578px;
}


.kontakt #seitenbereich {
  margin: 0 auto;   /* Zentrierung mitte */
  width: 95%;
 
  
}

.kontakt #links {
	float:left;
	width:20%;
	margin-right:130px;
	margin-top:20px;
	margin-bottom:10px;

}
.kontakt #mitte {
 position:relative;

    margin-left:-20px;
    margin-right:-20px;
	margin-top:100px;
    width:27%;
    float:left;
}


.kontakt #rechts {
  float:right;
  width: 20%;
  margin-left:1px;
  margin-top:20px;
}


.kontakt h3 {
	padding-bottom:8px;
	padding-top:8px;
	}
.kontakt .dreisp h3{
	color:#ad1910;
	}

.kontakt #Bildlauf {
	margin-top:0px;
	height:100px;
	
	position:relative;
	background:url(../img/hd-top-3.jpg) repeat right;
	padding-top:25px;
	
	}
.kontakt li{
	list-style:none;
	}
/*.kontakt .dreisp{
	width:400px;}
*/
/*-----------Impressum  2spaltiges Design---------------------------------
-----------------------------------------------------------------*/
.Impressum h1{
font-size:2.5em;
}
.Impressum #mainContent{
float:left;
padding-left:100px;
}
.impressum #seitenbereich{
	width:90%;
	margin-left:20px;
	margin-top:10px;}

.fernwartung {
font-size:120% ;
color:#FF0000;
padding-left:287px;
padding-top:10px;

}
.rund {
border-radius: 100%;
-webkit-border-radius: 100%;
/*-moz-border-radius: 100%;*/
width:200px;
}
.dreisp {
	
	width:200px;
	
	}