@import url("../../2_trendstudio/css/color.css");
html{
	height:100.01%;
	margin-bottom:1px;
	overflow-x:scroll;
	overflow-y:scroll;
}
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	margin:0 auto;
	padding:0;
	color:#676767;
	line-height:18px;
	background-image: url(../images/content/bkg.png);
	background-repeat: repeat;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clear{clear:both; height:1px !important; line-height:1px !important; float:none!important;}

hr {
	border-width:0;
	height:1px;
	line-height:0;
	margin:20px 0px;
	page-break-after:always;
	text-align:center;
	width:100%;
	clear:both;
	color:#cfcfcf;
	background-color:#cfcfcf;
	background-repeat:repeat-x
}

h1, h2{
	margin-bottom:15px;
	font-family:Tahoma, Geneva, sans-serif;
	color: #903;
}
h3, h4, h5, h6{
	margin-bottom:12px;
	font-family:Tahoma, Geneva, sans-serif;
	color: #903;
}

h1 {font-size:26px; line-height:28px;}
h2 {font-size:24px; line-height:26px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:16px; line-height:18px;}
h5{font-size:14px; line-height:16px;}
h6 {font-size:12px; line-height:15px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}

/* links */
a, a:visited {text-decoration:none; font-weight:normal; }
a:hover{text-decoration:underline;}
a img{border:none}

/* float align */
.alignleft,
img.alignleft {
	float: left;
	margin-right: 15px;
	margin-top: 3px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone,
img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:3px;
}


img.alignleft, 
img.alignright, 
img.aligncenter,
img.alignnone {
	margin-bottom: 12px;
}


/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	margin-bottom:20px;
}

ul, ol {
	margin:20px 0 20px 20px;
	list-style-position:inside
}

li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}

li ol {list-style:decimal;}
	
blockquote {
	/*font-style:italic;*/
	margin:0px 0 20px 0px;
	padding:0px 10px 0px 50px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	clear:both;
	font-size:16px;
	line-height:20px;
	font-family:Georgia, Arial;
	}
	
	
blockquote.left, blockquote.right  {
	float:right;
	letter-spacing:0px;
	margin-bottom:20px;
	margin-left:20px;
	margin-top:0px;
	padding:0px 20px 10px 60px;
	width:43%;
	background-position:0px 0px;
	}
	
blockquote.left{
	float:left;
	margin-left:0px;
	margin-right:20px;}

blockquote p{margin-bottom:0px; font-size:16px; line-height:20px}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #cfcfcf;
	padding:15px 10px;
}

/*** END OF DEFAULT ELEMENT STYLES ***/

#outer-container{
	width:1000px;
	background:#efefef; /* must use for IE */
	-webkit-box-shadow: 0px 0px 8px #555555;
	-moz-box-shadow: 0px 0px 8px #555555;
	box-shadow: 0px 0px 8px #555555;
	margin:15px auto;
   
}
#container{
	width:960px; padding:0 20px 20px 20px;
	background-color:#efefef;
	background-image:url(../images/bg-container.gif);
	background-repeat:repeat-x;
}


/* HEADER */

#header_startseite{
	width:950px;
	height:360px;
	position:relative;
	background-image: url(../images/header/startseite.jpg);
}

#header_wirueberuns{
	width:950px;
	height:360px;
	position:relative;
	background-image: url(../images/header/friseurteam.jpg);
}

#header_friseurleistungen{
	width:950px;
	height:360px;
	position:relative;
	background-image: url(../images/header/friseurleistungen.jpg);
}

#header_kosmetik{
	width:950px;
	height:360px;
	position:relative;
	background-image: url(../images/header/kosmetik.jpg);
}

#header_leistungen{
	width:950px;
	height:360px;
	position:relative;
	background-image: url(../images/header/service.jpg);
}

#header_haarverlaengerung{
	width:950px;
	height:360px;
	position:relative;
	background-image: url(../images/header/haarverlaengerung.jpg);
}

#header_zweithaar{
	width:950px;
	height:360px;
	position:relative;
	background-image: url(../images/header/zweithaar.jpg);
}

#header_aktionen{
	width:950px;
	height:360px;
	position:relative;
	background-image: url(../images/header/aktionen.jpg);
}

#header_adresse{
	width:950px;
	height:360px;
	position:relative;
	background-image: url(../images/header/anfahrt-friseur.jpg);
}

#header_friseurleitung{
	width:950px;
	height:360px;
	position:relative;
	background-image: url(../images/header/friseurleitung.jpg);
}

