/*
	===========================================
	 Reset Elements
	===========================================
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
		margin:0;padding:0;
		}
	table {
		border-collapse:collapse;border-spacing:0;
		}
	fieldset,img {
		border:0;
		}
	address,caption,cite,code,dfn,em,strong,th,var {
		font-style:normal;font-weight:normal;
		}
	ol,ul {
		list-style:none;
		}
	caption,th {
		text-align:left;
		}
	h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		}
	q:before,q:after {
		content:'';
		}
/* 
	===========================================
	 Html Elements
	===========================================
*/

	body {
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:14px;
		padding:0;
		background-color: #575759;
		}
	h1, h2 {
		font-size:16px;
		line-height:1.5em;
		margin:1em 0 0.5em 0;
		color:#fff;
		}
	hr {
		height:1px;
		color:#fff;
		background-color:#fff;
		border:0;
		border-bottom:1px dotted #000;
		}
	img {
		border:0;
		}
	/*table {
		border-top:1px solid #E4BE00;
		width:100%;
		font-size:11px;
		}
	td, th {
		font-size:inherit;
		padding:0.3em;
		border-bottom:1px solid #E4BE00;
		}
	th {
		text-align:left;
		font-weight:bold;
		} */
	a:link img, a:visited img, a:active img, a:hover img {
		border:0;
		}
	a:link, a:visited, a:active {
		color:#fff;
		text-decoration:none;
		}
	a:hover {
		color:#cdcdcd;
		text-decoration:underline;
		}
	p {
		text-align:justify;
		line-height:1.4em;
		padding:0.5em 0 1em 0;
		}
		
	b {
		color:#0046A4;
		}
	sup {
		font-size:0.4em;
		line-height:0.6em;
		}
	strong {
		font-weight:bold;
		}

/* 
	===========================================
	 Container
	===========================================
*/
	#wrapper {
		margin:0px 0px;
		font-size:1.0em;
		color:#000;
		background-color:#575759;
		width:100%;
		}
		
	#header {
		background:#575759 url(../images/background-tattoo-top.gif) scroll no-repeat top left;
		height: 330px;
		}
	
	#logo {
		width: 191px;
		height: 221px;
		text-align: left;
		position: absolute;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}
	
	#menu {
		height:5em;
		color:#fff;
		font-weight: bold;
		margin: 0px 0px 0px 250px;		
		padding: 170px 0px 0px 0px;
		width:790px;
		position:relative;
		}
		
	#content {
		padding: 0px 0px 0px 0px;
		text-align: left;
		color:#fff;
		margin: -80px 0px 0px 250px;
		width:690px;
		}
	
	div.content-left, div.content-right {
		float:left;
		width:340px;
		}
	div.content-left {
		clear:left;
		}
	div.content-right {
		}
	div.content-2-col {
		clear:both;
		}	
	.upper {
		text-transform:uppercase;
		background-color: #da002f;
		}
	
	#footer {
		clear:both;
		background:#575759 url(../images/background-tattoo-bottom.gif) scroll no-repeat bottom right;
		height: 330px;
		}
		
	#footer-content {
		text-align: left;
		padding-top: 100px;
		margin-left:250px;
		vertical-align: bottom;
		color:#fff;
	}
/*
   ------------------------------------------------
	Fashion-Day
   ------------------------------------------------
*/
	#fashionday {
		position:absolute;
		top: 20px;
		right: 87px;
		}
	ul#listfashion {
		line-height: 1.8em;
		}
	ul#listfashion li {
		background-image:url(../images/arrow.gif);
		background-repeat: no-repeat;
		background-position: 0 7px;
		padding-left: 25px;
		}
	#stoererFDay {
		position:absolute;
		left:90px;
		top:64px;		
		}
	.stoererstart {
		position:relative;
		top: -15px;
		left: -15px;
		}
	.fashionday-partner,
	.fashionday-partner2,
	.fashionday-partner3,
	.fashionday-partner4 {
		width: 750px;
		height: 70px;
		}
	.padtop {
		padding-top: 50px;
		}
	.padbot {
		padding-bottom: 20px;
		}
	.fashionday-partner div {
		position: relative;
		float:left;
		padding-left: 155px;
		}
	.fashionday-partner2 div {
		position: relative;
		float:left;
		padding-left: 120px;
		}
	.fashionday-partner3 div {
		position: relative;
		float:left;
		padding-left: 70px;
		}
	.fashionday-partner4 div {
		position: relative;
		float:left;
		padding-left: 55px;
		}
	.fashionday-partner div:first-child,
	.fashionday-partner2 div:first-child,
	.fashionday-partner3 div:first-child, 
	.fashionday-partner4 div:first-child {
		padding-left:0;
		}
	.fashionday-partner div#img-hairliners img,
	.fashionday-partner3 div#img-hairliners img  {
		padding-top:10px;
		}
	.fashionday-partner2 div#img-konplott img,
	.fashionday-partner4 div#img-konplott img {
		padding-top:10px;
		}
		
		
		
		
