/* #################################################
# Projekt 	: CSS
# Stand     : 09.02.09
# Autor		: Daniel Zander, Source-Media.com
#################################################### */


html, body, div, p, h1, h2, h3, ul, ol, dl, 
span, a, i, table, td, form, img, li, 
input, textarea, select {
	font:11px Verdana;
	line-height:1.4em;
	color:#ddd;
}

html, body {height:100%}
body {
	background:#000;
	overflow-x:hidden;
	*overflow-x:visible;
}
body.cm1 {border:2px dashed #f00; border-bottom:0}
#exit {position:absolute;top:0;left:0;padding:4px;background:#f00;color:#fff;font-weight:bold}


body.init, #face {
	background:#000 url('../i/serdar_somuncu.jpg') 0 0 fixed no-repeat;
}
#face {
	position:fixed;
	width:100%;
	height:100%;
}

/* -------------------------------------- */

#load {
	position:fixed;
	display:none;
	z-index:999;
	width:66px;
	height:66px;
	top:50%;
	left:525px;
	margin:-33px 0 0 -33px;
	background:url('../i/load.gif') center no-repeat;
}
*html #load {
	width:552px;
	height:340px;
	background-position:right bottom;
}

#site {
	width:1000px;
	height:100%;
}

#lft {
	float:left;
	width:603px;
	*height:100%;
}

#rgt {
	float:left;
	width:397px;
	*overflow:hidden;
}

#cnt {
	padding:46px 17px 40px 20px; /*360px*/
}

#bar {
	position:fixed;
	z-index:0;
	left:0;
	top:0;
	width:100%;
	height:31px;
	background:url('../i/head.png') 603px 0 no-repeat;
}

#barsub {
	position:fixed;
	z-index:2;
	left:603px;
	bottom:0;
	width:397px;
	height:45px;
	background:#000;
}

/* -------------------------------------- */

#nav img {
	position:fixed;
	z-index:2;
	top:170px;
	left:20px;
	width:404px;
	height:425px;
	background:url('../i/nav/bg.png') 0 0 no-repeat;
}
*html #nav img {
	background-image:url('../i/nav/bg_ie.png');
}
#nav img.en {
	background-position:-404px 0;
}

#navsub {
	position:fixed;
	z-index:2;
	left:624px;
	bottom:9px;
}
#navsub a {
	margin-right:10px;
	color:#777;
	font-size:10px;
	border:0;
}
#navsub a:hover {
	color:#fff;
}

#navsub a.flag {
	padding:0 6px;
	background:url('../i/flag/de.gif') 0 1px no-repeat;
	filter:alpha(opacity=50);
	opacity:0.5;
}
#navsub a.flag.en {
	margin-right:2px;
	background-image:url('../i/flag/en.gif');
}
#navsub a.flag.set, #navsub a.flag:hover {
	background-color:transparent;
	filter:alpha(opacity=100);
	opacity:1;
}

#navshop a {
	text-transform:uppercase;
}
#navshop a.set, #navshop a.set:hover {
	color:#ff00da;
	border:0;
	background:none;
}

/* -------------------------------------- */

#tick {
	position:fixed;
	z-index:4;
	left:42px;
	top:10px;
	width:500px;
	visibility:hidden;
}
body.init #tick {
	visibility:visible;
}
#tick marquee {
	font-size:10px;
	color:#ddd;
	filter:alpha(opacity=80);
	opacity:0.8;
}

#logo {
	position:fixed;
	display:block;
	z-index:3;
	left:38px;
	top:32px;
	border:0;
	width:380px;
	height:125px; 
	background:url('../i/serdar_somuncu.png');
	opacity:0.6;
	*background:url('../i/serdar_somuncu_ie.png');
	filter:alpha(opacity=60);	
}
#logo:hover {
	filter:alpha(opacity=90);
	opacity:0.9;
}

#teaser {
	position:fixed;
	display:block;
	z-index:4;
	left:435px;
	top:32px;
	border:0;
	background:none;
}
#teaser img {
	width:auto;
	height:127px
}

#jahre {
	position:fixed;
	display:block;
	z-index:3;
	left:425px;
	top:105px;
	width:121px;
	height:150px; 
	background:url('../i/25jahre.png');
}

#head {
	position:fixed;
	z-index:2;
	left:603px;
	top:0;
	padding:4px 0 4px 20px;
	width:377px; /*397*/
	height:23px; /*31*/
}
#head span {
	display:block;
}
#head a, #head span {
	font:16px Verdana;
	text-transform:uppercase;
	line-height:23px;
	color:#999;
	border:0;
	background:transparent;
}

/* -------------------------------------- */

