/* - - - - - - - - - - - - */
/* salonstar.de            */ 
/* 2009-09-25              */
/* mail@bytebetrieb.com    */
/*                         */
/* Allgemeine Stylesheets  */
/* - - - - - - - - - - - - */








/* - - - - - - - - - - - */
/* A L L G E M E I N E S */
/* - - - - - - - - - - - */

* {
	margin:				0;
	padding:			0;
} 

html {
	width:				100%;
	height:				100%;
}

body {
	padding:			0;
	margin:				0;
	width:				100%;
	height:				100%;
	background:			#000;
	color:				#e2e2e2;
	font-family:		"Helvetica Neue", Helvetica, Geneva, Arial, Verdana, sans-serif;
	font-size:			100%;
	line-height:		1.2em;
}


a,
a:link 		{ text-decoration: none; color: #de0068; border-bottom:1px dotted #fff; font-weight: bold; }
a:visited 	{ text-decoration: none; color: #de0068; border-bottom:1px dotted #fff; }
.no-touch a:hover 	{ text-decoration: none; color: #fff; border-bottom:none; border-bottom:1px dotted #de0068; }
.no-touch a:active 	{ text-decoration: none; color: #de0068; border-bottom:none; }
.no-touch a:focus 	{ text-decoration: none; color: #de0068; border-bottom:none; }
a img, img,
a.bildlink 	{ border: none; }

.c { clear:both; float:none; }

fieldset { border:none; }

h1 { }
h2 {font-weight:		bold;
	font-size:			22px;
	color:				#de0068;
	margin:				0 0 20px 0;
	line-height:		1.2em; }
h3 {font-weight:		bold;
	font-size:			22px;
	color:				#de0068;
	margin:				40px 0 10px 0;
	line-height:		1.2em;}
h4 {font-weight:		bold;
	font-size:			12px;
	color:				#000;
	margin:				0 0 0 0;
	line-height:		1.2em;}
h5 { }
h6 { }

strong 	{ font-weight:bold; }
em 		{ font-style:italic; }

p {
	margin:				0 0 12px;
	font-size:			0.75em;
	line-height:		1.25em;
	}

ol, ul { margin:0 0 12px 1em; }
li {
	font-size:			0.75em;
	line-height:		1.25em;
	}


table {
	table-layout:		auto;
	border-collapse:	collapse;
	empty-cells:		show;
}
tr { }
td, th {
	padding:			5px;
	border:				none;
	color:				#000;
	vertical-align:		top;
}
th { font-size: 12px; }







/* - - - - - - - - - - - */
/* G R U N D G E R Ü S T */
/* - - - - - - - - - - - */

#seitenblock {
	width:				970px;
	min-height:			100px;
	margin:				0 auto;
	background:			transparent url(/_p/bg.png) 0 0 no-repeat;
	display:			block;
	}


/* - - - - */
/* K O P F */
/* - - - - */

a.indexlink {
	width:				675px;
	height:				180px;
	display:			block;
	text-indent:		-9999px;
	}

#seitenblock .indexlink {border: none}



/* - - - - */
/* F U S S */
/* - - - - */

#footer {
/*	background:			#de016a url(/_p/footer.jpg) 0 0 repeat-x; */
	text-align:			left;
	clear:				both;
	margin:				50px auto 0 auto;
	font-size:			12px;
	padding:			25px 5px;
	color:				#a1a1a1;
	display:			block;
	height:				70px;
	width:				590px;
	}

#footer a { font-weight: bold; color: #a1a1a1;}


/* - - - - - - - - - - - - */
/* N A V I G A T I O N E N */
/* - - - - - - - - - - - - */

#navigation {
	text-indent:		-9999px;
	list-style:			none;
	margin:				40px 0 0 0;
	width:				162px;
	height:				250px;
	float:				left;
	}

#navigation li {
	margin:				0 0 20px;
	}

#navigation a {
	width: 				162px; 
	height: 			39px; 
	display:			block;
	border:				none;
	}

