/*{
   border:1pt green solid;
} */

html {
	background-color: white;
	background-image: url('Bilder/blauesband.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment:fixed;
	
}
body {
	background-color: transparent;
	background-image: url('Bilder/rodeband.png');
	/* background-image: url('Bilder/scbm_snow.png');  */
	background-repeat: repeat-x;

}

#kopf {
	position:relative;
	width: 800px;	
	margin-left:auto;
	margin-right:auto;
}
#logo3{
	position: absolute;
	top:140px;
	left:25px;
}

#logo{
	position: absolute;
	top:0;
	left:-25px;
}

#headline{
	position: absolute;
	top:17px;
	left:175px;
	width:229px;
  height:136px;
	background-repeat:no-repeat;
	background-image:url('Bilder/scbm.png');
  background-position: right;
  float:right;
}


#headlinemo{
	position: absolute;
	top:17px;
	left:175px;
	width:229px;
  height:136px;
	background-repeat:no-repeat;
	background-image:url('Bilder/southern-comfort-barber-mates-only.png');
  background-position: right;
  float:right;
}
#headline h1{
  display:none;
}
#navigation {
	position: absolute;
//	top:10px;
	top:3px;
	left:420px;
    width:360px;
    height:144px;
    float:left;       
    background-repeat:no-repeat;
    text-align:left;	
  	z-index:10;
}

#navigation ul{
		position:relative;
		text-align:left;
		list-style: none;
		width:120px;
		height:72px;
		float:left;

}


#navigation li.menu a{
	text-decoration:none;
	color:#ffff83;
	font-size:14px;
}


#navigation li.menu{
	list-style:none;
	color:#ffff83;
	text-align:left;
	text-decoration:none;
	margin-bottom:0;
}

#navigation li.menu:hover{
	text-decoration:underline;
	color:#ffffff;
}
#navigation li.menu a:hover{
	text-decoration:underline;
	color:#ffffff;

}
div#langselect {
	position: absolute;
	right:0;
	top:30px;
	width:80px;
	color:#ffff83;
  text-align:right;
  font-size:10px;
  z-index:10;
}

#langselect a{
	color: #ffff83;
	margin:0;
  font-size:10px;
	text-align:right;
}	
#langselect a:visited, #langselect a:visited{
	border: #ffff83;
	margin:0;
}	

#langselect a:hover{
	text-decoration:underline;
	color:#ffffff;

}

#logo2{
	position: absolute;
	right:0;
	top:128px;
}

#logo3{
	position: absolute;
	left:80px;
	top:20px;
}


#content {
	position:relative;
	padding-top:160px;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 150px;
  font-weight:500;
  font-size:14px;
  line-height: 16px;
  text-align:justify;
}

#content h1, h2, h3, h4, h5, h6 {
	padding-top: 1.2em;
	padding-bottom: 1em;
	color:black;
}
#content h1{
font-size:20px;
}
#content h2{
font-size:18px;
}
#content h3{
font-size:14px;
}
#content p {
	padding-left: 1.2em;
}

#content dt{
	font-size:14px;
	font-weight:bold;
	padding-top: 10px;
}
#content dd{
	font-size:12px;
}



#content ul{
	margin: 2em;
	padding: 5px;
	list-style-image: url('images/li.png');
}
#content ol{
	margin: 2em;
	padding: 5px;
}
#content li{
	padding:5px;
}

#content ul.links{
  padding-top: 1px;
  margin-top: 0.5em;
	list-style-image: url('images/lili.png');
}

#content li{
}
	
#content div.image {
  float:right;
  text-align:center;
  padding:0;
  font-size:smaller; 
}

#content div.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

#content img {
border:1px #555 solid; 
padding: 3px;
margin:3px;
  background-color: #fff;
}