@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global tags <<<-----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: url(../images/bg-body.jpg) center top repeat-x #fff;
	font:0.9em Arial, Helvetica, sans-serif;
	color:#585858;
	line-height:1.7em;
}

a:link, a:visited {
	color:#124a9e;
	text-decoration:underline;
}

a:hover, a:active {
	color:#124a9e;
	text-decoration:none;
}

p {
	margin:0 0 1.3em 0;
}

img {
	border:0;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global classes <<<--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

.clear {
	height:0.1em;
	line-height:0.1em;
	font-size:0.1em;
	clear:both;
	margin:0 0 0 0;
}

.line {
	width:98%;
	border-bottom:1px dashed #b0b8b6;
	margin:0 0 1em 0;
}

.image {
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

.left-float {
	float:left;
}

.border {
	border:3px solid #f2f2f2;
}

.highlight {
	font-size:1em;
	color:#124a9e;
	font-weight:bold;
}

.right-margin {
	margin-right:10px;
}

.left-margin {
	margin-left:10px;
}

.small-text {
	color:#777;
	font-size:0.9em;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- container <<<-------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#container {
	width:920px;
	margin:0 auto;
	min-height:100%;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- header <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#header {
	width:920px;
	height:448px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
}

h1#branding {
	width:290px;
	height:67px;
	background:url(../images/h1-schoeneseiffen.jpg) 0 0 no-repeat;
	position:absolute;
	left:630px;
	top:13px;
}

/* ---- navi <<<------------------------------------------------------------------------------------------*/

ul#navi {
	position:absolute;
	width:300px;
	height:37px;
	top:110px;
	left:40px;
	font-size:0.9em;
	list-style-type:none;
}

* html ul#navi {
	top:110px;
	left:20px;
}

ul#navi a:link, ul#navi a:visited {
	color:#585858;
	text-decoration:none;
}
ul#navi a:hover, ul#navi a:active {
	color:#f15e19;
	text-decoration:none;
}
ul#navi li {
	margin-left:20px;
	float:left;
}

/* ---- navi-add <<<--------------------------------------------------------------------------------------*/

ul#navi-add {
	position:absolute;
	width:280px;
	height:230px;
	top:157px;
	left:10px;
}
ul#navi-add li {
	text-indent: -9999em;
	display:block;
	width:280px;
}
ul#navi-add li a {
	display:block;
	border:none;
	width:280px;
}
a.navi-add-willkommen, a.navi-add-willkommen:visited {
	height:58px;
	background:url(../images/li-navi-add-willkommen.jpg) 0 0 no-repeat;
}
a.navi-add-willkommen:hover, a.navi-add-willkommen:active {
	background:none;
}

a.navi-add-leistungen, a.navi-add-leistungen:visited {
	height:58px;
	background:url(../images/li-navi-add-leistungen.jpg) 0 0 no-repeat;
}
a.navi-add-leistungen:hover, a.navi-add-leistungen:active {
	background:none;
}

a.navi-add-aktuelles, a.navi-add-aktuelles:visited {
	height:58px;
	background:url(../images/li-navi-add-aktuelles.jpg) 0 0 no-repeat;
}
a.navi-add-aktuelles:hover, a.navi-add-aktuelles:active {
	background:none;
}

a.navi-add-newsletter, a.navi-add-newsletter:visited {
	height:56px;
	background:url(../images/li-navi-add-newsletter.jpg) 0 0 no-repeat;
}
a.navi-add-newsletter:hover, a.navi-add-newsletter:active {
	background:none;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-container <<<-----------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-container {
	width:920px;
}
/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-sidebar <<<-------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-sidebar {
	float:left;
	width:305px;
	height:550px;
	background:url(../images/bg-content-sidebar.jpg) 0 0 no-repeat;
	position:relative;
	font-size:0.85em;
	line-height:1.7em;
}

div#content-sidebar-adresse {
	position:absolute;
	width:220px;
	height:120px;
	top:42px;
	left:42px;
}

div#content-sidebar-fragen {
	position:absolute;
	width:220px;
	height:60px;
	top:273px;
	left:42px;
}

