@charset "utf-8";
/* CSS Document 
// Company: Webweisend Media GmbH
Inhalt:
1. Basics (Global Classes, Clearfix, Global Tags...)
2. Header (Branding, Claim, Kundenlogin)
3. Navi
---3.1 Subnavi
4. Content
---4.1 Newsteaser
---4.2 Headlines
---4.3 Columns
---4.4 Productteaser
---4.5 sidebar-navi
---4.6  content-index
---4.7 Leistungsicons / Jobicons
---4.8 content-jobs
---4.9 sitemap
---4.10 Content Referenzseiten
---4.11 Content News
5. Footer
6. Formulare

/*
/*----------------------------------------------------
// -- 1. Basics
/----------------------------------------------------*/

* {margin:0;padding:0;}

body {	
	font:62.5% "Trebuchet MS", Arial, Verdana, sans-serif;
	background:#FFF;
	color:#444;}
	
/* Clearfix */

.clear:after {
	content:".";
/*	display:block;*/
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}

.clear {display: inline-block;}

html[xmlns].clear {display: block;}

* html .clear {height: 1%;}

.clearStrict {float:none; clear:both;}


a:link {color:#2e5276; text-decoration:none; border-bottom:1px dashed #2e5276;}

a:visited {color:#2e5276; text-decoration:none; border-bottom:0px dashed #2e5276;}

a:hover {color:#2e5276; text-decoration:none; border-bottom:0px dashed #2e5276;}

a:active {color:#2e5276; text-decoration:none; border-bottom:0px solid #2e5276;}


#wrapper {width: 960px; 
margin: 0 auto;}

strong
{
font-weight:bold;
}

em
{
font-style:italic;
}

p
{
margin: 0 0 20px 0;
}

h2
{
font: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size:13px;
font-weight:bold;
color:#2e5276;
}


/*----------------------------------------------------
// -- 2. Header
/----------------------------------------------------*/

#head {background-image:url(../images/head.jpg); background-repeat:no-repeat;
width: 960px; height:161px;}


h1 {width: 262px; 
	height: 90px;
	position:absolute;
	margin: 32px 0 0 32px; padding: 0;
	border: 0;
	}

h1 a, h1 img {
	border: 0;
	text-decoration:none;
	}
#head h1 a {border:0;}



h1 {width:262px; height:90px; position: absolute; top: 25px; text-indent: -9000px;}

#logo { width:262px; height:90px; background-repeat:no-repeat;background-image:url(../images/logo.jpg);
top: 50px;  margin: 0 auto; position:absolute;}
#logo a {display:block; width: 262px; height: 90px; border:0;}
#halter {padding: 40px 0 0 70px;}

#vertrauen-logo
{
position:relative;
top:50px;
left:60px;
width:201px;
height:120px;
background-image:url(../images/vertrauen-logo.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#vertrauen-logo a
{
width:201px;
height:120px;
display:block;
}

#verlinkungen
{
position:relative;
top:100px;
width:280px;
min-height:200px;
/*background-image:url(../images/verlinkung-bg.jpg);*/
background-repeat:no-repeat;
padding:10px 0 0 10px;
}

#verlinkungen p
{
font: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size:12px;
color:#2e5276;
}

#verlinkungen a
{
font: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size:12px;
color:#2e5276;
}

#verlinkungen h2
{
font: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size:13px;
color:#2e5276;
}

#popupbg
{
position:relative;
background-image:url(../images/popup-bg.jpg);
background-repeat:no-repeat;
width:650px;
height:500px;
}

#popupfeld
{
position:relative;
width:600px;
height:400px;
background-color:#C90;
}

/*----------------------------------------------------
// -- 3. Navi
/----------------------------------------------------*/


#menue {
	
	position:absolute;
	width: 580px;
	height: 14px;
	margin-top: 38px;
	margin-left: 340px;
	font-size: 1.3em;	
	list-style-type:none;
	
}


#menue ul{
	width: 580px;
	height: 14px;

}

#menue li {float:left;}

#menue a{
	text-indent: -5000px;
	overflow: hidden;border: 0px;
}
#menue a:link, #menue a:visited{
	display:block;
	

}