#navigation a.nav-startseite { background:url(/_p/startseite.jpg) 0 0 no-repeat; }
#navigation a.nav-friseure 	{ background:url(/_p/friseure.jpg) 0 0 no-repeat; }
#navigation a.nav-firmen 	{ background:url(/_p/firmen.jpg) 0 0 no-repeat; }
#navigation a.nav-presse 	{ background:url(/_p/presse.jpg) 0 0 no-repeat; }
#navigation a.nav-abstimmen { background:url(/_p/abstimmen.jpg) 0 0 no-repeat; }
#navigation a.nav-verlosung { background:url(/_p/navi-verlosung.jpg) 0 0 no-repeat; }

#navigation a.nav-bilder { background:url(/_p/navi-bilder.jpg) 0 0 no-repeat; }

#navigation a.nav-gewinner2010 { background:url(/_p/navi-gewinner.jpg) 0 0 no-repeat; }
#navigation a.nav-gewinner2011 { background:url(/_p/navi-gewinner-2011.jpg) 0 0 no-repeat; }

#navigation a.active ,
.no-touch #navigation a:hover { background-position:-162px; }


#navigation #mis a {
	width: 				140px; 
	height: 			36px; 
	display:			block;
	border:				none;
	margin:				60px 0 0 0;
	background:			url(/_p/mis-logo-nav.png) 0 0 no-repeat;
	}
.no-touch #navigation #mis a:hover { background-position:0 -36px; }

#navigation #siegel a {
	width: 				140px; 
	height: 			133px; 
	display:			block;
	border:				none;
	margin:				30px 0 0 0;
	background:			url(/_p/savety_siegel_ss.png) 0 0 no-repeat;
	}
.no-touch #navigation #siegel a:hover { background-position:0 -133px; }




/* - - - - - - - */
/* I N H A L T E */
/* - - - - - - - */

#inhalt {
	width: 				480px;
	margin:				40px 0 50px 24px; 
	float:				left;
	min-height:			100px;
	}

#voting #inhalt {
	width: 				720px;
	}

#inhalt ul {
	list-style:			none;
	}
	
#inhalt li {
	font-size:			15px;
	margin:				0 0 15px -18px;
	background:			url(/_p/bullet.png) 0 0 no-repeat;
	padding:			0 0 0 20px;
	}
#inhalt ol li {
	margin:				0 0 5px 0;
	background:			none;
	padding:			0 0 0 0;
	}


p {
	font-size:			15px;
	}

img.logobanner {
	margin-top:10px;
	/*border:20px solid #fff;*/
}


/* - - - - - - - - - - - */
/* R A N D N O T I Z E N */
/* - - - - - - - - - - - */

#voten {
	width:				290px;
	height:				800px;
	float:				right;
	display:			block;
	margin:				-180px 0 0 4px;
	}

.startseite { background: url(/_p/voten-startseite.jpg) 0 0 no-repeat; }
.friseure { background: url(/_p/voten-friseure.jpg) 0 0 no-repeat; }
.firmen { background: url(/_p/voten-firmen.jpg) 0 0 no-repeat; }
.presse { background: url(/_p/voten-presse.jpg) 0 0 no-repeat; }

#voten a {
	width:				205px;
	height:				205px;
	background:			transparent url(/_p/voten-gewinnen.png) 0 0 no-repeat;
	text-indent:		-9999px;
	border:				none;
	margin:				380px 0 75px 20px;
	display: 			block;
	}

.no-touch #voten a:hover { background-position: -205px; }


.friseure a,
.startseite a { background-image:url(/_p/voten-gewinnen.png) !important; }


#voten a#twitter {
	width:				100px;
	height:				24px;
	background:			transparent url(/_p/logo-tw.png) 0 -24px no-repeat !important;
	text-indent:		-9999px;
	border:				none;
	margin:				0 0 20px 75px;
	display: 			block;
}