#header_wimpern{
	width:950px;
	height:360px;
	position:relative;
	background-image: url(../images/header/wimpern.jpg);
}

/* CONTENT */
#content{}
#main{padding:0 10px 30px 10px;}
#side{width:300px; float:left; margin-left:20px}
#maincontent{width:600px; float:left; margin-right:20px}
.line-dotted{border-bottom:dotted 1px #cfcfcf; height:1px; margin:10px 0 30px 0; clear:both}
#middle-content{font-size:18px; line-height:25px; padding:10px;
border:dotted 1px #cfcfcf;
border-width:1px 0;
margin:20px 0 30px 0;
color:#454545}

/* widget-content */
.row-widget{ margin:20px 0 0 0}
.row-widget ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.row-widget ul li a, .row-widget ul li a:visited{}
.row-widget .widget-container{}
.row-widget .widget-title{ margin-bottom:28px}
.row-widget .widget-container li{
	border-bottom:dotted 1px #cfcfcf;
	padding-bottom:12px;
	margin-bottom:12px;
}
.row-widget .widget-container li.aufz{
	border-bottom:none !important;
	padding-bottom:2px !important;
	margin-bottom:2px !important;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:0 6px;
	padding:0 0 5px 15px !important;
	background-image:url(../images/list-point-red.gif);
}

/* FOOTER */
#footer{
	clear:both;
	background-position:center top;
	padding:20px ;
	color:#afafaf;
	background-color:#676767;
}
#footer ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}
#footer ul li{
	list-style-type:none;
	margin:0 0 6px 0;
	padding:0 0 6px 0;
	border-bottom:dotted 1px #afafaf;
	font-size:11px;
}
#footer a, #footer a:visited{
	color:#afafaf;
}
#footer ul li a:hover{text-decoration:none; color:#d4d3d3}
#footer li.widget-container{border:0; margin-bottom:15px; clear:both}
#footer .widget-title{font-size:18px; color:#d4d4d4 !important; text-transform:uppercase; margin:0 0 12px 0}
#footer ul li#categories li, #footer ul li#archives li{ display:inline-block; width:135px; float:left; margin-right:1px}
#foot-col1, #foot-col2, #foot-col3{width:280px; float:left; margin-right:38px}
ul.sn{margin:0px 0 0 0 ; padding:0; list-style-type:none; }
ul.sn li{padding:0 2px !important; border:0 !important; display:inline}
#foot-col3{margin-right:0;}

#footer .button{background-color:#4b4b4b;}
#footer .button:hover{background-color:#777;}


#footer-copyright{background-color:#313131; height:50px; color:#dadada; clear:both}
#copyright{padding:15px 0 0 20px;}
#footer-copyright a, #footer-copyright a:visited{color:#dadada}

/* column list */
.four_column{list-style-type:none; margin:0px; padding:0px;}
.four_column li{list-style-type:none;width:22%; margin-right:4%; float:left;}
.four_column p{margin-bottom:10px;}

.three_column{list-style-type:none; margin:0px; padding:0px;}
.three_column li{list-style-type:none;width:30.66%; margin-right:4%; float:left;}
.three_column p{
	margin-bottom:10px;
	font-weight: bold;
}

.two_column{list-style-type:none; margin:0px; padding:0px;}
.two_column li.left{list-style-type:none;width:65.32%; margin-right:4%; float:left;}
.two_column li.right{list-style-type:none;width:30.66%;float:left;}
.two_column p{margin-bottom:10px;}

.three_four_column{list-style-type:none; margin:0px; padding:0px;}
.three_four_column li{list-style-type:none;width:74%; margin-right:4%; float:left;}
.three_four_column p{margin-bottom:10px;}

.two_column li li, .three_column li li, .four_column li li, .three_four_column li li{margin:0px; width:auto !important; float:none;}


/* column */
.one_half{ width:48%;}
.one_third{ width:30%;}
.one_fourth{width:22%;}
.two_third{ width:64%;}
.three_fourth{width:74%;}
.one_half, .one_third, .one_fourth, .three_fourth, .two_third{margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }

/*==== Tables ====*/
table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #cfcfcf;margin-bottom:18px;}
table,td,th { text-align:left;}
th{padding:10px;color:#666;text-transform:uppercase;}
td{padding:10px;color:#888;}
tfoot td{border:0px;}
th,tr:hover{background-color:#cfcfcf;}

table {
	border: 1px solid #cfcfcf;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
tr th,
thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
tr td {
	border-top: 1px solid #cfcfcf;
	padding: 6px 24px;
}
tr.odd td {
	background: #F2F7FC;
}