/* CSS Document */

body {
	background-image: url(../img/slide_pic.jpg);
	background-repeat: repeat-x;	
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	}



.top {
	background-image: url(../img/top.jpg);
	background-repeat: repeat-x;
	width:948px;
	height:100px;
	}
	
.main {
	background:#FFFFFF;
	background-image: url(../img/slideInner.jpg);
	background-repeat: repeat-x;
	width:938px;
	height:1024px;
	display:block;
	border:solid 1px #DCD7BA;
	padding-left:5px;
	padding-right:5px;	
	}
	
.bottom {
	background:#333333;	
	background-repeat: repeat-x;
	width:950px;
	height:340px;
	text-align:center;	
	}
.bottom a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-decoration:none;
	}			
.bottom a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	text-decoration:none;
	}		
	
.logo {
	display:block;
	position:relative;
	background-image: url(../img/logoSmaller.jpg);
	top:-63px;
	width:380px;
	height:190px;	
	background-repeat:no-repeat;
	float:left;
	margin-right:15px;
	}	
	
.topNav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding-left:400px;
	padding-top:7px;
	}	

.naviTopSmall {
	font-size:10px;
	text-align:right;
	padding-right:40px;
	padding-top:5px;
	}

.naviTopSmall a {
	text-decoration:none;
	color:#333333;
	}
	
.naviTopSmall a:hover {
	text-decoration:none;
	color:#999999;
	}	

.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#000000;
	padding-top:50px;
	}	
	
.nav {
	clear:both;
	margin-top:-40px;
	padding-left:20px;
	margin-bottom:50px;
	width:230px;	
	float:left;
	}	
.content {
	margin-top:-40px;
	display:block;
	width:670px;
	float:left;	
	font-size:12px;
	}	
	


/* Nav Buttons */
.nav1 {
	background-image:url(../img/nav/home.jpg);
	background-repeat:no-repeat;
	display:block;
	width:203px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:27px;
	margin-bottom:1px;
	}
.nav2 {
	background-image:url(../img/nav/dienstleistung.jpg);
	background-repeat:no-repeat;
	display:block;
	width:203px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:27px;
	margin-bottom:1px;
	}	
.nav3 {
	background-image:url(../img/nav/existenzgruendung.jpg);
	background-repeat:no-repeat;
	display:block;
	width:203px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:27px;
	margin-bottom:1px;
	}	
.nav4 {
	background-image:url(../img/nav/friseureinrichtung.jpg);
	background-repeat:no-repeat;
	display:block;
	width:203px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:27px;
	margin-bottom:1px;
	}	
.nav5 {
	background-image:url(../img/nav/friseurbedarf.jpg);
	background-repeat:no-repeat;
	display:block;
	width:203px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:27px;
	margin-bottom:1px;
	}	
.nav6 {
	background-image:url(../img/nav/visualisierung.jpg);
	background-repeat:no-repeat;
	display:block;
	width:203px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:27px;
	margin-bottom:1px;
	}	
.nav7 {
	background-image:url(../img/nav/kontakt.jpg);
	background-repeat:no-repeat;
	display:block;
	width:203px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:27px;
	margin-bottom:1px;
	}	

.nav8 {
	background-image:url(../img/nav/jobs.jpg);
	background-repeat:no-repeat;
	display:block;
	width:203px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:27px;
	margin-bottom:1px;
	}								
	
.nav1:hover {
	background-image:url(../img/nav/home_up.jpg);	
	}
.nav2:hover {
	background-image:url(../img/nav/dienstleistung_up.jpg);
	}	
.nav3:hover {
	background-image:url(../img/nav/existenzgruendung_up.jpg);
	}	
.nav4:hover {
	background-image:url(../img/nav/friseureinrichtung_up.jpg);
	}	
.nav5:hover {
	background-image:url(../img/nav/friseurbedarf_up.jpg);
	}	
.nav6:hover {
	background-image:url(../img/nav/visualisierung_up.jpg);
	}	
.nav7:hover {
	background-image:url(../img/nav/kontakt_up.jpg);
	}								
.nav8:hover {
	background-image:url(../img/nav/jobs_up.jpg);
	}									
	
	
/* Box */	
.box {
	width:220px;
	height:auto;
	display:block;
	float:left;
	}

.boxTop {
	background-image:url(../img/boxTop.jpg);
	display:block;
	background-repeat:no-repeat;	
	width:150px;
	height:34px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:16px;	
	padding-left:60px;
	}
.boxBody {
	background-image:url(../img/boxSlide.jpg);
	display:block;
	background-repeat:repeat-x;
	width:210px;
	height:200px;
	font-size:11px;
	color:#000000;
	}	
	
.boxTitle {		
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	}	
	
	
/*  Service-List */

.serviceListTxt {
	float:left;  
	width:380px; 
	padding-top:15px;
	}	
.serviceList {
	float:left; 
	width:220px;
	color:#5A74A3;
	
	}	