div#content-sidebar-zertifikate {
	position:absolute;
	width:260px;
	height:150px;
	top:400px;
	left:31px;
}

a.kanalsanierung, a.kanalsanierung:visited {
	width:84px;
	height:141px;
	background:url(../images/zertifizierter-kanal-sanierungs-berater-th.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	float:left;
}
a.kanalsanierung:hover, a.kanalsanierung:active {
	background:none;
}
a.kanalinspektion, a.kanalinspektion:visited {
	width:83px;
	height:141px;
	background:url(../images/dach-lehrgang-kanalinspektion-th.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	float:left;
}
a.kanalinspektion:hover, a.kanalinspektion:active {
	background:none;
}
a.kanalbau, a.kanalbau:visited {
	width:79px;
	height:141px;
	background:url(../images/gueteschutz-kanalbau-verleihungs-urkunde-th.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	float:left;
}
a.kanalbau:hover, a.kanalbau:active {
	background:none;
}


/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-main <<<----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-main {
	float:left;
	width:565px;
	padding:0 20px 0 30px;
	background:#fff;
	min-height:500px;
}

div.content-column {
	width:270px;
	padding:0 10px 0 0;
	float:left;
}

div#content-main ul {
	background:#f2f2f2;
	padding:6px;
}

div#content-main li {
	list-style-type:none;
	background:url(../images/bg-li-content-main.gif) 5px 9px no-repeat;
	padding:0 0 0 20px;
	font-weight:bold;
	line-height:2.2em;
}

/* ---- headlines <<<-------------------------------------------------------------------------------------*/

/* h2 */
h2 {
	text-indent:-9999px;
	margin:0 0 2em 0;
	height:22px;
}

h2#willkommen {background:url(../images/h2/h2-willkommen.gif) 0 0 no-repeat;}
h2#kontakt {background:url(../images/h2/h2-kontakt.gif) 0 0 no-repeat;}
h2#anfahrt {background:url(../images/h2/h2-anfahrt.gif) 0 0 no-repeat;}
h2#impressum {background:url(../images/h2/h2-impressum.gif) 0 0 no-repeat;}
h2#newsletter-headline {background:url(../images/h2/h2-newsletter.gif) 0 0 no-repeat;}
h2#fehler {background:url(../images/h2/h2-fehler.gif) 0 0 no-repeat;}
h2#firmenphilosophie {background:url(../images/h2/h2-firmenphilosophie.gif) 0 0 no-repeat;}
h2#leistungen {background:url(../images/h2/h2-leistungen.gif) 0 0 no-repeat;}
h2#referenzen {background:url(../images/h2/h2-referenzen.gif) 0 0 no-repeat;}
h2#aktuelles {background:url(../images/h2/h2-aktuelles.gif) 0 0 no-repeat;}

/* h3 */
h3 {
	margin:0 0 2em 0;
	font-size:1.3em;
	font-weight:normal;
	color:#124a9e;
}

/* h4 */
h4 {
	font-size:1.1em;
	margin:0 0 0 0;
	color:#124a9e;
	font-weight:bold;
	text-transform:uppercase;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- footer <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#footer {
	width:100%;
	height:109px;
	background:url(../images/bg-footer.jpg) center top repeat-x;
	color:#fff;
	font-size:0.85em;
	word-spacing:0.8em;
}
div#footer a:link, div#footer a:visited {
	color:#fff;
	text-decoration:none;
}
div#footer a:hover, div#footer a:active {
	color:#fff;
	text-decoration:underline;
}

/* ---- footer-content <<<--------------------------------------------------------------------------------*/

div#footer-content {
	width:920px;
	height:109px;
	margin:0 auto;
	padding:0 0 0 0;
	background:url(../images/bg-footer-content.jpg) 0 0 no-repeat;
	position:relative;
}

/* ---- navi-add2 <<<-------------------------------------------------------------------------------------*/

p#navi-add2 {
	position:absolute;
	width:700px;
	height:15px;
	top:30px;
	left:210px;
}