#voten a#facebook {
	width:				100px;
	height:				34px;
	background:			transparent url(/_p/logo-fb.png) 0 -34px no-repeat !important;
	text-indent:		-9999px;
	border:				none;
	margin:				0 0 0 75px;
	display: 			block;
}

.no-touch #voten a#facebook:hover,
.no-touch #voten a#twitter:hover { background-position:0 0 !important; }



#hb-fm-banner {
	margin:				20px 0 0 54px;
}

/* - - - - - - - - - - - */
/* V O T I N G           */
/* - - - - - - - - - - - */

#inhalt ul.sskatliste {
	list-style-type:	none;
	width:				666px;
	height:				160px;
	margin:				0 0 0 0;
	padding:			17px 0 11px 14px;
	border:				20px solid #fff;
	background:			#cfcfcf url(/_p/bg-kat.jpg) 0 0 repeat-x;
}
#inhalt .sskatliste li {
	background:			none;
	float:				left;
	width:				200px;
	height:				30px;
	margin:				0 0 10px;
	padding:			0;
}

#inhalt .sskatliste li a {
	display:			block;
	width:				220px;
	height:				34px;
	border:				none;
	font-size:			29px;
	line-height:		34px;
	overflow:			hidden;
	text-transform:		uppercase;
	letter-spacing:		-0.1em;
	color:				
}
.no-touch #inhalt .sskatliste li a:hover { color:#666; }
.no-touch #inhalt .sskatliste li a:focus { outline:0; }
#inhalt .sskatliste li a.aktiv { color:#666; }
#inhalt .sskatliste li a.justvoted { color:#111; }


#wrapper-closevote {
	border-top:			1px solid #fff;
	padding:			12px 20px;
	background:			#333;
}
#wrapper-closevote p {margin:0;}
a#btn-closevote {
	float:				right;
	padding:			3px 6px;
	margin-top:			-3px;
	border:				1px solid #cdcdcd;
	background:			#999;
}
.no-touch a#btn-closevote:hover {
	border:				1px solid #999;
}


#stimmzettel {
/*
	min-height:			400px;
*/
	margin:				0 0 20px;
}

.katload p {
	font-size: 29px;
	font-weight: bold;
	text-align:center;
	letter-spacing: -0.1em;
	line-height: 34px;
	text-transform: uppercase;
	color: #DE0068;
	padding:0 20px 20px;
	background:#fff;
}

#inhalt ul.ssvoteliste {
	list-style-type:	none;
	width:				720px;
	margin:				0;
	padding:			0;
	display:			table-cell;
	border:				20px solid #fff;
	border-width:		0 20px 20px;
	background:			#eee;
}
#inhalt .ssvoteliste li {
	background:			#dadada url(/_p/bg-prod-340.jpg) 0 0 repeat-x;
	float:				left;
	width:				226px;
	height:				340px;
	overflow:			hidden;
	position:			relative;
	margin:				0 0 0 0;
	padding:			0;
}
#inhalt .ssvoteliste li .pdk-prod {
	display:			inline-block;
	width:				226px;
	height:				320px;
	padding:			0 0 20px;
	background-repeat:	no-repeat;
}
.pdk-firma {
	display:			block;
	text-align:			center;
	width:				100px;
	height:				40px;
	overflow:			hidden;
	margin:				290px 0 0 63px;
}


.infocanvas {
	display:			none;
	position:			absolute;
	top:				10px;
	left:				7px;
	width:				212px;
	height:				310px;
	color:				#000;
	background:			transparent url(/_p/bg-fff70.png) 0 0 no-repeat;
}
.hovern .infocanvas { display:block; }

.pdk-firma a { border:none !important; }

.pdk-titel {
	color:				#DE0068;
	font-weight:		bold;
	padding:			10px 10px 0;
}

.infocanvas .pdk-titel p{
	color:				#DE0068;
	font-weight:		bold;
	padding:			0;
	text-align:			left;
	line-height:		1.25em;
	margin:				0;
}

.pdk-text {
	color:				#000;
	padding:			0 5px 5px 10px;
	font-size:			11px;
	line-height:		15px;
}

