@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:#0e0e0e;
	background-image:url(../images/lochblech.jpg);
	background-repeat:repeat-x;
	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:#fff; text-decoration:none; border-bottom:0px dashed #fff;}

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

a:hover {color:#fff; text-decoration:none; border-bottom:1px dashed #fff;}

a:active {color:#fff; text-decoration:none; border-bottom:1px solid #fff;}




h1 {width: 287px; 
	height: 140px;
	position:absolute;
	margin: 30px 0 0 60px; padding: 0;
	z-index:1;}

h1 a, h1 img {
	border: none;
	text-decoration:none;
	z-index:1;}
	h1 a:hover {
	border: none;
	}
		h1 a{
	border: none !important;
	}

a img {border:2px solid #FFF;}
#head a img {border:0px solid #999;}
/*----------------------------------------------------
// ----> 2. Header
/----------------------------------------------------*/

#flash {top:14px; left:453px; position:absolute;}


	
/*----------------------------------------------------
// ----> 4. Content
/----------------------------------------------------*/
#webweisend a {border:none;}
#wrapper {width: 960px; margin: 0 auto;background-image:url(../images/bg.jpg); background-repeat:no-repeat;position:relative;}

#head {width: 960px; height:392px; margin: 0 0 0 0; }
#logo {width:960px; height: 262px; background-image: url(../images/header.jpg);background-repeat: no-repeat; position: absolute; top:25px;}
	
	
#content {width:960px; background-image:url(../images/content_bg.png); background-repeat:repeat-y; }

#content_wrapper { float:left;width: 560px; padding: 20px 0 20px 0; margin: 0 0 0 50px; font-size: 1.3em; color:#fff; line-height:1.4em;}
	
body.produkte #content_wrapper { float:left;width: 880px; padding: 20px 0 20px 0; margin: 0 0 0 50px; font-size: 1.3em; color:#fff; line-height:1.4em;}
	
h2 {font-size:2.0em; padding: 0 0 20px 0; font-weight:normal;}

#galerie {margin: 50px 0 30px 0;width: 240px; float: right; position:relative; }
#galerie img{margin: 0px 10px 10px 0; border:1px solid #666;}
#galerie a {border:none;}

/**/
a.lined{border-bottom:dashed 1px #FFF;}


h3 {font-size:1.2em; margin: 2px 0 10px 2px;}

 			 .boxgrid{ 
				width: 150px; 
				height: 150px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #666; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 5px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption { 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: 0.8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 30px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 60px;
 					left: 0;
 				}
				
			h3 a{}

/**/

body.leistungen #content_wrapper ul{margin: 20px 0 0 17px;}





#footer {width: 860px; height: 179px; margin: 0 auto; background-image:url(../images/footer.jpg); background-repeat: no-repeat; background-position:bottom; padding:23px 0 0 0;}
#footer_links {width:300px; float:left;margin: 50px 0 0 50px;}
#footer_mitte {width:300px;position:absolute; left: 400px; margin: 50px 0 0 0;}
#footer p {color:#000; font-size: 1.4em;}
/*----------------------------------------------------
// ----> 6. Menue
/----------------------------------------------------*/
#sub_menue {float: right;margin-top:3px;}
#sub_menue a {color:#FFF; font-size:1.4em; margin: 0 10px 0 0; top:5px;}

#menue {
	
	position:absolute;
	left: 191px;
	width: 579px;
	height: 67px;
	top: 287px;
	font-size: 1.3em;	
	list-style-type:none;
	
}


#menue ul{
	width: 579px;
	height: 67px;

}

#menue li {float:left; border:none;}
#menue li a{border:none;}

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

}

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




#menue a.home:link, #menue a.home:visited{
	background-image:url(../images/menue/1.jpg);
	width: 108px;
	height: 67px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.wirueberuns:link, #menue a.wirueberuns:visited{
	background-image:url(../images/menue/2.jpg);
	width: 172px;
	height: 67px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.leistungen:link, #menue a.leistungen:visited{
	background-image:url(../images/menue/3.jpg);
	width: 152px;
	height: 67px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.produkte:link, #menue a.produkte:visited{
	background-image:url(../images/menue/4.jpg);
	width: 147px;
	height: 67px;
	color:#fff;
	background-position: 0px 0px; }
	

	

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

#menue a.home:hover, #menue a.home:active{
	background-position: 0px -67px; }
	
#menue a.wirueberuns:hover, #menue a.wirueberuns:active{
	
	background-position: 0px -67px; }
	
#menue a.leistungen:hover, #menue a.leistungen:active{
	
	background-position: 0px -67px; }
	
#menue a.produkte:hover, #menue a.produkte:active{
	
	background-position: 0px -67px; }
	


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

body.home #menue a.home:link, body.home #menue a.home:visited{
	
	background-position: 0px -67px; }
	
body.wirueberuns #menue a.wirueberuns:link, body.wirueberuns #menue a.wirueberuns:visited{
	
	background-position: 0px -67px; }
	
body.leistungen #menue a.leistungen:link, body.leistungen #menue a.leistungen:visited{
	
	background-position: 0px -67px; }
	
body.produkte #menue a.produkte:link, body.produkte #menue a.produkte:visited{
	
	background-position: 0px -67px; }
	

		

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