h1 {
	color:#000000;	
	font-size:25px;
	}
h1:first-letter {
	color:#5A74A3;
	font-size:25px;
	}	
	
h2 {
	color:#000000;	
	font-size:20px;
	}
h2:first-letter {
	color:#5A74A3;
	font-size:20px;
	}	

h3 {
	color:#5A74A3;	
	font-size:16px;
	}
		
.titleLink {
	color:#666666;
	font-size:16px;
	text-decoration:none;
	}	

.headerTxt {
	font-size:9px;
	color:#999999;
	padding-left:10px;	
	}	
	
/* GELLERY */

.galLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;	
	}	
	
.txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	}	
	
.contact_field {
	border:0px;
	border-bottom:1px dotted #666666;	
	}
	
.contact_big {
	border:1px dotted #666666;
	width:270px;
	height:120px;	
	}	
.red {
	color:#FF0000;
	font-weight:bold;
}	

.newsLink {
	color:#333333;
	font-size:12px;
	text-decoration:none;
	}
.newsLink:hover {
	color:#666666;
	font-size:12px;
	text-decoration:none;
	}	
	
.katLink {
	background-image:url(../img/nav/katBg_up.jpg);
	background-repeat:no-repeat;
	display:block;
	width:203px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	padding-top:10px;
	text-decoration:none;
	text-align:center;
	margin-bottom:1px;
	}	
.katLink:hover {
	background-image:url(../img/nav/katBg.jpg);
	background-repeat:no-repeat;
	display:block;
	width:203px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-top:10px;
	text-decoration:none;
	text-align:center;
	margin-bottom:1px;
	}	
	
.productLink {
	font-size:12px;
	color:#666666;
	text-decoration:none;
	}	

.productLink:hover {
	font-size:12px;
	color:#333333;
	}	
	
.productTxt {
	font-size:12px;
	color:#333333;
	padding-top:15px;
	}	
	
.produktvorstellungLeft {
	width:275px; 
	float:left; 
	display:block;
	}	
.produktvorstellungRight {
	width:380px; 
	float:left; 
	display:block;
	}	
.produktvorstellungRight a {
	color:#006699;
	font-weight:bold;
	text-decoration:none;	
	}		
	
.blueTxt {
	font-size:14px; 
	color:#5B78A4; 
	height:35px;
	}	
	
.facebookBg {
	display:block;
	background:url(../img/facebook_bg.jpg);
	height:60px;
	width:191px;
	background-repeat:no-repeat;
	padding:5px;	
	text-align:center;
	font-size:11px;
	color:#666666;
	padding-top:15px;
	}		
	
.newsletterBg {
	display:block;
	background:url(../img/newsletter_bg.jpg);
	height:185px;
	width:191px;
	background-repeat:no-repeat;
	padding:5px;	
	text-align:center;
	font-size:11px;
	color:#666666;
	padding-top:15px;
	}	
	
.sitemap a{	
	font-size:14px;
	color:#333333;
	text-decoration:none;
	}	
.sitemap div {
	margin-bottom:5px;
	}
.sitemap .div2 {
	margin-left:20px;
	}
.sitemap .div3 {
	margin-left:35px;
	}	
	
.sitemap .div2 a {	
	font-size:12px;
	color:#666666;
	}	
.sitemap .div3 a {	
	font-size:12px;
	color:#999999;
	}				
	
.newsletterInput {
	background:#FFFFFF;
	border:1px solid #CDD2E1;
	width:130px;
	font-size:11px;
	color:#006699;		
	}
	
.content a {
	text-decoration:none;
	color:#5A74A3;
	}	
	
.buttonBig {
	background-image:url(../img/button_big.jpg);
	background-repeat:no-repeat;
	display:block;	
	width:270px;
	height:70px;
	padding-left:25px;
	padding-top:25px;
	float:left;
	margin-right:25px;
	}
.buttonBig b {
	font-size:17px;
	}
.buttonBig a {
	font-size:15px;
	}
.twoButtons {
	margin-top:25px;
	height:100px;
	display:block;
	}	
	
#galerie li
{
list-style-type: none;
float: left;
margin: 0 10px 10px 0;
text-align: center;
font-weight: bold;
position: relative;
}

#galerie img
{
width: 100px;
height: 70px;
display: block;
padding: 3px;
border: 1px solid #8B0000;
}

#galerie a .gross
{
display: none;
}

#galerie a:hover .gross
{
width: 500px;
height: 354px;
display: block;
position: fixed; 

top: 600px;
left: 800px;
z-index: 1;
background: #fff;
}

/*--Spezialangaben für den Internet Explorer 7--*/
*+html #galerie a:hover { z-index: 1;}
*+html #galerie li{position: static;}
*+html #galerie a {position: relative;}

/*--Spezialangaben für den Internet Explorer 6--*/
*html #galerie a:hover {display: block; z-index: 1;}
*html #galerie li{position: static;}
*html #galerie a {position: relative;}