/* CSS Document */

*{
	border:0px solid #eee;
	margin:0;
	padding:0;
	list-style:none;
	}
	
body {
	margin:0 auto;
	border:0;
	padding:0;
	background:url(layout/bg-csd.jpg) fixed;
	background-color: #d3d3d3;
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	color:#ffffff;
}

table, tr, td {
	margin:0;
	padding:0;
	vertical-align:top;
}

img {
	border: 0; margin:0; padding:0;
}

form, input {
	margin:0;
	padding:0;
}

p {
	margin-bottom:10px;
}

h1 {
	font-size:160%;
	font-weight:normal;
	background-color:#610d0e;
	margin-bottom:0;
	display:inline;
}

.headline {
	font-size:120%;
	background-color:#610d0e;
	margin-bottom:0;
	display:inline;
}

/* LAYOUT */

#container {
	margin: auto;
	width:960px;
	border-left:30px solid #FFF;
	border-right: 30px solid #FFF;
	background:url(layout/gaynight-web2010-bg-allgemein.jpg) top center repeat-y;
	box-shadow:0 0 20px #F0F;
}
#schleier {
	background:url(layout/gaynight-web2010-bg-schleier.jpg) top center no-repeat;
}

#startleiste, #topleiste, #fussleiste {
	height:40px;
	padding:10px 15px 0 0;
	background-color:#FFF;
	clear:both;
}

#startleiste h1, #topleiste h2 {
	display:inline;
	font-size:90%;
	font-weight:bold;
	text-transform:uppercase;
	color:#1a120e;
	background-color:transparent;
}

#startleiste h2, #topleiste h3 {
	display:inline;
	font-size:90%;
	text-transform:uppercase;
	font-weight:normal;
	color:#866154;
}

#fussleiste {
	font-size:70%;
	color:#866154;
	padding: 10px 0 0 110px;
	background:url(layout/weinhold-event.png) top left no-repeat #FFF;
	background-position:0 10px;
}

#inhalt {
	padding-top:346px;
	padding-bottom:25px;
}

#nextdate {
	width:653px;
	height:125px;
	background:url(layout/gaynight-web2010-bg-nextdate.jpg);
}

#nextdate div.next {
	position:absolute;
	line-height:120px;
	font-size:100%;
	color:#866154;
	text-transform:uppercase;
}
#nextdate div.date {
	position:absolute;
	line-height:120px;
	font-size:220%;
	color:#1a120e;
	margin-left:160px;
	font-weight:bold;
}
#nextdate div.location {
	position:absolute;
	margin-left: 426px;
	padding-top: 23px;
}

#eventtext {
	width:546px;
	max-height:830px;
	padding: 10px 50px 15px 10px;
	background:url(layout/gaynight-web2010-bg-inhalt-24.png) left bottom no-repeat;
	font-size:90%;
	text-align:justify;
}

#eventtext p {
	margin-bottom:15px;
}

#banner-skyscraper {
	width: 160px;
	height:600px;
	background-color:#fff;
	border: 8px solid #fff;
	margin-right:15px;
	margin-left:-18px;
	float:left;
}
#eventtext #banner-skyscraper img {
	border:0;
	margin:0;
}

#inhalt2 {
	background:url(layout/gaynight-web2010-bg-inhalt2-24.png) bottom left no-repeat;
	width:552px;
	margin-left: 160px;
	padding: 15px 25px 45px 23px;
	font-size:90%;
}
#inhalt2ausgleich {
	width: 195px;
	height:70px;
	margin-left:565px;
	margin-top:-70px;
	background:url(layout/gaynight-web2010-bg-inhalt2ausgleich-24.png);
}

#eventtext img, #inhalt2 img, #partybild-preview img {
	border:5px solid #fff;
	margin:0 3px 10px 0;
}

#logo {
	position:absolute;
	width:327px;
	height:336px;
	top:70px;
	z-index:10;
	margin-left:-15px;
}

#logo-csd {
	position:absolute;
	width:529px;
	height:336px;
	top:70px;
	z-index:10;
	margin-left:-15px;
}

#navigation {
	position:absolute;
	width: 590px;
	height:44px;
	margin-left:350px;
	top: 81px;
	background:url(layout/gaynight-web2010-bg-navigation.jpg) no-repeat;
	z-index:10;
	padding:91px 0px 0 20px;
}
	
#navigation li {
	display:inline;
	padding:0 5px 0 5px;
	min-width:79px;
	height:44px;
	line-height:44px;
}

#navigation a:link, #navigation a:visited {
	color:#1a120e; text-decoration:none; text-transform:uppercase; display:block; height:44px; float:left; margin-right:15px; padding:0 3px 0 3px;
}
#navigation a:hover, #navigation a:active, #navigation a:focus {
	color:#fff; background: #1a120e
}

#polaroid {
	position:absolute;
	z-index:11;
	width: 286px;
	height:339px;
	top: 206px;
	margin-left: 665px;
	background:url(layout/gaynight-web2010-bg-polaroid-24.png);
}

#bilderwechsler {
	width: 253px;
	height: 259px;
	padding: 15px 0 0 14px;
}

#polaroid-over {
	position:absolute;
	z-index:12;
	width: 253px;
	height: 259px;
	top:221px;
	margin-left:679px;
	background:url(layout/polaroid-over-24.png);
}

