/*
* 			   		KAUPERTS KLUB DER BERLIN BEWEGER DEFAULT CSS
* Author: 			Christoph Seydel (christoph@createmyweb.de)
* Date:   			2010-02-24
* Version:			1.0.0
* Reference:		Firefox 3.5.8 on Mac OS X 10.6.2
*
* latest changes:	created
*
*/


/*
* RESETS
*/

* {margin:0;padding:0;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,caption,cite,code,dfn,em,strong,th,var,textarea{font-style:normal;font-weight:normal;}
q,blockquote p { }
q:before,blockquote p:before {content:open-quote;}
q:after,blockquote p:after {content:close-quote;}
:focus{outline:0}


/*
* GLOBALS
*/
body.public{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100.01%;
	line-height:140%;
	overflow-y:scroll;
}
input,label,textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
a{
	color:#776b96;
	text-decoration:underline;
}
a:hover{
	color:#5c3766;
}
.green{
	color:#0f0;
}
.red{
	color:#f00;
}
strong{
	font-weight:bolder;
}
hr{
	margin:20px 30px 20px 0;
}
h6{
	color:#5c3766;
	font-size:112.50%;
	font-weight:normal;
	margin:30px 0 30px 0;
}
.majuscules{
	font-weight:bold;
	text-transform:uppercase;
}

/*
*
* LINKS
*
*/

#sponsoring{
	background:url('../images/sponsoring.png') no-repeat 0 0;
	height:11px;
	margin:30px 0 0 30px;
	position:absolute;
	width:226px;
}
#facebook-link{
	background:url(../images/facebook_icon.png) no-repeat right 2px;
	color:#3c5998;
	display:block;
	font-size:70%;
	font-weight:bold;
	/* margin:24px 0 0 756px; */
	padding-right:25px;
	position:absolute;
	right:29px;
	text-decoration:none;
	top:24px;
}


/*
* MAIN
*/
body{
	background:#9895a5;
}

body #page-wrapper{
	background:url(../images/bg.png) repeat-y;
	margin:20px auto 40px;
	padding:12px 3px 1px;
	width:940px;
}

body h1.title{
	background:url(../images/berlin_beweger_claim.png) no-repeat 0 0 !important;
	color:#5c3766;
	font-size:170%;
	font-weight:lighter;
	letter-spacing:-0.01em;
	margin:221px 0 0 240px;
	max-width:480px;
	min-width:100px;
	padding-top:20px;
	position:absolute;
	z-index:2;
}
body #profile-photo-wrapper{
	margin:152px 0 0 660px;
	position:absolute;
	z-index:5;
}

body #head-wrapper{
	background:url(../images/head_bg3.png) no-repeat 0 0;
	border-bottom:1px solid #d7d7db;
	height:346px;
	position:relative;
	width:940px;
}
	#head-wrapper #stoerer{
		background:url(../images/stoerer.png) no-repeat;
		height:42px;
		left:196px;
		position:absolute;
		top:54px;
		width:42px;
	}
	#head-wrapper #navigation-wrapper{
		padding-top:65px;
		width:100%;
	}
		#head-wrapper #logo-wrapper{
			display:block;
			float:left;
			height:260px;
			margin:10px 0 0 -20px;
		}
			#head-wrapper #logo-wrapper h2 a{
				background:url(../images/berlin_beweger_logo1.png) no-repeat;
				display:block;
				height:260px;
				overflow:hidden;
				text-indent:-999em;
				width:240px;
			}
		
		/* EDITED (BEGIN) */
		
		#head-navigation {
			display:block;
			height:100px;
			left:240px;
			margin-top:12px;
			position:absolute;
			width:695px;
		}
			#head-navigation ul {
				position:absolute;
				top:26px;
				width:690px;
			}
				#head-navigation li {
					float:left;
					margin:0 20px 0 0;
				}
				#head-navigation li.home,
				#head-navigation li.contact {
					float:right;
				}
					#head-navigation a {
						color:#403c4a;
						display:block;
						font-size:70%;
						font-weight:normal;
						height:16px;
						line-height:18px;						
						text-decoration:none;
					}				
					#head-navigation .index a {
						background:url(../images/lists_icon.jpg) no-repeat 0 center;
						font-weight:bold;
						font-size:75%;
						padding-left:20px;
					}
					#head-navigation a:hover{
						color:#c2bfcc;
						text-decoration:none;
					}
					
		/* EDITED (END) */