#menue a:hover, #menue a:active { 
	
	color:#fff;
	
}




#menue a.startseite:link, #menue a.startseite:visited{
	background-image:url(../images/menue/startseite.jpg);
	width: 105px;
	height: 14px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.aktuelles:link, #menue a.aktuelles:visited{
	background-image:url(../images/menue/aktuelles.jpg);
	width: 130px;
	height: 14px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.profil:link, #menue a.profil:visited{
	background-image:url(../images/menue/profil.jpg);
	width: 109px;
	height: 14px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.leistungen:link, #menue a.leistungen:visited{
	background-image:url(../images/menue/leistungen.jpg);
	width: 142px;
	height: 14px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.service:link, #menue a.service:visited{
	background-image:url(../images/menue/service.jpg);
	width: 92px;
	height: 14px;
	color:#fff;
	background-position: 0px 0px; }
	

/*----------------------------------------------------*/

#menue a.startseite:hover, #menue a.startseite:active{
	background-position: 0px -14px; }
	
#menue a.aktuelles:hover, #menue a.aktuelles:active{

	background-position: 0px -14px; }
	
#menue a.profil:hover, #menue a.profil:active{

	background-position: 0px -14px; }
	
#menue a.leistungen:hover, #menue a.leistungen:active{

	background-position: 0px -14px; }
	
#menue a.service:hover, #menue a.service:active{

	background-position: 0px -14px; }

/*----------------------------------------------------*/

body.startseite #menue a.startseite:link, body.startseite #menue a.startseite:visited{

	background-position: 0px -14px; }
	
body.aktuelles #menue a.aktuelles:link, body.aktuelles #menue a.aktuelles:visited{

	background-position: 0px -14px; }
	
body.profil #menue a.profil:link, body.profil #menue a.profil:visited{

	background-position: 0px -14px; }
	
body.leistungen #menue a.leistungen:link, body.leistungen #menue a.leistungen:visited{

	background-position: 0px -14px; }
	
body.service #menue a.service:link, body.service #menue a.service:visited{

	background-position: 0px -14px; }
		
/*-- 3.1 Sub-Navi*/

#sub_menue {list-style-type:none; margin: 100px 0 0 783px; position: absolute;}
#sub_menue li {float: left; padding: 0 5px 0 5px;}
#sub_menue a {font-size: 1.3em;border:0px;}
#sub_menue a:visited {color:#2e5276; text-decoration:none; border-bottom:0px dotted #2e5276;}

#sub_menue a:hover {color:#2e5276; text-decoration:none; border-bottom:1px dotted #2e5276;}

#sub_menue a:active {color:#2e5276; text-decoration:none; border-bottom:0px dotted #2e5276;}

	
/*----------------------------------------------------
// -- 4. Content
/----------------------------------------------------*/

#links {width: 310px; height: 382px; float: left; background-image:url(../images/bg_links.jpg); background-repeat:repeat-x;}
 
h4 {text-indent: -9000px; background-image:url(../images/headlines/startseite.jpg); background-repeat:no-repeat;}
body.aktuelles h4 {text-indent: -9000px; background-image:url(../images/headlines/aktuelles.jpg); background-repeat:no-repeat;}
body.profil h4 {text-indent: -9000px; background-image:url(../images/headlines/profil.jpg); background-repeat:no-repeat;}
body.leistungen h4 {text-indent: -9000px; background-image:url(../images/headlines/leistungen.jpg); background-repeat:no-repeat;}
body.service h4 {text-indent: -9000px; background-image:url(../images/headlines/service.jpg); background-repeat:no-repeat;}
body.kontakt h4 {text-indent: -9000px; background-image:url(../images/headlines/kontakt.jpg); background-repeat:no-repeat;}
body.anfahrt h4 {text-indent: -9000px; background-image:url(../images/headlines/anfahrt.jpg); background-repeat:no-repeat;}
body.impressum h4 {text-indent: -9000px; background-image:url(../images/headlines/impressum.jpg); background-repeat:no-repeat;}
body.error h4 {text-indent: -9000px; background-image:url(../images/headlines/error.jpg); background-repeat:no-repeat;}
body.danke h4 {text-indent: -9000px; background-image:url(../images/headlines/danke.jpg); background-repeat:no-repeat;}


	h3 {padding: 0 0 0 0;text-indent: -9000px; background:url(../images/headlines/newsletter.jpg) 10px 20px no-repeat; width: 400px; height: 65px;}
	
	