#flyerbild {
	position:absolute;
	width:390px;
	height: 320px;
	margin-left:569px;
	top: 565px;
	z-index:11;
	border-top: 10px solid #FFF;
	border-left: 10px solid #FFF;
	border-bottom: 10px solid #FFF;
	background:url(layout/gaynight-web2010-bg-flyerbild.jpg) bottom center;
	background-color:#000;
}

#partybild-preview {
	position:absolute;
	width:200px;
	margin-left:750px;
	top: 895px;
	z-index:10;
	border-bottom: 10px solid #FFF;
	padding:20px 5px 5px 15px;
	/* background:url(layout/gaynight-web2010-bg-flyerbild.jpg) bottom center;
	background-color:#000; */
}

input.formularfeld {
	width: 220px;
	border: 1px solid #866154;
	padding:3px;
	background-color:#fff;
	margin-bottom:5px;
	}
	
textarea.formularfeld {
	width: 500px;
	border: 1px solid #866154;
	padding:3px;
	background-color:#fff;
	}
	
.table-impressum {display:table; padding-bottom: 15px;}
.table-impressum .table-row {display:table-row;}
.table-impressum .table-cell {display:table-cell; padding-right:15px; padding-bottom:5px;}
.table-impressum .table-cell-w {display:table-cell; padding-right:15px; padding-bottom:5px; width:120px; font-weight:bold}

.ticketshop {
	border:3px double #fff;
	padding:10px 10px 10px 0;
	margin-bottom:5px;
}

.ticketshop input {
	padding: 10px 0 0 0;	
}
.ticketshop select {
	border:1px solid #F00;
	padding:2px;
}

/* DIVERSES */
hr {
	height: 3px;
	background-color:#FFF;
	margin: 15px 0 30px 0;
}

a:link, a:visited {
	color:#1a120e; text-decoration:none; background-color:#FFF; padding:1px 3px 1px 3px;
}
a:hover, a:active, a:focus {
	color:#fff; background-color:#866154;
}

a:link.group, a:link#fancybox-left, a:link#fancybox-right, a:link#fancybox-close, a:visited.group, a:visited#fancybox-left, a:visited#fancybox-right, a:visited#fancybox-close {
	color:#1a120e; text-decoration:none; background:none; padding:0;
}
a:hover.group, a:hover#fancybox-left, a:hover#fancybox-right, a:hover#fancybox-close, a:active.group, a:active#fancybox-left, a:active#fancybox-right, a:active#fancybox-close, a:focus.group, a:focus#fancybox-left, a:focus#fancybox-right, a:focus#fancybox-close {
	color:#fff; background-color:transparent; padding:0;
}

a:link.piclink, a:visited.piclink {
	color:#1a120e; text-decoration:none; background:none; padding:0;
}
a:hover.piclink, a:active.piclink, a:focus.piclink {
	color:#fff; background-color:transparent; padding:0;
}

#inhalt2 img.borderless {
	border:0;
}

.cursor {
	cursor: hand;
	cursor: pointer;
	}

.padding5 { padding: 5px; }
.padding7 { padding: 7px; }
.padding10 { padding: 10px; }

.font70 { font-size:70%; }
.font80 { font-size:80%; }
.font100 { font-size:100%; }
.font120 { font-size:120%; }
.font140 { font-size:140%; }
.font160 { font-size:160%; }
.font180 { font-size:180%; }
.font200 { font-size:200%; }
.font230 { font-size:230%; }
.font250 { font-size:250%; }
.font270 { font-size:270%; }
.font300 { font-size:300%; }
.font350 { font-size:350%; }
.font400 { font-size:400%; }

.weiss { color: #FFF; }
.pink { color: #e2007a; }
.dpink { color: #b00050; }
.grau { color: #222; }
.black { color: #000; }
.rosa { color: #f1b5d1; }

.float-right {
	float:right;
	margin: 0 0 15px 15px;
}

.float-left {
	float:left;
	margin: 0 15px 15px 0px;
}

li {
	list-style:inside;
	margin: 0 0 10px 0;
}



/* SLIDER */

#easyslider{}	
#easyslider ul, #easyslider li, #easyslider2 ul, #easyslider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#easyslider li{ 
	width:253px;
	height:259px;
	overflow:hidden; 
	}	
	
#easyslider2 li{ 
	width:250px;
	height:380px;
	overflow:hidden; 
	}	
	
p#controls, p#controls2{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:-160px;
	}	
#nextBtn, #nextBtn2{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #nextBtn2 a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}					

/*--------- Slider styling ---------*/
#slider{ width:390px; height:320px; overflow:hidden; position:relative;}
#slider_images{ display:none;}
#slider ul li{ position:absolute; z-index:100;}
#slider ul li img{ display:block;}
#slider_navigation{ position:absolute; left:-44px; z-index:200; width:40px; height:372px; display: table;}
#slider_navigation ul{ list-style:none; margin:0; padding:0; display:table-cell; vertical-align: middle;}
#slider_navigation ul li{ width:20px; height:20px; margin:2px 10px; background:url(../images/slider_nav_inactive.png) no-repeat; cursor:pointer;}
#slider_navigation ul li.active, #slider_navigation ul li:hover{ background:url(../images/slider_nav_active.png) no-repeat;}