body #content-wrapper{
	background:#fff;
	clear:both;
	padding:30px 0 70px;
	width:940px;
}
	#content-wrapper #main-stage{
		display:block;
		padding-left:240px;
	}
		#content-wrapper #main-stage table th{
			background:none;
			color:#5c3766;
			font-size:120%;
			padding:20px 0 20px 0;
		}
		#content-wrapper #main-stage table td{
			font-size:80%;
			padding:5px 0 5px 0;
		}
			#content-wrapper #main-stage table td a:hover{
				text-decoration:underline;
			}
		#content-wrapper #main-stage h3{
			color:#403c4a;
			font-size:110%;
			line-height:140%;
			margin:0 0 10px;
			width:380px;
		}
		#content-wrapper #main-stage .paragraph {
			display:block;
			width:460px;
		}
		#content-wrapper #main-stage p.paragraph {
			color:#403C4A;
			font-size:110%;
			line-height:140%;
			margin:0 0 30px;
		}
			#content-wrapper #main-stage .paragraph p {
				color:#6f6b7f;
				font-size:90%;
				line-height:160%;
				margin:10px 0 0 0;
			}
			#content-wrapper #main-stage .paragraph strong {
				color:#403c4a;
			}
			#content-wrapper #main-stage .image-wrapper{
				display:block;
				margin:20px 0 20px 0;
				position:relative;
			}
				#content-wrapper #main-stage .image-wrapper img{
					display:block;
					width:460px;
				}
				#content-wrapper #main-stage .image-wrapper p{
					font-size:70%;
					font-weight:lighter;
					left:480px;
					line-height:140%;
					margin:0;
					position:absolute;
					text-align:left;
					top:0;
					width:190px;
				}
				.clearfloat{
					clear:both;
					display:block;
					position:relative;
				}
		#content-wrapper #main-stage .facebook-like {
			margin-top:40px;
		}

			
	#content-wrapper #sidebar-wrapper{
		display:block;
		padding-left:30px;
		position:absolute;
		top:408px;
		width:200px;
	}
		#content-wrapper #sidebar-wrapper p{
			color:#6f6b7f;
			font-size:75%;
			font-weight:bolder;
			line-height:120%;
			margin:0 0 20px 0;
		}
		#content-wrapper #sidebar-wrapper .caption{
			color:#6f6b7f;
			font-size:65%;
			font-weight:lighter;
			line-height:180%;
			margin:0;
			text-transform:uppercase;
		}
		#content-wrapper #sidebar-wrapper .facebook-like {
			margin-top:30px;
		}

#foot-wrapper{
	background:#c2bfcc url(../images/footer.jpg) no-repeat;
}
	#foot-list{
		padding:52px 28px 1px 240px;
	}
		#foot-message{
			color:#403c4a;
			font-size:84%;
			font-weight:lighter;
			line-height:180%;
			margin-bottom:20px;
			text-align:justify;
		}
		#berlin-beweger-list {
			clear:both;
			float:left;
			margin:0 0 30px 0;
			width:669px
		}
			#berlin-beweger-list li{
				float:left;
				width:223px;
			}
				#berlin-beweger-list li a{
					background:url(../images/link_arrow.png) no-repeat right -4px;
					color:#5c3766;
					font-size:72%;
					font-weight:bold;
					line-height:15px;
					padding-right:13px;
					text-decoration:none;
				}
				#berlin-beweger-list li a:hover {
					text-decoration:underline;
				}
	#footer-suggest-button{
		background:url(../images/nominate_32.png) no-repeat;
		clear:both;
		display:block;
		height:28px;
		margin:0 0 40px -2px;
		overflow:hidden;
		text-indent:155px;
		width:155px;
	}
	body#suggest #footer-suggest-button {
		display:none;
	}	
				
	#footer-claim {
		background:url(../images/footer_claim.jpg) no-repeat;
		clear:both;
		display:block;
		height:12px;
		padding:0 0 30px;
		overflow:hidden;
		text-indent:-324px;
		width:324px;
	}

/*
* LANDING
*/

