/* css for Schoenheits Salon Berlin
 version: 1.0
 creator: funkenschlag.com
 ------------------------------------------- */


/* global resets and general settings
 -------------------------------------------- */
* {
padding: 0;
margin: 0;
}

html {
height: 100%; 
margin-bottom: 1px; 
font-size: 100%;
font-family: Arial, sans-serif;
} 

body {
font-family: Arial, sans-serif;
font-size: 100%;
text-align: center;
margin: 0 auto;
color: #fff;
background: #000 url(bg_pictures/webpage_bg.jpg) repeat-x top left;
}
	
fieldset, img {border: 0 solid;}
:focus {outline: none;} 
		
ol, ul, dl { margin: 0 0 1em 1em}
li { margin-left: 1.5em; line-height: 1.4em;}

a:link {text-decoration: none; color: #fff;}
a:visited {text-decoration: none; color: #fff;} 
a:hover {text-decoration: underline; color: #fff;} 
a:active {text-decoration: underline; color: #fff;} 

.hideme {text-indent: -999em;}
.clearing {clear: both;}

/*
 font settings 
 -------------------------------------------- */
h2 { 
 font-size: 1.1em; 
 color: #fff;
 margin: 10px 0 25px 0; padding: 0;
 } 
 
h3 { 
 font-size: 0.95em; 
 color: #fff;
 margin:0;
 padding:0;
 margin-bottom: 5px;
 }
   
p {
 font-size: 0.8em; 
 color: #fff;
 line-height: 1.2;
margin-bottom: 0.5em;
 }

strong { 
font-size: 0.95em;  
font-weight: normal;
color: #FF6600;
}

/*darker color of lists on #index and #happyhour page*/
.list-darker-color {color:#bfbfbf; }

/*
container
 -------------------------------------------- */
#container {
width: 930px;
margin: 0 auto;
text-align:center;
/*border: 1px dotted #666666;*/
}

/*
branding
 -------------------------------------------- */
#branding {
width:930px;
height:120px;
margin-bottom: 5px;
background-color: #000;
}

#branding h1 {
text-indent: -999em;
width: 0px;
height: 0px;
}

 /*
navigation
 -------------------------------------------- */
#navigation {
width: 100%;
float: left;
margin:0;
background: #792235 url(bg_pictures/navi.jpg) repeat-x top left;
}
 
ul#navi{
width: 100%; 
margin: 0; 
padding: 0; 
float: left; 
list-style: none; 
}

ul#navi li {
float: left; 
margin: 0; 
padding: 0; 
font-size: 1.0em;
font-weight: bold;
letter-spacing: 1px;
}

ul#navi li a {
display: block;
float: left; 
padding: 0 20px;
line-height: 1.8em; 
color: #bfbfbf; 
background: transparent url(bg_pictures/divider.gif) no-repeat left center;
}

ul#navi li a:hover {color: #fff;}

/*navi actual active*/
#home ul#navi li.home a, #location ul#navi li.location a, #events ul#navi li.events a,
#feier ul#navi li.feier a, #happyhour ul#navi li.happyhour a, #impressum ul#navi li.impressum a
{color: #fff; text-decoration: underline;}

/*navi home bild */
ul#navi li.home a {
width: 10px;
background: transparent url(bg_pictures/home.gif) no-repeat center center; 
text-indent: -999em;
}

#home ul#navi li.home a, ul#navi li.home a:hover {
background: transparent url(bg_pictures/home_active.gif) no-repeat center center;
}


/*
content
 -------------------------------------------- */
#content {
position: relative;
width: 886px;
float: left;
text-align:left;
border: 2px solid #990000;
border-top: none;
padding: 15px 20px 10px 20px;
margin-bottom: 15px;
}

ul.pics-list-small {
float: left;
list-style: none;
margin: 0 0 20px 0;
padding: 0;
font-size: 0.9em; 
}
	
ul.pics-list-small li{
float: left;
padding: 0;
margin: 0 65px 0 0;
}
  
ul.pics-list-small li img{margin-bottom: 5px;}

ul.pics-list-small li p{
width: 252px;
padding: 0;
margin: 0;
line-height: 1.2;
}

ul.pics-list-small li.last-list-picture { margin-right: 0;}

/*
left-content
 -------------------------------------------- */
#left-content {
position: relative;
float: left; 
width: 505px; 
/*border: 1px dotted #eee;*/
}

/*
right-content
 -------------------------------------------- */
#right-content {
position: relative;
float: right;
width: 354px; 
/*border: 1px dotted #eee;*/
}

/*
content index 
 -------------------------------------------- */
 
/*streitgespraech startseite*/
ul#conversation{
clear: both;
margin: 0; 
margin-bottom: 20px;
font-size: 0.75em;
list-style: none; 
}

ul#conversation li{
margin: 0; 
margin-left: 40px;
padding: 0; 
margin-bottom: 5px;
color: fff;
line-height: 1.2;
}

ul#conversation li.list-darker-color {
color: #bfbfbf;
}

ul#conversation li .person {
margin-left: -40px; 
padding-right: 20px;
}

p.karte {
position: absolute;
width: 120px;
height: 120px;
margin:0;
padding-top: 10px;
font-size: 1.5em;
text-align:center;
line-height: 2;
bottom: 0;
right: 0;
background: transparent url(bg_pictures/karte_klein.jpg) no-repeat center center;
}

/*
content location 
 -------------------------------------------- */ 

/*location bilder und Beschreibungen*/
#location ul.pics-list-small h3{
border-top: 1px solid #bfbfbf; 
padding: 2px 0;
}

/*
 content event
 -------------------------------------------- */

/*
 content feier
 -------------------------------------------- */
#feier #right-content img.picture-margin {
margin-bottom: 30px;
padding: 0;
}

#feier #left-content ul {margin:0;
margin-bottom: 15px;
padding: 0;
list-style: none; 
font-size: 0.95em;
}

#feier #left-content ul li{margin:0;
margin-bottom: 7px;
padding-left: 30px;
background: transparent url(bg_pictures/haken.gif) no-repeat top left;
}
   
#feier h3 {margin-bottom: 15px;}


/*
 content happy hour
 -------------------------------------------- */ 
 
#happyhour-specials {
margin: 0;
margin-bottom: 10px; 
padding: 0;
}

#happyhour-specials h3 {
font-size: 0.8em; 
}

/* #happyhour-specials: make space for the opening-hours*/
#happyhour-specials dd {
margin: 0 0 0 40px; 
padding: 0; 
font-size: 0.90em; 
line-height: 1.2;
}

/*opening-hours merge back to the left side*/
#happyhour-specials dd span {
margin-left: -40px; 
padding-right: 20px;
}

/*make some space to the last dd in list*/
#happyhour-specials dd+dd {
margin-bottom: 15px;
}











/*
 content impressum
 -------------------------------------------- */
.divider-line {border-top: 1px dotted #bfbfbf;}