html {
	height: 100%;
}
body  {
font-size: 100.1%;
background: #fefeff url(../pics/bg.jpg) repeat-x;
margin:  0;
min-height: 101%;
font-size: 101.01%;
}
:focus {
	outline: 0;
}
h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
font-family:  Arial, Helvetica, Verdana, sans-serif; }

li li {
  font-size: 100% !important;
}



img {
	border: none;	
}

.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
style.css
a img {
border:medium none;
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

.alignright {
float:right;
}

style.css
p img {
max-width:100%;
}



/* CONTAINER
--------------------------------------------------*/

#container {
text-align: left;
margin: 0 auto;
width: 849px;
background: #fff url(../pics/content-bg.gif) repeat-y;  
 }

#oben {
background:fff;
position : relative;
width: 849px;
height : 59px;
} 


#logo {
position:absolute;
top: 0;
left : 0;
}


/*- Menu Tabs--------------------------- */


    #tabs {
      position : relative;
left : 505px;
width : 270px;
padding : 0;
height: 59px;
      }
	
    #tabs ul {
        margin:0;
        padding:0;
        list-style:none;
	
      }
    #tabs li {
      display:inline;
	  height: 36px;
      margin:0;
      padding:0;
	 
      }
    #tabs a {
      float:left;
      background:url("../pics/bg-links.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 1px;
      text-decoration:none;
	  font-size: 11px;
      }
	  
    #tabs a span {
      float:left;
      display:block;
      background:url("../pics/bg-rechts-2.jpg") no-repeat right top;
      padding:15px 13px 7px 13px;
      color:#000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#000;
	  background-position: 0px -36px;
      }
    #tabs a:hover {
      background-position: 0 -36px;
	  color: #000;
      }
    #tabs a:hover span {
      background-position:100% -36px;
	  color: #000;
      }

        #tabs #current a {
                background-position:0% -36px;
				color: #000;
        }
        #tabs #current a span {
                background-position:100% -36px;
				color: #000;
        }

#languages {
float: right;
width: 60px;
}

#languages img {
margin-top: 15px;
margin-left: 5px;
}




/*TOPNAV
-------------------------------------------------*/
div.topnav     {
position : relative;
left : 390px;
width : 350px;
padding : 0;
height: 59px;
}
div.topnav ul  {
float : right;
margin : 0;
padding : 0;
list-style-type : none;
}
div.topnav li  {
display : inline;
padding : 0;
margin : 0;
}
div.topnav a      {
margin : 0;
padding :15px 10px 10px 10px;
display : block;
float : left;
text-decoration : none;
text-align: center;
color: #000;
font-weight:normal;
font-size: 11px;
background: transparent url(../pics/line.jpg) top right no-repeat;
}
div.topnav a:hover   {
text-decoration : underline;
}
.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus {
text-decoration : none;
background: transparent url(../pics/topnavi-bg.jpg) 0 no-repeat;

}




#header {
float: left;
width: 849px;
/*background: transparent url(../pics/telekommunikation-splash.jpg) no-repeat;*/
height: 208px;
}
#header { height:208px; margin:auto; float: left; width: 849px; }
.top_en { background:transparent url("http://www.infratekom.de/infratekom/pics/telekommunikation-eng.jpg") no-repeat; }
.top_de { background:transparent url("http://www.infratekom.de/infratekom/pics/telekommunikation-splash.jpg") no-repeat; }

.bereiche_en { background:transparent url("http://www.infratekom.de/infratekom/pics/geschaeftsbereiche-eng.jpg") no-repeat; }
.bereiche_de { background:transparent url("http://www.infratekom.de/infratekom/pics/geschaeftsbereiche.jpg") no-repeat; }

.service_en { background:transparent url("http://www.infratekom.de/infratekom/pics/hoehenarbeiten-eng.jpg") no-repeat; }
.service_de { background:transparent url("http://www.infratekom.de/infratekom/pics/hoehenarbeiten.jpg") no-repeat; }