#start #page-wrapper{
	background:url(../images/startpage_bg1.png) no-repeat 0 3px;
	min-height:1006px;
	margin:14px auto 40px;
	padding:0 3px 0 0;
	width:946px;
}
	#start #page-wrapper h1.title{
		background:none !important;
	}
	#start #page-wrapper #head-wrapper{
		background:none;
		border:0;
		height:auto;
		padding-top:9px;
	}
	#start #head-wrapper #navigation-wrapper{
		padding-top:75px;
	}
		#start #head-wrapper #logo-wrapper{
			display:block;
			float:left;
			height:260px;
			margin:11px 0 0 -17px;
		}
			#start #head-wrapper #logo-wrapper h2 a{
				background:url(../images/startpage_brand.png) no-repeat;
				display:block;
				height:211px;
				overflow:hidden;
				text-indent:-300px;
				width:162px;
			}
		#start #head-wrapper #head-message{
			color:#403c4a;
			font-size:91%;
			font-weight:lighter;
			line-height:158%;
			padding:101px 28px 0 244px;
			text-align:justify;
		}
	
	#start #content-wrapper{
		background:none;
		position:absolute;
		margin:3px 0 0 0;
		padding:0;
	}
		
		/* SLIDESHOW */	
			
		#start .stage-navigation{
			display:block;
			height:35px;
			position:absolute;
			overflow:hidden;
			text-indent:38px;
			width:38px;
		}	
		#start #rewind{
			background:url(../images/stage_arrow_right.png) no-repeat 0 0;
			margin:-162px 0 0 875px;
			z-index:999;
		}
		#start #forward{
			background:url(../images/stage_arrow_left.png) no-repeat 0 0;
			margin: 160px 0 0 30px;
			z-index:999;
		}	 
		#start #slideshow-stage{
			display:block;
			height:290px;
			padding-left:40px;
			padding-top:30px;
			position:relative;
			overflow:hidden !important;
			width:900px;
		}
			#start #slideshow-stage .slides{
				height:289px;
				padding-left:244px;
				position:absolute;
				top:28px;
				width:1100px;
			}
			.prev{
				left:-1100px;
			}
			.next{
				left:1100px;
			}
			.current{
				left:0;
			}
		
		/* SLIDESHOW LIST */
		
			#start #slideshow-stage ul{
				width:1000000px;
			}
			/*#start #slideshow-stage .slides{
				float:left;
				height:289px;
				margin-left:205px;
				width:735px;
			}*/
			
				.slides .stage-left{
					height:270px;
					padding-top:100px;
					width:350px;
				}
					.slides .stage-link {
						background:url(../images/stage_link_arrow.png) no-repeat right 12px;
						color:#fff;
						font-size:180%;
						font-weight:bold;
						padding-right:25px;
						text-decoration:none;
					}
					.slides .headline{
						color:#fff;
						display:block;
						font-size:101%;
						line-height:120%;
						margin:10px 0 0 0;
						padding:0;
						text-decoration:none;
					}
				
				.slides .stage-polaroid{
					display:block;
					float:left;
					margin:-350px 0 0 360px;
				}
				
		
		/* NEW STARTPAGE FOOTER */
		#start #foot-wrapper{
			background:#fff;
			display:block;
		}
		#start #text-boxes {
			clear:both;
			position:absolute;
			margin:30px 0 0 430px;
		}
			#start #suggest-wrapper {
				border-bottom:1px solid #5c3766;
				margin:0 0 40px 0;
				width:480px;
			}
				#start #suggest-wrapper p {
					color:#403C4A;
					font-size:85%;
					font-weight:bold;
					line-height:150%;
					margin:0 0 20px;
				}
				#start #suggest-wrapper a {
					background:url(../images/nominate_32.png) no-repeat;
					display:block;
					height:28px;
					margin:0 0 35px -2px;
					overflow:hidden;
					text-indent:-999em;
					width:155px;
				}
			#start .text-box {
				margin:0 30px 30px 0;
				position:relative;
				width:310px;
			}
				#start .text-box .links {
					left:340px;
					position:absolute;
					width:140px;
				}
				#start .text-box h5,
				#start .text-box p,
				#start .text-box a.link {
					font-size:70%;
					line-height:150%;					
				}
				#start .text-box a.link {
					color:#6f6b7f;
					display:block;
					font-weight:bold;
					padding:0 0 0 20px;
					text-decoration:none;
				}
				#start .text-box a.link:hover {
					color:#5c3766;
					text-decoration:underline;
				}
				#start .text-box a.link.wikipedia {
					background:url(../images/wikipedia_icon.png) no-repeat 0 0;
				}
				#start .text-box h5 {
					color:#403C4A;
					letter-spacing:0.02em;
					text-transform:uppercase;
				}
				#start .text-box p {
					color:#6f6b7f;
				}
					#start .text-box p a {
						color:#6f6b7f;
						text-decoration:none;
					}
					#start .text-box p a:hover {
						text-decoration:underline;
					}
					
			#start #facebook-box {
				left:65px;
				position:absolute;
				top:490px;
			}	
	
	/* fixes, something is wrong */
	#start #head-navigation {
		left:244px;
		top:84px;
	}
	#start #facebook-link {
		right:24px;
		top:44px;
	}
	#start #sponsoring {
		margin-top:40px;
	}