#kontaktdaten {margin:20px 0 0 10px; width:290px; height: 144px;}
#kontaktdaten ul {margin: 5px 0 0 0;list-style-type: none; font-size: 1.3em; color:#FFF;}
#kontaktdaten a {color:#FFF;border-bottom:1px dotted #bed8e9;}
#kontaktdaten a:visited{border-bottom:0px dotted #bed8e9;}
#kontaktdaten a:hover{border-bottom:0px dotted #FFF;}
#kontaktdaten a:active{border-bottom:0px dotted #2e5276;}
	


#rechts {float: right; width: 630px; margin: 10px 0 0 0;}
#rechts p {color:#2e5276; font-size: 1.3em; line-height: 1.7;}
.headline {margin: 0 0 20px 0;}

#modul1_startseite {margin: 50px 10px 0 0; float: left; width:300px; height: 262px; background-image:url(../images/modul_head.jpg); background-repeat:repeat-x; background-color:#f5f5f5;}
#modul2_startseite {margin: 50px 0 0 0;float: right;width:320px; height: 262px; background-image:url(../images/modul_head.jpg); background-repeat:repeat-x; background-color:#f5f5f5;}
#modul1_startseite ul{margin: 10px 0 0 30px; list-style-image:url(../images/haken.jpg); font-size: 1.3em; color:#2e5276;line-height: 1.6;}
	
	
#zertifikat {background-image:url(../images/zertifikat.jpg); background-repeat:no-repeat; width:300px; height:230px; margin: 15px 0 0 10px;}
.zer { width: 215px; height: 169px; margin: 12px 0 0 80px;}
	
	
.liste ul {font-size: 1.3em; padding: 0 0 0 15px;}
.liste li {list-style-type:square; padding: 5px 0 0 0;}
	
	
body.kontakt #rechts a:link {border-bottom: 1px dotted #2e5276;}
body.kontakt #rechts a:visited  {border-bottom: 1px dotted #2e5276;}
body.kontakt #rechts a:hover  {border-bottom: 0px solid #2e5276;}
body.kontakt #rechts a:active {border-bottom: 1px dotted #2e5276;}


h5
{
font: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size:18px;
font-weight:bold;
color:#2e5276;
}

#artikel {
	width:630px;
	height: 280px;
}
#artikel_start {
	width:593px;
	height: 150px;
	padding: 18px 18px 18px 21px;
	background-image:url(../images/modul_head.jpg);
	background-repeat:repeat-x;
	background-color:#f5f5f5;
}
#artikel_left {
	width:308px;
	padding-right:5px;	
	float:left;
}
#artikel_left_start {
	width:245px;
	padding-right:10px;	
	float:left;
}
#artikel_right {
	width:308px;
	padding-left: 5px;
	float:right;
}
#artikel_right_start {
	width:auto;
	padding-right: 88px;
	float:right;
}

/*-- 4.1 SLIDESHOW*/

#slideshow {
    position:relative;
    height:190px;
	margin: 10px 0 0 10px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

	
/*-- 4.2 Newsletter*/

#newsletter {margin:10px 0 0 0;width: 635px; height:124px; background-image:url(../images/modul_head.jpg); background-repeat:repeat-x; background-color:#f5f5f5;}
.headline2 {margin: 15px 0 0 10px;}
#news_links {height: 40px;width:290px; float:left;margin:0 0 0 0;}
#news_links p{margin: 0 0 0 10px;line-height:1.3em;}
#news_rechts {float:right;width:300px;margin:0 0 0 0;}
#newsletter fieldset {outline:none;float:left; border:0;}
#newsletter input {margin:5px 0 0 0; width:100px;}
	
/*----------------------------------------------------
// -- 5. Footer
/----------------------------------------------------*/


	
/*----------------------------------------------------
// -- 6. Formulare
/----------------------------------------------------*/



/*----------------------------------------------------
// -- Validation
/----------------------------------------------------*/