.quality_en { background:transparent url("http://www.infratekom.de/infratekom/pics/qualitaetsmanagement-eng.jpg") no-repeat; }
.quality_de { background:transparent url("http://www.infratekom.de/infratekom/pics/qualitaetsmanagement.jpg") no-repeat; }

.personal_en { background:transparent url("http://www.infratekom.de/infratekom/pics/personal-eng.jpg") no-repeat; }
.personal_de { background:transparent url("http://www.infratekom.de/infratekom/pics/personal-splash.jpg") no-repeat; }

.kunden_en { background:transparent url("http://www.infratekom.de/infratekom/pics/referenzen-eng.jpg") no-repeat; }
.kunden_de { background:transparent url("http://www.infratekom.de/infratekom/pics/referenzen-2.jpg") no-repeat; }

.karriere_en { background:transparent url("http://www.infratekom.de/infratekom/pics/karriere-eng.jpg") no-repeat; }
.karriere_de { background:transparent url("http://www.infratekom.de/infratekom/pics/karriere-splash.jpg") no-repeat; }

.mainnav {
float: left;
width: 849px;
height: 28px;
background: #fff url(../pics/navi-bg.jpg) repeat-x;

}

div.mainnav ul  {
float : left;
margin-left : 15px;
padding : 0;
list-style-type : none;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html div.mainnav ul {
  margin-left: 5px;
  }

/* End hide from IE5/mac */


div.mainnav li  {
display : inline;
padding : 0;
margin : 0;
}
div.mainnav a      {
margin : 0;
padding : 7px 10px 6px 5px;
display : block;
float : left;
text-decoration : none;
color: #fff;
font-weight:normal;
font-size: 12px;
background: transparent url(../pics/strich.gif) top right no-repeat;   

}
div.mainnav a:hover   {
text-decoration : underline;
}

.aktiv a:link, .aktiv a:visited, .aktiv a:hover, .aktiv a:active, .aktiv a:focus {
text-decoration : underline;


}


/* INHALT
----------------------------------------------*/
#main  {
width: 849px;
text-align: left;
background: #fff;
clear: both;

}
.hoehe { height: 350px; }
div[class = "hoehe"] { height: auto; min-height: 350px }


#content       {
float: left;
width: 485px;
line-height: 1.2em;
text-align: left;
background: #ffffff;  
}

#content p { color: #000; font-size: 0.8em;  padding: 5px 15px 5px 20px; line-height: 1.4em;}
#content h2    { color: #0e57a4; font-weight: bold; padding: 30px 0 5px 20px; font-size: 0.9em; background: transparent url(../pics/headline-punkte.gif) 0 0 repeat-x;}
#content h3    { color: #0e57a4; font-weight: bold; padding: 0 0 10px 20px; font-size: 0.8em; margin: 0; }
#content h4    { color: #666; font-weight: bold; padding: 0 0 10px 20px; font-size: 0.8em; margin: 0; }

#content ul { list-style-type: none;padding: 0; margin: 10px 5px 15px 25px;}
#content li {
font-size: 0.8em;
color: #000;
padding-left: 20px;
background: transparent url(../pics/pfeil.gif) 0 0px no-repeat;  
}

p.rechtsausrichten {
	text-align: right;
}

#content li.punkte {
font-size: 0.8em;
color: #000;
padding-left: 20px;
font-weight: bold;
background: transparent url(../pics/anstrich.gif) 0 5px no-repeat;  
}



#content a:link  {
color : #0e57a4;
text-decoration : none;

}

#content a:visited {
color : #0e57a4;
text-decoration : none;

}
#content a:hover {
color : #0e57a4;
text-decoration: underline;

}
#content a:active {
color : #0e57a4;
text-decoration : none;

} 


#content li li {
background-image: url(../pics/kreis.gif);
background-position: 0 5px;
background-repeat: no-repeat;
padding-left: 2em;
}

#rechtespalte {
width: 309px;
float: right;
padding-top: 30px;
margin-right: 20px;
background: #fff;
}