a:active {
	background:#fff;
	color:#000;
	*background:transparent;
	*color:#fff;
}
a:focus {
	outline:0;
}
a, a dfn, div.buy a span {
	/* *position:relative; */
	color:#fff;
	border-bottom:1px dotted #888;
	text-decoration:none;
}
a:hover, a:hover dfn, div.buy a:hover span {
	cursor:pointer;
	color:#fff;
	background-color:#ff00da;
	border:0;
	text-decoration:none;
}
b a {font-weight:bold}

label {cursor:pointer}

dfn {background:#ffc; font-style:normal}

.alert {color:#e00}
.succs {color:#090}
a.norm {color:#555}

img, .nobo {border:0}
#cnt a img {display: block}

small, small * {font-size:9px; line-height:normal}

i {font-style:italic}
.c   {clear:both; display:inline}
.hide, #site .hide {display:none}
.auto, #site .auto, #TB_window .auto {width:auto; display:inline}
.outside {position:absolute;left:-2000px;top:-2000px;width:1px;height:1px;overflow:hidden}

hr   {height:1px; background:#eee; color:#eee; border:0 #eee}

form, button {display:inline}
input, textarea, select {margin:auto; padding:auto; line-height:normal; color:#000;
	*position:relative; /*IE6*/
}
input:focus, textarea:focus, select:focus {background-color:#ffc}
input:hover, textarea:hover, select:hover {*background-color:#ffc} /*IE7*/

/* -------------------------------------- */

.buy {
	margin-top:16px;
}

div.buy a {
	padding:2px 0 2px 24px;
	background:url('../i/buy.gif') 0 0 no-repeat;
	line-height:24px;
	border:0;
	*position:static;
}

/* -------------------------------------- */

a.btn, a.btn span {
	background:transparent url('../i/btn.png') no-repeat 0;
}
a.btn.wee, a.btn.wee span {
	background:transparent url('../i/btn_wee.png') no-repeat 0;
}
#site a.btn, a.btn {
	display:block;
	float:left;
	overflow:hidden;
	margin-right:6px;
	padding-right:18px;
	height:24px;
	background-position:100% -48px;
	text-decoration:none;
	border:0;
}
#site a.btn.wee, a.btn.wee {
	margin-top:3px;
	padding-right:14px;
	height:19px;
	background-position:100% -38px;
}
#site a.btn:hover {
	border:0;
	background:transparent url('../i/btn.png') no-repeat 100% -48px;
}
#site a.btn.wee:hover {
	border:0;
	background:transparent url('../i/btn_wee.png') no-repeat 100% -38px;
}
a.btn:hover span, a.btn.wee:hover span {
	color:#000;
}
#site a.btn:active, a.btn:active {
	background-position:100% -72px;
}
#site a.btn.wee:active, a.btn.wee:active {
	background-position:100% -57px;
}
a.btn span, a.btn.wee span {
	display:block;
	padding:5px 0 5px 18px;
	line-height:14px;
	background-position:0 0;
	color:#505050;
}
a.btn.wee span {
	padding:4px 0 3px 14px;
	font-size:10px;
	line-height:11px;
	height:12px;
}
a.btn:active span {
	padding:6px 0 4px 18px; /* push text down 1px */
	background-position:0 -24px;
}
a.btn.wee:active span {
	padding:5px 0 2px 14px;
	background-position:0 -19px;
}

a.btn i.loading, .ico.loading, .navPage.loading i, .result.loading i, 
.select .ico.loading, a.collapsible.loading {
	background-image:url('../i/load.gif');
	background-position:0 0;
}

/* -------------------------------------- */

a.thickbox p {
	position:absolute;
	margin:-12px 0 0 4px;
	/* bottom:8px; right:8px; */
	width:10px;
	height:10px;
	background:url('../i/zoom.gif') no-repeat;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
a.thickbox:hover p {
	filter:alpha(opacity=99);
	-moz-opacity: 1;
	opacity: 1;
}

/* -------------------------------------- */

a.snd { /*a.tracks*/
	background:url('../i/snd_off.gif') right 50% no-repeat;
	padding-right:18px;
}
a.snd.set {
	color:#ff00da;
 	background-image:url('../i/snd_on.gif');
 	border-bottom:transparent;
}
a.snd.set.load {
 	background-image:url('../i/load_m.gif');
}
a.snd:hover, a.snd.set:hover {
	color:#fff;
	background-color:#ff00da;
}

/* -------------------------------------- */

#cnt li {list-style-type:circle; margin:0 0 6px 29px}
#cnt ol li {list-style-type:decimal; margin-bottom:12px}

#cnt dt {float:left; margin:0; padding:0 0 30px 0; width:55%}
#cnt dd {float:left; margin:0; padding:5px 0 0 16px; width:40%}

#links dt {min-height:50px}

#cnt .Item li {margin-bottom:6px}

/* -------------------------------------- */

h2, h2 a {
	margin-bottom:0.8em;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
	border:0;
	background:none;
}
h2.sub {
	margin-top:15px;
	padding-top:15px;
	color:#bbb;
	border-top:1px dotted #555;
}
h1 {
	margin-bottom:0.7em;
	color:#bbb;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
}
h3 {
	margin-bottom:0.8em;
	font-size:10px;
	color:#555;
}

/* -------------------------------------- */

#Archiv {margin:0 0 10px 0}
#Archiv dt {float:left; margin:0; padding:0; width:18%; min-height:0; font-weight:bold}
#Archiv dd {float:left; margin:0; padding:0 0 8px 0; width:77%}

.navPage, .navPage a, #back, #back a {
	font-size:10px;
	color:#555;
}
.navPage a, .navPage a:hover.set {
	margin:0 2px 0 2px;
}
.navPage a:hover, #back a:hover {
	color:#fff;
}
.navPage a:hover {
	margin:0;
	padding:0 2px 0 2px;
}
.navPage a.set {
	padding:0 2px 0 2px;
	font-weight:bold;
	color:#fff;
	background:#555;
	text-decoration:none;
	border:0;
}
.navPage .navForm {
	display:none;
	position:absolute;
	margin:4px 0 0 1px;
	*margin:18px 0 0 -15px;
}