.infocanvas .pdk-text p{
	color:				#000;
	padding:			0;
	font-size:			11px;
	line-height:		15px;
	font-weight:		bold;
	text-align:			left;
}

.pdk-link {
	padding:			0 5px 5px 10px;
	line-height:		12px;
}
.pdk-link a {
	font-size:			11px;
	line-height:		12px;
	font-weight:		bold;
	border-width:		0 0 1px;
}
.no-touch .pdk-link a:hover {
	color:				#000;
}





a.pdk-vote {
	display:			block;
	width:				200px;
	height:				50px;
	position:			absolute;
	bottom:				3px;
	left:				13px;
	border:				none;
	padding:			30px 0 0;
}
.no-touch a.pdk-vote {
	padding:			0;
}
a.pdk-vote span{
	display:			block;
	width:				200px;
	height:				50px;
	background:			transparent url(/_p/voten-button-50.png) 0 0 no-repeat;
	text-indent:		-9999px;
}

.infocanvas a.pdk-vote p{
	text-indent:		-9999px;
}

.no-touch a.pdk-vote:hover { border:none;}
.no-touch a.pdk-vote:hover span { background-position:0 -50px;}
.no-touch a.pdk-vote:focus { outline:0; }

a.voted,
.no-touch a.voted:hover { color:#de0068; border:none; cursor:default; }
.infocanvas p {
	font-size:			15px;
	line-height:		17px;
	color:				#DE0068;
	font-weight:		bold;
	text-align:			center;
	padding:			10px 10px 0;
}

.voted-id {
	position:			absolute;
	top:				100px;
	left:				54px;
	width:				118px;
	height:				109px;
	background:			transparent url(/_p/voted-id.png) 0 0 no-repeat;
}



a#votebutton {
	display:			block;
	width:				150px;
	height:				150px;
	position:			absolute;
	top:				65px;
	left:				105px;
	border:				none;
	text-indent:		-9999px;
	background:			transparent url(/_p/vote-now-trans.png) 0 0 no-repeat;
}
.no-touch a#votebutton:hover { background-position:-150px 0; }
.no-touch a#votebutton:focus { outline:0; }

form.voteform {
	padding:			7px;
	position:			relative;
	height:				300px;
}
.firstvoteform {
	position:			absolute;
	bottom:				0;
	left:				10px;
	width:				350px;
}

.voteform fieldset {
	display:			table;
	margin:				0 0 0;
}
.voteform label {
	font-size:			12px;
	display:			block;
	color:				#DE0068;
	margin:				0 0 2px 0;
}
span.label {
	display:			inline-block;
	font-size:			12px;
	color:				#DE0068;
	margin:				0 5px 0 0;
}
.voteform label.radbtn {
	display:			inline-block;
	margin:				0 1em 0 3px;
}
.voteform input {
	font-size:			14px;
}
.voteform input.textfeld {
	width:				320px;
	padding:			5px;
	margin:				0 0 10px 0;
}




.firstvoteform {
	top:10px;
	bottom:auto;
}
.voteformhead {
	position:absolute;
	bottom:10px;
}
.voteform h2 {margin:0 0 0 0}
a#votebutton {top:95px}

.no-touch .voteform h2 {margin:0 0 60px 0}
.no-touch .firstvoteform {top:auto;bottom:0}
.no-touch .voteformhead {position:static}
.no-touch a#votebutton {top:65px}




p.touchremark {
	font-size:9px;
	line-height:10px;
	color:#000;
	text-align:center;
}
/*
.no-touch p.touchremark {display:none !important}
*/


#inhalt ul.winnerhead {
	height:				auto;
	display:			table;
}

#inhalt .winnerhead li {
	background:			none;
	float:				left;
	width:				680px;
	height:				auto;
	margin:				10px 0 15px 5px;
	padding:			0;
}
#inhalt .winnerhead li.zweizeilig {height:57px}
#inhalt .winnerhead li.zweizeilig a {height:60px;line-height:30px}