#rechtespalte a:link  {
color : #fff;
text-decoration : none;

}

#rechtespalte a:visited {
color : #ffffff;
text-decoration : none;

}
#rechtespalte a:hover {
color : #fff;
text-decoration: underline;

}
#rechtespalte a:active {
color : #fff;
text-decoration : none;

} 

.servicetelekommunikation {
background: transparent url(../pics/service-telekommunikation.jpg) 0 no-repeat;
width: 309px;
height: 58px;  
color: #fff; 
font-size: 0.8em;  
text-align:right;
margin-bottom: 10px;
padding-top:
}

.personal {
background: transparent url(../pics/personal-telekommunikation.jpg) 0 no-repeat;
width: 309px;
height: 58px;  
color: #fff; 
font-size: 0.8em;  
text-align:right;
margin-bottom: 10px;
}

.dokumentationen {
background: transparent url(../pics/technische-dokumentationen.jpg) 0 no-repeat;
width: 309px;
height: 58px;  
color: #fff; 
font-size: 0.8em;   
text-align:right;
margin-bottom: 10px;
}

.regenerative {
background: transparent url(../pics/regenerative-energien.jpg) 0 no-repeat;
width: 309px;
height: 58px;  
color: #fff; 
font-size: 0.8em;   
text-align:right;
margin-bottom: 10px;
}

.runter {
display: block;
padding-top: 35px;
padding-right: 5px;
font-weight: bold;
}


.platz { height: 322px; }
div[class = "platz"] { height: auto; min-height: 322px }



/* FOOTER
------------------------------*/
#footer   {
font:  0.7em Arial, Helvetica, Verdana, sans-serif;
float: left;
clear: both;
width: 100%;
height: 49px;
background: #30395c url(../pics/footer-bg.jpg) repeat-x;
color: #fff;
}

#adresse {
text-align: left;
margin: 0 auto;
width: 849px;
background: #30395c url(../pics/kasten-adresse.jpg) no-repeat;

}

#adresse p {
padding: 30px 60px 20px 10px;
color: #fff;

}
#adresse a      {
 color: #fff;
 text-decoration: underline;
 background: transparent;
 font-weight: normal;
  }
  
/* FORMULAR
---------------------------------------------------*/
fieldset {
	width: 400px;
	border: 0;
}
fieldset p { 
width: 100%; 
float: left; 
}
fieldset input  {
width: 60%; 
border: 1px solid #ccc;
background: #fafafa;
}
.submit {	
	background:  #fafafa;
	width: 20%;
}
.rechts {
	text-align: right;
	margin-right: 5px;
	
}
fieldset select  {
width: 100px; 
padding-right: 5px;
}
fieldset label {
display: block; 
float: left;
width: 35%;
padding: 0px; 
margin: 0 5px 0 0;
background: #dde4ed; 
color: inherit;

	}
.lang {
	width: 80%;
	background: #fff;
}
fieldset textarea {
	border: 1px solid #ccc;
	width: 240px;
	background: #fafafa;
}	
.kurz {
	width:20px;
}
/*Ende Formular*/

#sitemap {
margin-left: 20px;
}


table {
margin-left: 20px;
}


/* qtrtanslate */

.qtrans_flag span { display:none }
.qtrans_flag { height:12px; width:18px; display:block }
.qtrans_flag_and_text { padding-left:20px }
.qtrans_flag_de { background:url(http://www.infratekom.de/infratekom/wp-content/plugins/qtranslate/flags/de.png) no-repeat }
.qtrans_flag_en { background:url(http://www.infratekom.de/infratekom/wp-content/plugins/qtranslate/flags/gb.png) no-repeat }

.qtrans_language_chooser { list-style-type:none }
.qtrans_language_chooser li { float:left; margin-right:5px }
#languages {margin-top: 15px;}
 
 
 /*---Kontaktformular --*/
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	color: #000;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
		color: #ff0000;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}

input, textarea {
	background: #e9f0f4;
	border: 0;
}