@charset "utf-8";
/* CSS Document */

	*{
	margin:0px;
	padding:0px;
	}
	body{
		background:url(../images/layout-bg.png) repeat-x #fcfcfc;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:1.7em;
		color:#555555;
		text-align:left;
	}
	#container{
		margin:auto;
		width:980px;
		min-beight:500px;
		height:auto;
		position:relative;
	}
	#scrolltop{
		width:32px;
		height:71px;
		position:absolute;
		bottom:340px;
		right:2px;
		background:url(../images/layout-scroll-top.png);
		overflow:hidden;
		z-index:10;
	}
	#scrolltop a{
		text-indent:-10000px;
		width:32px;
		height:71px;
		display:block;
	}
	h1.branding{
		width:320px;
		height:111px;
		margin:0 0;
		float:left;
		background:url(../images/layout-logo.jpg);
	}
	h1.branding a{
		width:100%;
		height:100%;
		text-indent:-10000px;
		overflow:hidden;
		display:block;
	}
	#header{
		width:980px;
		height:299px;
		float:left;
		background:url(../images/layout-header-text.jpg) right 0 no-repeat;
		overflow:hidden;
	}
	#header p{
		text-indent:-10000px;
		overflow:hidden;
	}
	.header-pic{
		width:560px;
		height:299px;
		background:url(../images/layout-header-pic-default.jpg) no-repeat;
	}
	#pic-coiffeur{
		background:url(../images/layout-header-pic-coiffeur.jpg) no-repeat;
	}
	#pic-permanentmakeup{
		background:url(../images/layout-header-pic-permanentmakeup.jpg) no-repeat;
	}
	#pic-kosmetik{
		background:url(../images/layout-header-pic-kosmetik.jpg) no-repeat;
	}
	#pic-nails{
		background:url(../images/layout-header-pic-nails.jpg) no-repeat;
	}
	#pic-greenpeel{
		background:url(../images/layout-header-pic-greenpeel.jpg) no-repeat;
	}
	#content-container{
		width:960px;
		min-height:217px;
		float:left;
		padding:58px 0 0 20px;
		background:url(../images/layout-content-container.png) no-repeat;
	}
	#content-sidebar{
		padding: 0 3px 0 0;
		width:300px;
		float:left;
	}
	ul#navi-add{
		width:100%;
		float:left;
		list-style:none;
		background:#fcfcfc;
		line-height:1.1em;
	}
	ul#navi-add li{
		width:100%;
		height:55px;
		margin:0 0 3px 0;
		overflow:hidden;
	}
	ul#navi-add li a{
		width:100%;
		height:100%;
		background:url(../images/navi-add-arrow.png) 0 -2px no-repeat transparent;
		padding:12px  0 10px 30px;
		font-size:11px;
		color:#937d72;
		text-decoration:none;
		font-weight:normal;
		display:block;
		border:none;
	}
	ul#navi-add li:hover,
	ul#navi-add li.active{
		background-color:#f4f1ee;
		border:none;
	}
	ul#navi-add li a span.navi-title{
		margin-left:-2px;
		font-size:19px;
		color:#44aeda;
		display:block;
	}
	#content{
		width:584px;
		float:left;
		padding:0 0 0 26px;
	}
	h6{
		padding:0 12px 9px 6px;
		color:#8c5742;
		font-size:26px;
		margin:0 0 20px 0;
		letter-spacing:-0.3px;
		border-bottom: #aaaaaa 1px dotted;
		line-height:1;
	}
	h2{
		font-size:40px;
		font-weight:normal;
		padding:0 12px 4px 6px;
		color:#8c5742;
		margin:-9px 0 21px -9px;
		letter-spacing:-0.3px;
		border-bottom: #aaaaaa 1px dotted;
		line-height:1;
	}
	h3{
		font-size:20px;
		font-weight:normal;
		padding:10px 0 16px 0;
		color:#8c5742;
	}
	h4{
		font-size:14px;
		font-weight:normal;
		padding:6px 0 10px 0;
		color:#8c5742;
	}
	#footer h6{
		margin:0 0 30px 0;
	}
	#footer h6.title-main{
		margin:0 0 25px -9px;
	}	
	#footer{
		width:960px;
		height:280px;
		float:left;
		padding:50px 0 0 20px;
	}
	#footer-sidebar{
		padding: 0 3px 0 0;
		width:300px;
		float:left;
	}
	#footer-sidebar p{
		margin: 0 0 30px 0;
		}
	#footer-main{
		width:584px;
		float:left;
		padding:0 0 0 26px;
	}
	#footer a#social-fb{
		width:42px;
		height:42px;
		display:block;
		background:url(../images/layout-social-media.png);
		text-indent:-10000px;
		float:left;
		margin:0 20px 0 5px;
	}
	#footer a#social-fb:hover{
		background:url(../images/layout-social-media.png) 0 -42px;
		border:none;
	}
	#footer a#social-zuri{
		width:42px;
		height:42px;
		display:block;
		background:url(../images/layout-social-media.png) -42px 0;;
		text-indent:-10000px;
		float:left;
		margin:0 20px 0 5px;
	}
	#footer a#social-zuri:hover{
		background:url(../images/layout-social-media.png) -42px -42px;
		border:none;
	}
	
	/* CLEARFIX TO BREAK FLOATING */

	.clearfix:after {
	  content: ".";
	  clear: both;
	  height: 0;
	  visibility: hidden;
	  display: block;
	}
	.clearfix {
	  display: inline-block; /* Fixes IE/Mac */
	}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	/* Signify external links */
	#content a[href^="http:"] {
		background: transparent url('../images/icon-external-link.png') 100% 50% no-repeat;
		padding-right: 12px;
	}
	div#euroweb{
		line-height:1px;
	}
	/* No Signification to the Euroweb-Logos in impressum.php */
	#content div#euroweb a[href^="http:"],
	#content a[href^="http://www.creazione-brunelli.ch"],
	#content a[href^="http://www.creazionebrunelli.ch"],
	#content a[href^="http://creazione-brunelli.ch"],
	#content a[href^="http://creazionebrunelli.ch"],
	#content a.noexternallink{
		padding:0;
		background:none;
	}



	
	.img-right{
		float:right;
		margin:0 0 20px 25px;
	}
	.img-right img{
		border:1px solid #c4c4c4;
		background:#f1f1f1;
		padding:3px;
		margin:0 0 10px 0;
	}
	#content .img-right a:hover,
	#footer .img-right a:hover,
	#content a.img-right:hover,
	#footer a.img-right:hover{
		border:none;
	}
	.img-right a img:hover,
	a.img-right img:hover{
		background:#fcfcfc;
		border:1px solid #88c5de;
	}
	p{
		margin:0 0 16px 0;
	}
	#content a,
	#content a:visited,
	#footer a,
	#footer a:visited{
		color:#44aeda;
		text-decoration:none;
		font-weight:normal;
	}
	#content a:hover,
	#footer a:hover{
		border-bottom:1px dotted #44aeda;
	}
	#content a:active,
	#footer a:active{
		color:#00d8ff;
		border-bottom:1px dotted #00d8ff;
	}

	.content-column img{
		float:left;
		margin:0 20px 16px 0;
		border:1px solid #c4c4c4;
		background:#f1f1f1;
		padding:3px;
	}
	.content-column{
		display:block;
		width:277px;
		float:left;
		margin:0 30px 0 0;
	}
	table.preise{
		width:277px;
		border:0;
		margin:0 0 20px 0;
		line-height:1.3em;
		font-size:11px;
	}
	table.preise th{
		width:200px;
	}
	table.preise td{
		vertical-align:bottom;
		font-size:11px;
		padding-left:4px;
	}
	table.preise-nails{
		font-size:11px;
		line-height:1.2em;
	}
	table.preise-nails th{
		width:120px;
	}
	table.preise-nails td.preis{
		width:77px;
	}
	.nomargin{
		margin:0;
	}
	strong, .strong{
		font-weight:bold;
		}
	#content ul{
		list-style:url(../images/list-style-image.png);
		margin:0 0 0 20px;
	}
	.small, small{
		font-size:11px;
	}
	dl.times dt,
	dl.times dd{
		float:none;
	}
	dl.times dt{
		font-weight:bold;
	}
	dl.times dd{
		margin-bottom:10px;
	}
	.partnerlinks a img{
		float:none;
		display:block;
		margin-bottom:2px;
	}