/* copyright 2009 customer|care|concept */
 
/* globale Einstellungen */

div button#contact-submit{
margin:32px 0px 0px 20px !important;
}   

body                             
{
background-color:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
min-width:850px;
color:#333;}                              

.logotype                               
{
font-size:12px;
color:#22642a;letter-spacing:0.1em;}

.logotype_red                               
{
font-size:12px;
color:#b54210;letter-spacing:0.1em;}

.titel
{
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
color:#333;
letter-spacing:0.1em;}

.hinweis
{
	font:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
color:#333;}

.trademark
{
	font:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;}

.windowopen
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

/* /globale Einstellungen */

/* ####################################################################################### */

/* Links global*/

a                      
{
color:#555;
text-decoration:underline;}

a:link                	
{
color:#555;
text-decoration:underline;}

a:visited     			
{
color:#555;
text-decoration:underline;}

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

input {

	margin-top:2px;
	margin-bottom:2px;
	border:1px solid #BCBCBC;
	font:Arial,Verdana,Helvetica,sans-serif;
	color:#000;
	height:20px;
	width:250px;
	background-color:#FFF;}

textarea {
	float:left;
	padding:2px;
	border:1px solid #BCBCBC;
	Arial,Verdana,Helvetica,sans-serif;
	color:#000;
	margin-top:2px;
	margin-bottom:2px;
	width:250px;
	background-color:#FFF;}	
	
.input_submit {
	float:right;
	padding:2px;
	border:1px solid #BCBCBC;
	Arial,Verdana,Helvetica,sans-serif;
	color:#000;
	height:20px;
	width:90px;
	margin-right:10px;
	margin-top:60px;}		

/* /Links global*/

/* ####################################################################################### */

/* DIV Klassen => Seitenlayout */

#container                         
{
float:left;
margin-top:5px;
width:600px;
height:550px;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
border-right:1px solid #333333;
background-color:#FFFFFF;}

#space                         
{
float:left;
margin-top:5px;
width:50px;
height:550px;
background-color:#555;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
border-left:1px solid #333333;}

#logo
{
float:left;
width:600px;
height:90px;
border-bottom:1px solid #333333;
background-repeat:no-repeat;
background-position:center;
background-image: url("../images/logo.gif");}

#mainspace
{
float:left;
width:103px;
height:200px;
border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding:0px 0px 0px 0px;
background-image: url("../images/raster.png");}

#startseite
{
float:left;
width:315px;
height:200px;
border-bottom:1px solid #333333;
background-image: url("../images/content_startseite.jpg");}

#team {
    float: left;
    width: 315px;
    height: 200px;
    border-bottom: 1px solid #333333;
    background-image: url("../images/die-haarschneiderei-team.jpeg");
    background-size: 90% auto; /* proportional verkleinert */
    background-position: center;
    background-repeat: no-repeat;
}


#salon
{
float:left;
width:315px;
height:200px;
border-bottom:1px solid #333333;
background-image: url("../images/content_salon.jpg");}

#specials
{
float:left;
width:315px;
height:200px;
border-bottom:1px solid #333333;
background-image: url("../images/content_specials.jpg");}

#trikotmaster
{
float:left;
width:315px;
height:200px;
border-bottom:1px solid #333333;
background-image: url("../images/content_trikotmaster.jpg");}

#kontakt
{
float:left;
width:180px;
height:170px;
text-align:center;
border-left:1px solid #333333;
border-bottom:1px solid #333333;
padding-top:30px;
background-image: url("../images/raster.png");}
      
* html #kontakt {  
width: 180px;    /* Internet Explorer 5.x */  
w\idth: 180px;   /* Internet Explorer 6 */  
height: 200px; 
heigh\t: 200px;}  

#main
{
float:left;
width:419px;
height:259px;
border-right:1px solid #333333;}

* html #main {  
width: 420px;    /* Internet Explorer 5.x */  
w\idth: 420px;   /* Internet Explorer 6 */  
height: 258px; 
heigh\t: 258px;}  

#main_inhalt
{
padding:10px 10px 10px 10px;}

#advert_1
{
float:right;
width:179px;
height:100px;
text-align:center;
padding-top:30px;}

* html #advert_1 {  
width: 179px;    /* Internet Explorer 5.x */  
w\idth: 179px;   /* Internet Explorer 6 */  
height: 100px; 
heigh\t: 100px;}  

#advert_2
{
float:right;
width:179px;
height:100px;
text-align:center;
padding-top:30px;}

* html #advert_2 {  
width: 179px;    /* Internet Explorer 5.x */  
w\idth: 179px;   /* Internet Explorer 6 */  
height: 100px; 
heigh\t: 100px;
}  

#team_1
{
float:left;
height:60px;
width:80px;
text-align:right;
padding-right:50px;
background-repeat:no-repeat;
background-position:left;
background-image: url("../images/team_sylvia.jpg");}

* html #team_1 {  
width: 80px;    /* Internet Explorer 5.x */  
w\idth: 80px;   /* Internet Explorer 6 */  
height: 60px; 
heigh\t: 60px;
}  

#team_2
{
float:left;
height:60px;
width:80px;
text-align:right;
padding-right:50px;
background-repeat:no-repeat;
background-position:left;
background-image: url("../images/team_gabi.jpg");}

* html #team_2 {  
width: 80px;    /* Internet Explorer 5.x */  
w\idth: 80px;   /* Internet Explorer 6 */  
height: 60px; 
heigh\t: 60px;
}  

#team_3
{
float:left;
height:60px;
width:80px;
text-align:right;
padding-right:50px;
background-repeat:no-repeat;
background-position:left;
background-image: url("../images/team_andrea.jpg");}

* html #team_3 {  
width: 80px;    /* Internet Explorer 5.x */  
w\idth: 80px;   /* Internet Explorer 6 */  
height: 60px; 
heigh\t: 60px;
} 

#team_4
{
float:left;
height:60px;
width:80px;
text-align:right;
padding-right:50px;
background-repeat:no-repeat;
background-position:left;
background-image: url("../images/team_stefanie.jpg");}

* html #team_3 {  
width: 80px;    /* Internet Explorer 5.x */  
w\idth: 80px;   /* Internet Explorer 6 */  
height: 60px; 
heigh\t: 60px;
}  