/* -------------------------------------- */

#Form {
	display:block;
	padding:10px 0 14px 0;
}
#Form .row:first-child {padding-top: 0}
*html #Form {padding-top: 0} /*IE*/

#Form .row {
	clear: both;
	width: 100%;
	padding-top: 16px;
}
#Form .row span.l {
	float: left;
	width: 33%;
	text-align: right;
}
#Form .row span.r {
	float: right;
	width: 60%;
	text-align: left;
}

#Form input, #Form select {width:100%}
#Form textarea {width:100%; height:99px}
*html #Form input, *html #Form select, *html #Form textarea {width:98.5%} /*IE6*/

#recaptcha_image, #recaptcha_image img,
#recaptcha_image embed, #recaptcha_image object {
	margin:0; padding:0; border:0; background:none;
	width:100%;
	height:55px;
}
#recaptcha_image embed, #recaptcha_image object {height:40px}

/* -------------------------------------- */

#rubric2, #rubric2 * {
	color:#555;
}

/* -------------------------------------- */

#cnt img, #cnt embed, #cnt object {max-width:360px}

.Multi, #Single, #Archiv, #back, .navPage {margin-bottom:30px}

.Multi, #Single {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #555;
}

.Multi p.left, #Single p.left {float:left; width:220px; margin:0 10px 0 0;}

/* -------------------------------------- */

#Single .pic a,  .Multi .pic a,
#Single .pic2 a, .Multi .pic2 a {border:0; text-decoration:none}

#Single .pic img {width:168px} /*big*/
#Single .pic.vert img  {width:126px}

#Single .pic2 img,
.Multi  .pic img,
.Multi  .pic2 img {width:128px} /*small*/

#Single .pic2.vert img,
.Multi  .pic.vert img,
.Multi  .pic2.vert img {width:96px}

#Single .pic,
#Single .pic2,
.Multi  .pic,
.Multi  .pic2 {
	float:left; 
	margin:0px 14px 10px 0;
	padding:4px;
	border:1px solid #555;
	text-decoration:none;
}

#Single .pic:hover,
#Single .pic2:hover,
.Multi  .pic:hover,
.Multi  .pic2:hover,
#gal a:hover {border-color:#ff00da; background:none}

#Single .pic2.right, .Multi .pic2.right {
	float:right;
	margin:5px 3px 5px 14px;
}
#Single .pic2.nobo, .Multi .pic2.nobo {border:0; padding:3px 0 0 0}

.more {
	display:block;
	margin-top:0.8em;
}
.more a {
	font-size:10px;
	color:#555;
}
.more a:hover {color:#fff}

/* -------------------------------------- */

.Items {
	padding-bottom:0;
}
.Items p {
	line-height:1.8em;
}
.Items img {
	float:left;
	margin:0 20px 20px 0;
	padding:4px;
	width:80px;
	border:1px solid #555;
}
.Items a:hover img {
	border-color:#ff00da;
}
/* -------------------------------------- */

#gal {margin:15px 0 -15px 0}

#gal a {
	float:left; 
	margin:9px 9px 0 0; 
	padding:4px; 
	border:1px solid #555;
	text-decoration:none;
}
#gal .r {margin-right:0}

#gal a img {
	width:103px; 
	height:77px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#333;
}

/* -------------------------------------- */

#Tour table {width:100%}
#Tour tr.none td {padding:0}
#Tour td {padding:0 16px 16px 0}
#Tour td.r {padding-right:0; text-align:right}
#Tour p {display:none}

.lg {padding:0 2px 0 2px; color:#fff; background:#888; text-decoration:none}
.lg70 {background:#ff00da} /*buehne*/
.lg71 {background:#36c} /*tv*/
.lg72 {background:#390} /*radio*/
.lg73 {background:#c00} /*ausv*/