/*
 * KADIDAT VORSCHLAGEN
 */

#content-wrapper{
	
}	
	#main-stage{
		width:460px;
	}
		#main-stage .suggest-intro{
			color:#403c4a;
			font-size:75%;
		}
		
		#main-stage .form-caption{
			color:#5c3766;
			font-family:PerspectiveSansBold;
			height:17px;
			margin: 40px 0 25px 0;
			overflow:hidden;
			padding-left:25px;
			text-indent:100px;
			text-transform:uppercase;
			width:100px;
		}
		#main-stage #candidate-headline{
			background:url(../images/suggest-candidate-count.png) no-repeat -1px 0;
		}
		#main-stage #invitee-headline{
			background:url(../images/suggest-invitee-count.png) no-repeat -1px 0;
		}
		
		#main-stage fieldset{
			margin-bottom:10px;
		}
			#main-stage fieldset label{
				color:#5c3766;
				font-size:75%;
				margin-top:0;
				position:relative;
			}
				#main-stage fieldset label .form-element-shadow{
					border:3px solid #ded7e0;
					display:block;
					line-height:0;
					margin:0;
					padding:0;
				}
			
					#main-stage fieldset input,
					#main-stage fieldset textarea{
						border:1px solid #93909f;
						color:#403c4a;
						font-size:120% !important;
						padding:5px;
						width:460px;
					}
					#main-stage fieldset input:focus{
						outline-color:#ded7e0 !important;
						outline-style:solid !important;
					}
					#main-stage fieldset textarea{
						height:120px;
						width:460px;
					}	
				#main-stage fieldset label .form-optional{
					font-style:italic;
					font-weight:normal;
					position:absolute;
					right:0;
				}		
			#main-stage fieldset #suggest-button{
				background:url(../images/nominate_32.png) no-repeat;
				border:none;
				cursor:pointer;
				height:28px;
				margin-top:40px;
				overflow:hidden;
				text-indent:155px;
				width:155px;
			}	
				
	#sidebar-wrapper{
		width:175px !important;
	}
		#sidebar-wrapper #suggestion-messages{
			margin-top:110px;
		}
			#sidebar-wrapper #suggestion-messages li{
				color:#ff0000;
				font-size:70%;
				font-weight:bold;
				line-height:130%;
				list-style:url(../images/suggest-error.png);
				margin-bottom:10px;
				
			}
			
	#main-stage #success-message{
		background:url(../images/suggest-success.png) no-repeat 0 7px;
		color:#009600;
		font-size:70%;
		margin:40px 0 45px 0;
		padding-left:15px;
	}
				
/*
* KONTAKT
*/

#contact-wrapper{
	display:block;
	padding-bottom:30px;
	padding-left:240px;
}
	#contact-wrapper p{
		font-size:75%;
	}
	#contact-wrapper fieldset.hidden{
		display:none;
	}
		#contact-wrapper fieldset label{
			font-size:75%;
			font-weight:lighter;
		}

/*
* IMPRESSUM
*/

#imprint p{
	color:#6f6b7f;
	font-size:75%;
	margin:5px 30px 0 0;
}



/*
* ADMIN
*/
label{
	display:block;
	margin-top:20px;
}
input{
	width:500px;
}
.date{
	display:inline;
	margin-right:5px;
	width:30px;
}
textarea{
	height:300px;
	width:500px
}
.button{
	display:block;
	width:100px;
}
	#sidebar-wrapper li{
		list-style:disc;
	}
	#sidebar-wrapper a{
		font-size:12px;
	}
	#sidebar-wrapper a:hover{
		text-decoration:underline;
	}
#admin-main{
	padding-left:250px;
}
	#admin-main p{
		margin:20px 0;
	}
table{
	width:100%;
}
	table th{
		background:#eee;
	}
.thumb{
	max-height:100px;
	max-width:300px;
}