/*
   ------------------------------------------------
	Menu
   ------------------------------------------------
*/

	ul.navi {
		margin: 20px 0 0 0;
		color: #fff;
		}
		ul.navi li {
			padding: 0 15px;
			display:inline;
			float:left;
			}
			ul.navi li.first {
				padding-left: 0px;
				}
			ul.navi li.last {
				padding-right: 0px;
				}			
			ul.navi li a#current {
				color: #cdcdcd;
				}			
			ul.navi li a:link, 
			ul.navi li a:visited, 
			ul.navi li a:active {
				color: #fff;
				text-decoration:none;
				float:left;
				}
			ul.navi li a:hover {
				color: #cdcdcd;
				text-decoration:underline;
				}
			ul.navi li.active a:link, 
			ul.navi li.active a:visited, 
			ul.navi li.active a:active {
				color: #cdcdcd;
				text-decoration:underline;
				float:left;
				}
			/*ul.navi ul {
				width: 450px;
				font-size:11px;
				position: absolute;
				top: 22px;
				left:-0px;
				}
			ul.navi ul li {
				float: left;
				}*/
			ul#current-subnav {
				/*padding-top: 12px;*/
				font-weight: normal;
				font-size: 11px;
				/*position: absolute;
				left: 358px;*/
				}
			ul#current-subnav li {
				display:inline;
				border-left: 1px solid #fff;
				padding: 0 24px;
				float: left;
				}
			#current-subnav li.first-li-subnav {
				border-left: none;
				}
			#current-subnav li a:link,
			#current-subnav li a:visited {
				color: #fff;
				text-decoration:none;
				}
			#current-subnav li a:hover,
			#current-subnav li a:active {
				text-decoration:underline;
				color:#cdcdcd;
				}
			#current-subnav li.current {
				color:#cdcdcd;
				}
			#current-subnav li.current a {
				text-decoration:underline;
				color:#cdcdcd;
				}

	ul.logos {
		margin: 20px 0 0 0;
		color: #fff;
		line-height:65px;
		}
		ul.logos li {
			display:inline;
			height: 65px;
			}
		ul.logos li img {
			padding-right: 28px;
			padding-bottom: 20px;
			vertical-align:middle;
			text-align: center;
			}
		
	ul.logos-partner {
		margin: 20px 0 0 0;
		}
		ul.logos-partner li {
			display:inline;
			}
		ul.logos-partner li.zeitgeist {
			padding-left: 25px;
			}
		ul.logos-partner li.coldewey {
			padding-left: 38px;
			}
		ul.logos-partner li.hairliners,
		ul.logos-partner li.perladonna,
		ul.logos-partner li.grasshoff {
			padding-right: 25px;
			}
		ul.logos-partner li.frenz,
		ul.logos-partner li.konplott {
			padding: 0px;
			}
		ul.logos-partner li.parfumer {
			padding-left: 32px;
			}
		ul.logos-partner li.parkhotel {
			padding-left: 35px;
			}
		ul.logos-partner li img {
			padding-right: 80px;
			padding-bottom: 10px;
			vertical-align:middle;
			text-align: center;
			}
			
		#sub_marken {  
			overflow: hidden; /* important */  
			width: 300px; /* important */  
			height: 100px; /* important */  
			top: 210px; /* important */  
			margin: 6px 0 0 0;
			position: absolute;
			left: 420px;
			display: inline;
}
			
/*
   ------------------------------------------------
	Images
   ------------------------------------------------
*/
	.teaser {
		border: 1px solid #cdcdcd;
		}
	.gallery-thumb {
		padding-right: 20px;
		padding-bottom: 15px;
		border: 1px solid #cdcdcd;
		}
	.gallery-full {

		}

/*
   ------------------------------------------------
	Carousel
   ------------------------------------------------
*/
#scrollerbild {  
	overflow: hidden; /* important */  
	width: 320px; /* important */  
	height: 30px; /* important */  
	margin: 5px 0 0 0;
	position: absolute;
	left: 375px;
}

#scrollerbild_frame_left,
#scrollerbild_frame_right,
#scrollerbild_frame_middle {float:left; width: 20px;}

.scrollerbild_next,
.scrollerbild_previous {
	cursor: pointer;
	margin-top: 5px;
}

#scrollerbild_frame_middle {
	width: 280px;
}

.scrollerbild_content {
	overflow: hidden; /* important */  
}

.scrollerbild_item {
     	display: block;  
     	float: left;
     	width: 140px;
     	height: 30px;
}


/*
   ------------------------------------------------
	Misc Classes
   ------------------------------------------------
*/
	.clear {
		clear:both;
		}