#salon_1
{
float:left;
height:60px;
width:80px;
text-align:right;
padding-right:50px;
background-repeat:no-repeat;
background-position:left;
background-image: url("../images/salon_01.jpg");}

* html #salon_1 {  
width: 80px;    /* Internet Explorer 5.x */  
w\idth: 80px;   /* Internet Explorer 6 */  
height: 60px; 
heigh\t: 60px;
}  

#salon_2
{
float:left;
height:60px;
width:80px;
text-align:right;
padding-right:50px;
background-repeat:no-repeat;
background-position:left;
background-image: url("../images/salon_02.jpg");}

* html #salon_2 {  
width: 80px;    /* Internet Explorer 5.x */  
w\idth: 80px;   /* Internet Explorer 6 */  
height: 60px; 
heigh\t: 60px;
}  

#salon_3
{
float:left;
height:60px;
width:80px;
text-align:right;
padding-right:50px;
background-repeat:no-repeat;
background-position:left;
background-image: url("../images/salon_03.jpg");}

* html #salon_3 {  
width: 80px;    /* Internet Explorer 5.x */  
w\idth: 80px;   /* Internet Explorer 6 */  
height: 60px; 
heigh\t: 60px;
}  

#copyright
{
clear:both;
font-family:Arial,sans-serif;
font-size:100%;
color:#333333;
width:600px;
height:30px;
padding:10px;
margin-left:240px;
text-align:center;}



/* DIV Klassen => /Seitenlayout */

/* ####################################################################################### */

/* DIV Klassen => Navigation */

#navigation_container 
{
float:left;
background-image: url("../images/raster.png");
margin-top:95px;		
margin-left:20px;		
height:200px;
width: 170px;	
padding:0;		
border-top:1px solid #333333;
border-bottom:1px solid #333333;
border-left:1px solid #333333;}

#navigation_container .inhaltDiv {
margin:10px;		/* Abstand des Inhalts zum Blockrand */
font-size:100%;}

#navigation_container ul a:link, #navigation_container ul a:visited   
{
display:block;
font-family:Arial,sans-serif;
font-size:100%;}

#navigation_container ul                                    
{
list-style:none;
margin:0;
padding:0;
font-family:Arial,sans-serif;
font-size:100%;}

/* fix IE/Win's broken rendering of block-level anchors in lists */
#navigation_container li {font-family:Arial,sans-serif;font-size:100%;}

/* fix for browsers that don't need the hack */
html>body #navigation_container li {border-bottom:none;font-family:Arial,sans-serif;font-size:100%;}

#navigation                           
{
position:relative;
margin:0px;
padding-top:40px;
width:170px;
border-bottom:1px solid #999999;
color:#F3F3F3;
text-decoration:none;
letter-spacing:0.1em;}

* html #navigation {  
width: 170px;     /* Internet Explorer 5.x */  
w\idth: 170px;}   /* Internet Explorer 6 */    

#navigation a                         
{
display:block;
border-top:1px solid #999999;
padding:2px 0px 2px 5px;
color:#FFFFFF;
text-decoration:none;
background-color:#555;
font-weight:bold;
letter-spacing:0.1em;}

* html #navigation a {  
width: 170px;     /* Internet Explorer 5.x */  
w\idth: 170px;}   /* Internet Explorer 6 */  
  

#navigation a:link                         
{
display:block;
border-top:1px solid #FFFFFF;
padding:2px 0px 2px 5px;
color:#FFFFFF;
text-decoration:none;
background-color:#555;
font-weight:bold;
letter-spacing:0.1em;}

* html #navigation a:link {  
width: 170px;     /* Internet Explorer 5.x */  
w\idth: 170px;}   /* Internet Explorer 6 */  
  

#navigation a:active                         
{
display:block;
border-top:1px solid #999999;m
padding:2px 0px 2px 5px;
color:#FFFFFF;
text-decoration:none;
background-color:#555;
letter-spacing:0.1em;}

* html #navigation a:active {  
width: 170px;     /* Internet Explorer 5.x */  
w\idth: 170px;}   /* Internet Explorer 6 */  
 

#navigation a:hover                   
{
text-decoration:none;
color:#333;
padding:2px 0px 2px 5px;
background-color:#F9F9F9;
letter-spacing:0.1em;}

* html #navigation a:hover {  
width: 170px;     /* Internet Explorer 5.x */  
w\idth: 170px;}   /* Internet Explorer 6 */  
  

/* DIV Klassen => /Navigation */

/* Erweiterung: Team-Bilder klassisch zentriert mit Namen */

#team-galerie {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

#team-galerie .team-zeile {
  display: inline-block;
  margin: 10px 20px;
  vertical-align: top;
}

#team-galerie .team-name {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #333;
  margin-top: 5px;
}

.team-image {
  margin-bottom: 3px;
}