#inhalt .winnerhead li.zweizeilig.zweizeilig-unten {
	padding:				0 0 22px;
}

#inhalt .winnerhead li a {
	width:				680px;
	position:			relative;
	height:				auto;
	padding:			0 0 10px 0;
}
#startseite #inhalt .winnerhead li,
#startseite #inhalt .winnerhead li a {
	width:				auto;
	height:				65px;
}
#startseite #inhalt ul.sskatliste {
	width:				440px;
	padding-top:		5px;
}



#inhalt .winnerhead li a span {
	text-transform:		none;
	letter-spacing:		-0.05em;
	color:				#555;
	display:			block;
	overflow:			hidden;
	float:				right;
	width:				420px;
}
.no-touch #inhalt .winnerhead li a.platzierung:hover span,
.no-touch #inhalt .winnerhead li a:hover span { color:#000; }

#startseite #inhalt .winnerhead li a span {
	display:			block;
	position:			static;
	font-size:			25px;
}



#inhalt .winnerhead li a.platzierung {
	padding:			0 0 0 260px;
	font-size:			12px;
	height:				auto;
	line-height:		22px;
}
#inhalt .winnerhead li a.platzierung.zweizeilig {
	margin:				-32px 0 0;
}

#inhalt .winnerhead li a.platzierung span {
	font-size:			12px;
	
	text-transform:		none;
	letter-spacing:		-0.02em;
	padding-left:		0.5em;
	color:				#555;
	display:			inline;
	overflow:			hidden;
	float:				none;
	width:				auto;
}




.winnertitel {
	width:				666px;
	height:				60px;
	margin:				0 0 0 0;
	padding:			17px 0 11px 14px;
	border:				20px solid #fff;
	border-width:		20px 20px 0;
	background:			#cfcfcf url(/_p/bg-kat.jpg) 0 0 repeat-x;
}
.winnertitel.zweizeilig {height:86px;}

.winnertitel h3 {
	font-size:			29px;
	line-height:		30px;
	text-transform:		uppercase;
	letter-spacing:		-0.1em;
	margin:				0 20px 0 0;
}
.winnertitel h4 {
	float:				left;
	font-size:			29px;
	line-height:		30px;
	color:				#555;
}

.winnerblock {
	position:			relative;
	width:				680px;
	margin:				0;
	padding:			0;
	border:				20px solid #fff;
/*
	border-width:		0 20px 20px;
*/
	background:			#eee;
}


.winnerblock a {
	border:				none;
}







/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.1 rc4
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @copyright	Author
 */

#sbox-overlay {
	position: absolute;
	background-color: #000;
	left: 0px;
	top: 0px;
	zoom: 1;
}

#sbox-window {
	position: absolute;
	background-color: #fff;
	text-align: left;
	overflow: visible;
	padding: 3px;
	/* invalid values, but looks smoother! */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(/_p/_squeezebox/closebox.png) no-repeat center;
	border: none;
}

.sbox-window-ie6 #sbox-btn-close {
	background-image: url(/_p/closebox.gif);
}

.sbox-loading #sbox-content {
	background-image: url(/_p/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: auto;
	background: #ddd url(/_p/bg-prod.jpg) 0 0 repeat-x;
	height: 100%;
	width: 100%;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-iframe#sbox-content {
	overflow: visible;
}

/* Hides scrollbars */
.body-overlayed {
	overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(/_p/_squeezebox/bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(/_p/_squeezebox/bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(/_p/_squeezebox/bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(/_p/_squeezebox/bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(/_p/_squeezebox/bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(/_p/_squeezebox/bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(/_p/_squeezebox/bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(/_p/_squeezebox/bg_nw.png) no-repeat;
	}


.gewinner {
	margin: 0 0 0 15px;
	list-style-type:none;
	}

.gewinner li{
	border-bottom:1px solid white;
	padding: 7px;
	width: 210px;
	}
.gewinner li strong{
	color:#DE0068;
	}
.pink {
	color:				#de0068;
}

.fussnote { font-size:10px; }