@CHARSET "UTF-8";

/*

	This message has now been censored!  :)
	(with love)

*/


.hr {
	margin: 30px 0px 30px 0px; 
	height: 2px; 
	clear:both;
	background: transparent url(/images/hr.gif) repeat center;
}

#upload_splash .hr { margin: 50px 0; }

.hr hr {
	display: none;
}

.thin_hr {
	clear:both; 
	height: 0px;
	border:0px;	
	border-top: 1px dotted #ccc;
}

.arrow_link {
	font-weight:bold; 
	text-transform:uppercase;
}

.blueText {
	font-size: 13px;
	color: #4e82b0;
}

.clear {
	clear:both;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.redText {
	color:#993300;
	font-size: 13px;
}

input[disabled] {
	background-color:#fff;
}


h4 a.switch{letter-spacing:1px;}
a:focus {outline-style: none;}

/* Shell */

#leftColumn  a:hover {
	color: #666666;
}

#leftColumn a {
	color: #4f7ea7;	
	text-decoration:none;
}

#rightCol a img { border: none; }

#home, #commercialLanding, #kontakt, #myspace, #youtube, #kontakt_confirm, #info, #upload_splash, #forgotTemplate, #lottery, #worthersee {
	/* padding: 40px 30px; */
	padding: 20px 30px 40px 30px;
}
#kontakt, #kontakt_confirm, #upload_splash, #worthersee { padding-top: 0; }

#breadcrumbs { overflow: hidden; zoom: 1; list-style:none; margin: 10px 0 0 30px; padding: 0; /* background: #e3e3e3; */ }
#breadcrumbs li { float: left; margin-right: 5px; font-weight: bold; font-size: 13px; color: #4e82b0;  text-transform: uppercase;}
#breadcrumbs a { text-decoration: none; color: #999; text-transform: uppercase;}
	#breadcrumbs a:hover {  color: #4e82b0; }
#breadcrumbs li.separator {float: left; margin-right: 5px; color: #999;}


/* Registration */

#registration {}

#confirmValueList strong { color: #4e82b0; font-weight: normal; }
#confirmValueList li { margin: 0 0 15px 0; }
#confirmValueList br { margin-bottom: 3px }

#confirmCheckboxes div { overflow: hidden; margin-bottom: 5px; }
#confirmCheckboxes input { float: left; margin: 0 3px 0 0; }
#confirmCheckboxes p { float: right; width: 430px; }

#registration #headerImage {
	width:1024px; margin-top:0px;
	border-bottom: 3px solid #fff;
}

#registration #headerImage img {
	display: block;
}

#registration div.thumbDisplay {
	margin: 0; padding: 0;
	border: 1px solid #ccc;
	width: 134px;
	height: 100px;
}

#registration #steps{
	width:780px;
}
#registration #steps ul#stepNav li {display:inline;}

#registration .formField{
	color:#4e82b0;
	width: 440px;
	position: relative;
	padding-bottom: 2px;
}
* html #registration .formField { zoom: 1; }

#registration .formField span {position: absolute; right: 0; color: #666;}

#registration h1 {
	margin: 0; padding: 0;
	position:relative;
	top: 8px; right: 30px;
	text-align: right;
	color:#999; font-size:140%;
}

	#registration #progressWrap {
		margin-top: 35px;
		height: 80px; width:715px;
		margin-left: 20px;
		border-bottom: 2px dotted #ccc;
		padding-bottom: 10px;
	}

	#registration #progressBar{
		position:relative;
		height:70px; width:577px;
	}
		.step1 {background: transparent url('/images/profile_create_header_sprite.jpg') 0 -213px no-repeat;}
		.step2 {background: transparent url('/images/profile_create_header_sprite.jpg') 0 -142px no-repeat;}
		.step3 {background: transparent url('/images/profile_create_header_sprite.jpg') 0 -71px no-repeat;}
		.step4 {background: transparent url('/images/profile_create_header_sprite.jpg') 0 0 no-repeat;}

	#registration fieldset {border:none;}

	#registration .fieldLabel {color: #4E82B0;}

	/** STEP 1 -- USER BASICS **/

	#registration #step01 {margin: 0; padding: 0;}
	#registration #step01 ul {margin: 0; padding: 0; list-style-type: none;}
	#registration #step01 ul li{display:block; padding-top:5px; list-style-type: none;}
	#registration #step01 ul li select {width:150px;}

	#registration fieldset h3 {
		border-bottom:1px dotted #ccc; color:#4E82B0;
		width:715px;
		padding-bottom:5px;
		margin: 0 0 10px 20px;
	}

	#registration #step01 input.var{
		color: #5c5c61;
		width:440px; height: 22px;
		margin-bottom: 10px;
		border: 1px solid #ccc;
	}
	#registration #step01 input.checkBoxField {
		margin-bottom: 30px;
	}

	/** STEP 2 -- USER VITALS **/

	#registration #step02 {margin: 0; padding: 0;}
	#registration #step02 ul{margin:0; padding:0;}
	#registration #step02 ul {margin: 0; padding: 0; list-style-type: none;}
	#registration #step02 ul li {
		display:block; list-style-type: none;
		width:440px;
	}
	#registration #step02 ul li select {
		width:440px; margin-bottom: 10px;
	}
		#registration #step02 input.var{
			color: #5c5c61;
			width:440px; _width: 436px; height: 22px;
			border: 1px solid #ccc;
			margin-bottom: 10px;
		}

		#registration #step02 ul li.Address1 {}
			#registration #step02 ul li.Address1 div {float: left;}
			#registration #step02 ul li.Address1 div input {
				color: #5c5c61;
				width:348px; height: 22px; border: 1px solid #ccc;
				margin-bottom: 10px;
			}
			#registration #step02 ul li.Address1 div div {float: none;}
			#registration #step02 ul li.Address1 div.stNum {float: right;}
			#registration #step02 ul li.Address1 div.stNum input {
				color: #5c5c61;
				width:73px; height: 22px; border: 1px solid #ccc;
				margin-bottom: 10px;
			}
			#registration #step02 ul li.Address1 div.stNum div {float: none;}

		#registration #step02 ul li.Address2 {}
			#registration #step02 ul li.Address2 div {float: left;}
			#registration #step02 ul li.Address2 div input {
				color: #5c5c61;
				width:73px; height: 22px; border: 1px solid #ccc;
				margin-bottom: 10px;
			}
			#registration #step02 ul li.Address2 div div {float: none;}
			#registration #step02 ul li.Address2 div.ort {float: right;}
			#registration #step02 ul li.Address2 div.ort input {
				color: #5c5c61;
				width:348px; height: 22px; border: 1px solid #ccc;
				margin-bottom: 10px;
			}
			#registration #step02 ul li.Address1 div + div div {float: none;}

		#registration #step02 ul li.Address3 {}
			#registration #step02 ul li.Address3 input {
				color: #5c5c61;
				width:33px; height: 22px; border: 1px solid #ccc;
				margin-bottom: 10px;
			}
			#registration #step02 ul li.Address3 input + input {
				color: #5c5c61;
				width:33px; height: 22px; border: 1px solid #ccc;
				margin-left: 10px; margin-bottom: 10px;
			}
			#registration #step02 ul li.Address3 input + input + input {
				color: #5c5c61;
				width:48px; height: 22px; border: 1px solid #ccc;
				margin-left: 10px; margin-bottom: 10px;
			}
			* html #registration #step02 ul li.Address3 input.input-checkbox { border: none; margin: 0; width: auto; }



	/** STEP 3 **/

	#registration #step03 {margin: 0; padding: 0;}
	#registration #step03 ul {margin: 0; padding: 0;}
	#registration #step03 ul li {display: inline; list-style-type: none;} 

	#registration #step03 #confirmValueList ul {}
	#registration #step03 #confirmValueList ul li {display: block;}

	/** LINK BUTTONS **/

	#registration div.dualButtonNav {
		display: inline;
		width: 190px;
	}
	#registration #step_1to2 {display:inline;}
	#registration #step_1to2 img {border: 0;}

		#registration #step_2to1 {display:inline;}
		#registration #step_2to1 img {border: 0;}

	#registration #step_2to3 {display:inline;}
	#registration #step_2to3 img {border: 0;}

		#registration #step_3to2 {display:inline;}
		#registration #step_3to2 img {margin-left: 5px; border: 0;}

	#registration #step_3to4 {display:inline;}
	#registration #step_3to4 img {margin-left: 5px; border: 0;}


	#registration .photoColumn {
		width:136px; float:left;
		margin-left: 20px;
	}
	#registration .contentColumn{
		width: 420px; float: left;
		margin-left: 20px;
	}
	#registration .contentColumn p {margin:0;padding:0 0 15px 0;}
	#registration .contentColumn p.formField { padding:30px 0 0 0 ;}

	#registration .fullWidthColumn {
		width:730px;
		margin: 0 0 0 20px;
		clear:both;
	}
	#registration .commandRow {
		text-align: right;
		border-top: 2px dotted #ccc;
		margin-top: 20px;
		padding-top: 20px;
	}


	#registration .codeRow {margin: 20px 0;}
	#registration .codeRow .codeLeft {float: left; width: 128px; margin: 0; padding: 0;}
	#registration .codeRow .codeRight {float: left; width: 230px; margin: 0 0 0 5px; padding: 0;}
	#registration .codeRow .codeLeft p {margin: 0; padding: 0;}
	#registration .codeRow .codeRight p {margin: 0; padding: 0;}
	#registration .codeRow .codeRight p a {color: #666; margin: 0; padding: 0;}
	#registration .codeRow .codeFun {width: 120px; height: 40px; margin: 0 0 15px 0;  padding: 0; border: 1px solid #ccc;}
	#registration .codeRow .codeLeft .codeResponse {width: 120px !important; height: 22px; margin: 0 0 15px 0; padding: 0; border: 1px solid #ccc;}
	#registration .codeRow #refreshCaptcha {text-decoration: underline; cursor: pointer;}



/* homepage */

	* html #home { zoom:1; }
	#home #stories{width:780px;height:800px;}
	#home #stories .story{}
	#home #stories div .image{height:256px;width:256px;background:#333;float:right;margin-right:20px;margin-top:-30px;}
	#home #stories div p{width:450px;}
	#home #stories div a{text-transform:uppercase;}
	#home #stories>div{width:740px;height:350px;padding-left:25px;padding-top:25px;}
	
	
	#home a:hover {
		color:#ccc;
	}

	#home .homeStory {
		float: right;
		width:415px;
	}

	#home h3 {
		color:#4e82b0;
		text-transform:uppercase; 
		font-size: 20px; 
		padding:0px; 
		margin-bottom:20px;
		margin-top:0px;
	}

	#home a {
		color:#4e82b0; 
		font-size: 12px; 
		text-decoration:none; 
	}

	#home .home_img_column a {
		font-weight:bold; 
		text-transform:uppercase;	
		/*float: left;*/
	}
	#home .home_img_column a img {
		border: none;
	}
	#home .home_img_column a.calloutlink {
		background:transparent url(/images/arrow_sidebar.jpg) no-repeat scroll 0 3px;
		padding:0 0 0 10px;
	}
	
	#info a.calloutlink, #lottery a.calloutlink, #upload_splash a.calloutlink {
		background:transparent url(/images/arrow_sidebar.jpg) no-repeat scroll 0 3px;
		padding:0 0 0 10px;
		font-weight: bold
	}

	a.wonderful_calloutlink {
		background:transparent url(/images/callout_arrow.gif) no-repeat scroll 0 3px;
		padding:0 0 0 10px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#home .home_img_column .floatImg {
		padding-left: 35px;
		float:left;
	}

	#home .home_img_column {
		float:right; 
		padding: 0px 0px 0px 30px;
	}

	#home b {
		font-size: 13px; 
		color:#4e82b0;
	}


	#home .calloutCar {
		float:left; 
		padding-right:30px;
	}

	#home .storyRow {
		float:left; 
		width:265px;
	}
	
	#home .arrowNav a:hover {
		color: #666;
	}
	
	#home ul, #home li, #home img { list-style: none; padding: 0; margin: 0; border: none; }
	#home .grid { overflow: hidden; zoom: 1; }
	#home .grid .gu { float: left; }
	#home .calloutlink {  display: block; margin: 0 0 0 0; padding: 0 0 0 10px; background: url(/images/arrow_sidebar.jpg) 0 3px no-repeat; color: #4e82b0; text-transform: uppercase; font-weight: bold; }
	#home .calloutlink:hover { color: #666 }
	
	#home .ticker { border-bottom: 1px dotted #ccc; margin-bottom: 20px; padding-bottom: 10px; overflow: hidden; position: relative; width: 445px; height: 15px; }
	#home .ticker ul { overflow: hidden; position: absolute; }
	#home .ticker li { float: left; padding: 0 0 0 28px; margin: 0 5px; background: url(/images/icon_ticker.gif) 0 3px no-repeat; color: #666; font-size: 13px; font-weight: bold;}
	#home .ticker a { font-weight: bold; color: #666666; text-decoration: underline; }
	
	#contest .grid { overflow: hidden; zoom: 1; }
	#contest .grid .gu { float: left; }

	.grid-home .col1 { width: 220px; padding-right: 20px; }
	.grid-home .col2 { width: 445px; padding-left: 30px; border-left: 2px dotted #ccc; }
	
	.promo strong, #home .section h4 { color: #4e82b0; }
	.promo .calloutlink { margin-bottom: 10px; }
	.promo { position: relative}

		.promo_over {margin: 0; padding: 0;}
		.promo_over h2 {
			font-size: 140%;
			color: #4e82b0;
		}
		.promo_over p {}
	
	#home .promo .countdown { position: absolute; top: 30px; *top: 45px; left: 25px; font-size: 20px; color: #fff; font-weight: bold; }
	#lottery .promo .countdown { position: absolute; top: 30px; *top: 45px; left: 25px; font-size: 20px; color: #fff; font-weight: bold; }	
	#upload_splash .promo .countdown { position: absolute; top: 30px; *top: 45px; left: 25px; font-size: 20px; color: #fff; font-weight: bold; }	

	#home .got_bottom_bordarz { border-bottom: 2px dotted #ccc; }	
	#home .section { margin-bottom: 30px; padding-bottom: 20px; }
	#home .section h4 { margin: 0; }
	#home .section p { margin-top: 0; }
	
	#home .section .thumb { /*margin-bottom: 10px;*/ }
	
	#home .linklist { overflow: hidden; margin-bottom: 20px; }
	#home .linklist li { float: left; margin-right: 20px; }
	
	.teaser { overflow: hidden; zoom: 1; }
	.teaser .thumb { float: left; }
	.teaser .text { float: right; width: 250px; }
	.teaser h3,
	.promo h3 { font-size: 16px !important; margin: 0 0 20px 0; }
	.teaser .calloutlink,
	.promo .calloutlink { display: block; }
	.highlight { background: url(/images/visualhighlight.gif); padding: 0 20px; margin:0 0 15px 0 !important; }
	.highlight span { background: #fff; padding: 0 10px; color: #666; }
	
	/* To prevent "flash" of content after loading flash elements */
	div#flashTemplate { background-color: #000; color: #e7e7e7; height: 444px; padding: 10px 0; }
	
	
/* Commercial page */
#commercialLanding div.text_content { width: 500px; }
#commercialLanding div.text_content_wide { width: 600px; }
#commercialLanding h3 {
	color: #4e82b0;
	text-transform: uppercase; 
	/* letter-spacing: 2px; */
	font-size: 16px; 
	margin-bottom:30px;
}
#commercialLanding a.calloutlink { 
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background: url(/images/arrow_sidebar.jpg) 0 3px no-repeat;
	color: #4e82b0;
	text-transform: uppercase;
	font-weight: bold;
}

/* story creation / upload */
	#upload_splash { margin-top: 0; }
	#upload_splash h3 {
		color: #4e82b0;
		text-transform: uppercase; 
		letter-spacing: 2px;
		font-size: 23px; 
		margin-bottom:10px;
	}

	#upload_splash a {
		color:#4e82b0; 
		font-size: 12px; 
		text-decoration:none;
	}

	#upload_splash .upload_icon {
		float: left;
		position: relative;
		top: 0px;
		height: 193px;
		overflow: hidden;
	}

	#upload_splash #upload_icons {
		position: relative;
		top: -10px;
		left: -10px;
	}

	#upload_splash .upload_icon div {
		position: relative;
		top: -35px;
		left: 12px;
	}

	#upload_splash a {
		font-weight: bold;
	}

	#upload_splash a:hover {
		color:#666;
	}
	
	.sbhd-upload { clear: both; padding-top: 5px; }
	.sbhd-upload p { margin: 0 0 0 0; }
	
	#upload_splash .hr { margin: 20px 0; }
	
	#upload_splash .grid { overflow: hidden; zoom: 1; }
	#upload_splash .gu { float: left; width: 240px; margin-right: 20px; }
	#upload_splash .gu-last { margin-right: 0; padding-left: 20px; width: 437px; border-left: 2px dotted #ccc; } 
    
    #upload_splash .promo { margin-bottom: 20px; }
    
    #upload_splash .calloutlink {
        background:transparent url(/images/arrow_sidebar.jpg) no-repeat scroll 0 3px;
    	padding:0 0 5px 10px;
    }

	
	#upload {margin: 0; padding: 0;}

	#upload #progressWrap {
		margin-top: 35px;
		height: 80px; width:720px;
		margin-left: 25px;
		border-bottom: 2px dotted #ccc;
	}
	
	

	#upload #progressBar{
		position: relative;
		height: 71px; width:725px;
	}
	#upload #fan #progressBar {
		position: relative;
		height: 64px; width:287px;
	}
	
	#upload #fourStepProgressBar #progressBar{
		position:relative;
		height:71px; 
		width:578px;
	}
	
	#upload #fan #fourStepProgressBar #progressBar{
		position: relative;
		height: 64px; width:287px;
	}	

		/* video or images */
		#upload #reg .step1 {background: transparent url('../images/story_create_header_sprite.jpg') 0 -284px no-repeat;}
		#upload #reg .step2 {background: transparent url('../images/story_create_header_sprite.jpg') 0 -213px no-repeat;}
		#upload #reg .step3 {background: transparent url('../images/story_create_header_sprite.jpg') 0 -142px no-repeat;}
		#upload #reg .step4 {background: transparent url('../images/story_create_header_sprite.jpg') 0 -71px no-repeat;}
		#upload #reg .step5 {background: transparent url('../images/story_create_header_sprite.jpg') 0 0 no-repeat;}

		/* text */
		#upload #txt .step1 {background: transparent url('../images/text_create_header_sprite.jpg') 0 -213px no-repeat;}
		#upload #txt .step3 {background: transparent url('../images/text_create_header_sprite.jpg') 0 -142px no-repeat;}
		#upload #txt .step4 {background: transparent url('../images/text_create_header_sprite.jpg') 0 -71px no-repeat;}
		#upload #txt .step5 {background: transparent url('../images/text_create_header_sprite.jpg') 0 0 no-repeat;}

		/* fan foto submission */
		#upload #fan .step1 {background: transparent url('../images/foto_progress2.png') 0 0px no-repeat;}
		#upload #fan .step2 {background: transparent url('../images/foto_progress2.png') 0 -64px no-repeat;}

		
		/* 4 step progress bar: video or images */
		#upload #reg #fourStepProgressBar .step1 {background: transparent url('../images/4step_story_create_header_sprite.gif') 0 0 no-repeat;}
		#upload #reg #fourStepProgressBar .step2 {background: transparent url('../images/4step_story_create_header_sprite.gif') 0 -71px no-repeat;}
		#upload #reg #fourStepProgressBar .step3 {background: transparent url('../images/4step_story_create_header_sprite.gif') 0 -142px no-repeat;}
		#upload #reg #fourStepProgressBar .step4 {background: transparent url('../images/4step_story_create_header_sprite.gif') 0 -213px no-repeat;}
		


	#upload #thumbnails { border: 1px solid #ccc; }

	#upload .uploaderHeader {color: #4E82B0; margin: 0 0 3px 0; padding: 0;}

	#upload .uploaderControls {}
	#upload .uploaderControls .uploadButton {float:left;}
	#upload .uploaderControls .clearVaultButton {float:right;}
	#upload .uploaderControls .clearVaultButton #unlinkButton {display:none; cursor: pointer;}
	#upload .uploaderControls .clearVaultButton #unlinkButton img {border: 0;}

	#upload .leftColumn {
		float: left; width: 245px;
		margin: 0 0 0 25px; _margin-left: 12px; padding: 0;
	}

	#upload .leftColumn h2 {
		font-size: 140%;
		color: #5c5c61;
		margin: 0 0 20px 0; padding: 0;
	}

	#upload .leftColumn h3 {
		font-size: 110%;
		color: #4E82B0;
		margin: 0; padding: 0;
	}
	
	#upload .leftColumn p {
		margin: 0 0 15px 0; padding: 0;
	}

	#upload .rightColumn {
		float: left; width: 425px;
		margin-left: 25px; _margin-left: 12px;
	}
	#upload #Step3 .rightColumn {
		width: 450px;
		overflow: hidden;
	}
	
	#upload .rightColumn label.formField {
		display: block;
		position: relative;
		width: 420px;
		color: #4E82B0;
		margin: 0 0 5px 0; padding: 0;
	}

	#upload .rightColumn label.formField span {
		position: absolute; right: 0;
		color: #5c5c61;
	}

	#upload .rightColumn label.formField p {
		display: block; margin: 0; padding: 0;
		color: #4E82B0;
	}

	#upload .rightColumn p.labelNote {
		display: block; margin: 0 0 10px 0; padding: 0;
		color: #5c5c61;
	}

	#upload .rightColumn p.note {
		display: block; margin: 0; padding: 0;
		color: #4E82B0;
	}

	#upload .rightColumn input {
		display: block;
		color: #5c5c61; border: 1px solid #ccc;
		width: 420px; height: 22px;
		margin: 0 0 20px 0;
	}

	#upload .rightColumn textarea {
		display: block;
		color: #5c5c61; border: 1px solid #ccc;
		width: 415px; height: 80px;
		margin: 0 0 25px 0;	padding: 2px;
		font-size: 90%; font-family: Arial, Helvetica, sans-serif;
	}

	#upload .rightColumn .fullStory {
		display: block;
		color: #5c5c61; border: 1px solid #ccc;
		width: 448px; height: 530px;
		margin: 0 0 25px 0;	padding: 0;
		font-size: 90%; font-family: Arial, Helvetica, sans-serif;
	}

	#upload .ACT_StoryTitle {
		text-transform: uppercase;
	}
	#upload .ACT_StoryBody {
		margin-bottom: 10px;
	}

	#upload .rightColumn select {
		display: block;
		color: #5c5c61; border: 1px solid #ccc;
		width: 420px; height: 22px;
		margin-bottom: 10px;
	}

	#upload .rightColumn fieldset {
		border: 0;
		margin: 0 0 20px 0; padding: 0;
	}

	#upload #Step1 {}

	#upload .commandRow {
		width: 720px;
		margin: 10px 0 0 25px;
		padding: 20px 0 10px 0;
		border-top: 2px dotted #ccc;
		text-align: right
	}

	#upload .galleryController {margin: 0 0 10px 0; padding: 0;}
	#upload .smallerController {width: 225px;}
	#upload .smallerController ul li a {/* any mods here? */}
	#upload .galleryLink {
		color: #6390B8; margin-right: 6px; font-weight: bold;
		cursor: pointer;
	}

	#upload .successPage {
		margin-left: 25px;
	}

	#upload .successPage h3 {color: #4E82B0}
	#upload .successPage ul {margin:0;padding:0 0 30px 0;}
	#upload .successPage ul li {margin:0;padding:0;list-style-type:none;}
	#upload .successPage ul li a {
		text-transform: uppercase;
		text-decoration: none; color: #4E82B0;
	}

/* PROFILE */

	#profile #profile{width:700px;float:left;}
	#profile .story{width:700px;float:left;}
	#profile h5 {margin-left:20px;}

/* LOGIN */

	#login {
		padding: 0 0 0 30px; margin: -20px 0 0 0;
	}

	#loginTemplate {
		margin: 0; padding: 0;
	}

	#loginTemplate .loginVals {
		padding: 0 0 0 0; margin: 0;
		width: 422px;
	}
	
	
	#loginTemplate p {
		margin: 0 0 15px 0;
	}
	#loginTemplate p.login-register {
		padding-top: 15px;
	}
	
	/* general form bits */
	
	#LoginForm label {
		margin: 0; padding: 0;
		color: #6390B8;
		display:block;
	}
	#LoginForm label input { margin: 5px 0 0 0; }
	#LoginForm label.field-checkbox  {
		color: #666;
	}

	#LoginForm input.LoginField {
		color: #5c5c61;
		width: 422px; 
		height: 22px;
		border: 1px solid #ccc;
		margin-bottom: 5px;
	}

	#LoginForm .LoginCheckbox {
		color: #666;
	}

	#LoginForm .LoginButton {
		margin-top: 20px;
		margin-bottom: 0;
		padding: 0;
	}

	#LoginForm .commandRow {}
	#LoginForm .loginVals p {}
	#LoginForm .loginVals p a {color: #666;}

/* "BASIC" Login */

	#BasicLogin {
		margin: 0; padding: 0;
	}

	#BasicLogin form {
		margin: 25px 0 0 25px; padding: 10px;
		width: 430px;
	}

	#BasicLogin label {
		display: block;
	}

	#BasicLogin input.textField {
		display: block;
		width: 420px;
		border: 1px solid #ccc;
	}

	#BasicLogin input.submitButton {
		display: block;
		width: auto;
	}

	#BasicLogin .commandRow {
		text-align: right;	
	}

/* FORGOT PASS */

#forgotTemplate h3 {
	font-size: 16px; 
	color: #4e82b0;
}

#forgotTemplate .ForgotField {
	color: #5c5c61;
	height: 22px;
	border: 1px solid #ccc;
	margin-bottom: 16px;
	margin-top:5px;
}

#forgotTemplate a {
	color:#666666;
}

	#forgotWrap {
		margin: 0; padding: 0;
	}
	#forgotten {
		margin: 0; padding: 0;
	}
	#forgotWrap h3 {
		color:#4E82B0;
		width:715px;
		margin-left: 20px;
		padding-bottom:5px;
	}
	#forgotten form {
		margin: 0; padding: 0;
	}
	#forgotWrap p.infoText {
		display: block; 
		margin: 0 0 0px 20px; padding: 0;
		width: 420px;
	}
	#forgotWrap #forgotForm {
		margin: 0 0 0 20px; padding: 0 0 30px 0;
		width: 420px;
	}
	#forgotten label {display: block; margin: 0 0 3px 0; padding: 0; color: #4E82B0}
	#forgotten input.yourEmail {
		display: block;
		width: 348px; /* height: 18px; */
		margin: 0 0 25px 0; padding: 3px;
		border: 1px solid #ccc;
		*zoom: 1;
	}
	
	#forgotten .codeLeft {float: left; width: 128px; margin: 0; padding: 0;}
	#forgotten .codeRight {float: left; width: 230px; margin: 0 0 0 5px; padding: 0;}
	#forgotten .codeLeft p {margin: 0; padding: 0;}
	#forgotten .codeRight p {margin: 0; padding: 0;}
	#forgotten .codeRight p a {color: #666; margin: 0; padding: 0;}
	#forgotten .codeFun {width: 120px; height: 40px; margin: 0 0 15px 0;  padding: 0; border: 1px solid #ccc;}
	#forgotten .codeResponse {width: 120px; height: 22px; margin: 0 0 15px 0; padding: 0; border: 1px solid #ccc;}
	#forgotten #refreshCaptcha {text-decoration: underline; cursor: pointer;}

/* DETAIL PAGE */

	#detail #main h4,#stories h4,#detail #main h4 a,#stories h4 a{
		text-decoration:none;text-transform:uppercase;
	}
	#detail { padding: 0 30px 40px 30px;}
	#detail #main #profil .photoImg{float:left;margin-bottom:200px;margin-top:4px;}
	#detail .profile ul{ margin: 0px; padding: 0px; }
	#detail .profile ul li{color:#4e82b1;list-style-type:none;padding-bottom:2px;padding-top:2px;}
	#detail .profile ul li div{
		color:#5e5e56;
		font-weight:bold;
		margin-bottom: 10px;
		font-size: 14px;
	}
	#detail .profile img{ }
	#detail .profile p { margin-top: 0px } 
	#detail #geschichte .part1 img.photo{}
	#detail #main #profil .profile p{margin-left:25px;width:700px;margin-top:25px;}
	#detail #stories{margin-top:10px;}
	#detail #stories .story{margin-left:20px;padding-top:10px;padding-bottom:25px;margin-top:30px;}
	#detail .story div{}
	#detail .story ul{width:500px;}
	#detail .story .photo{float:left;width:150px;}
	#detail #geschichte .story .photo img{}
	#detail .story .description{}
	#detail .description span{}
	#detail #geschichte .story .description p a{text-transform:uppercase;}
	#detail #main h4{
		margin-left:15px;position:relative;top:10px;
	}
	#detail #geschichte{}
	#detail #main #profil{height:600px;width:780px;}
	#detail .topLine {
		border-top:2px dotted #bbb;
		margin: 0px 0 7px 0;
		width:720px;
	}
	#detail h4.storyTitle {left:5px;top:-2px !important;}
	#detail #rightCol p {font-size:84%;}

	#detail .headnav {font-family:helvetica; text-decoration: none;cursor:pointer;}
	#detail .headon {color:#4e82b1; cursor:pointer;}
	#detail .headoff { color:666; cursor:default;}

	#detail div.sectionLinks {
		margin: 0; padding: 30px 0 15px 0; padding-top: 0;
		font-size: 130%; font-family: helvetica; text-decoration: none;cursor:pointer;
		cursor: pointer;
		color: #5e5e56;
		font-weight: bold;
		zoom: 1;
	}
		#detail div.sectionLinks .soSelected {
			color: #4e82b1;
		}

	#detail h2 {
		padding: 10px 0 0 0;
		margin: 0 0 5px 0; color: #4e82b1;
		font-size: 115%;
	}
	
	#detail h2.profile {
		margin-top: 15px; margin-bottom: 5px;
		text-transform: uppercase;
	}
	
	#detail .columnLayout .firstDIV { float: left; width: 156px;}
	#detail .columnLayout .secondDIV {float: left; width: 560px; }
	
	
	/*#detail #Pagination { display: none; }*/
	#detail .pagination { border-top:1px dotted #BBB; padding: 5px 0 15px 0; overflow: hidden; }
	#detail .pagination.top { *width: 330px; }
	#detail .secondDIV .pagination { border: none; padding-top: 10px; }
	#detail .pagination,
	#detail .pagination ul { overflow: hidden; _zoom: 1; }
	#detail .pagination p,
	#detail .pagination ul,
	#detail .pagination li { display: inline; margin: 0 5px 0 0; }
	#detail .pagination li { padding: 1px 0 0 0 !important; }
	#detail .pagination li a { display: inline; margin: 0 0 0 0; padding: 0 5px 0 0; border-right: 2px solid #999; }
	#detail .pagination li.last a { border-right: none; }
	#detail .pagination .jumpto { float: right; }
	#detail .pagination li a,
	#detail .pagination p { line-height: 12px; height: 12px; font-size: 12px; overflow: hidden; }
	#detail .pagination p { padding: 1px 0 0 0; }
	#detail .pagination p.showAll { float: right; padding: 0 0 0 0; }
	#detail .pagination p.firstPage { border-right: 2px solid #999; padding-right: 5px; }
	#detail .pagination p,
	#detail .pagination a { font-weight: bold; color: #999; }
	#detail .pagination a { text-decoration: none; }
	#detail .pagination a.selected { color: #4e82b1; }
	
	#detail .Comment {
		border-top: 1px dotted #bbb;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	#detail .Comment .ImagePane {
		width: 156px;
		float: left;
	}
	#detail .Comment .ImagePane img {
		border: 1px solid #aaa;
		display: block; margin: 0 0 5px 0;
	}
	#detail .Comment .CommentPane {
		width: 560px;
		float: left;
	}
	
	#detail .Story {
		border-top: 1px dotted #bbb;
		padding-top: 10px;
		padding-bottom: 16px;
	}
	#detail .Story .ImagePane {
		width: 156px;
		float: left;
	}
	#detail .Story .ImagePane img {
		border: 1px solid #aaa;
	}
	#detail .Story .StoryPane {
		width: 560px;
		float: left;
	}
	#detail .Story .StoryPane img {border:0}
	#detail .Story a {color: #4e82b0;font-weight: bold;text-decoration: none;}

	#detail .Story .spDate {margin:0 0 15px 0;padding:0;}
	#detail .Story .spTitle {color:#555;margin:0 0 3px 0;padding:0;font-weight:bold;font-size:110%;}
	#detail .Story .spShortBody {margin:0 0 5px 0;padding:0;font-size:100%;}

	#detail .subPageDivider {
		margin-top: 0px;
	}

	#detail .profileImage {
		display: block;
		width: 134px; height: 100px;
		margin: 0; padding: 0;
		border: 1px solid #aaa;
	}
		#detail .profileImage img {
			margin: 0; padding: 0;
			display: block;
		}
		#detail .authorInfo {
			margin: 0 0 10px 0; padding: 6px 0 0 0;
		}
		#detail .profileLink a {
			color: #4E82B0;
			font-weight: bold;
			text-decoration: none;
		}

	#detail .subPageDivider .firstDIV {
		float: left; 
	}
	#detail .subPageDivider .secondDIV {
		float: right;
	}
	#detail .commentFormArea {
		margin: 0 0 0 158px; padding: 0;
	}

	#detail .commentFormArea .commentBody {
		display: block;
	}
	
	#detail .commentFormArea p {
		margin-bottom: 25px;
	}
	
	/* DETAIL -> COMMENTING */
	
		#CommentForm {
		}
		
		#CommentForm .commentBody {
			width: 550px; height: 120px;
			border: 1px solid #ccc; color: #666;
			font-family: Arial, Verdana, Sans;
			font-size: 95%;
			padding: 5px;
			margin: 0 0 10px 0;
		}

	/* DETAIL -> SMUDO CALLOUT THING AT BOTTOM */
	
	#detail div.footer_teaser {
		position: relative;
		bottom: 0;
		margin: 0; padding: 0;	
	}

	#detail div.footer_teaser {
	}

	#detail div.footer_teaser div.first_teaser_container {	
		float: left;
		width: 223px;
		margin: 0;
		padding: 0 15px 0 0;
	}

	#detail div.footer_teaser div.teaser_container {	
		float: left;
		width: 223px;
		margin: 0;
		padding: 0 15px;
		border-left: 1px dotted #ccc;
	}
	
	#detail div.footer_teaser div div h4 {
		font-size: 100%;
		margin: 0 0 5px 0; padding: 0;
		color: #4e82b0;
	}
	#detail div.footer_teaser div div p {
		margin: 0 0 10px 0; padding: 0;
	}

	#detail div.footer_teaser div div {
		background-color: #eee;
		margin: 0;
		padding: 10px;
	}



/* KONTAKT PAGE */
	
	#kontakt_details {
		margin-left: 20px;
		width: 250px;
	}
	
	#kontakt #kontakt_form {
		padding-top: 10px;
		width: 450px;
	}
	#kontakt #contact_me span {
		display:block;
		margin: 10px 0 3px 0;
	}
	
	#kontakt select {
		width: 442px;	
	}
	
	#kontakt textarea {
		font-family: Berdana, Arial, Sans;
		padding: 5px 10px 5px 10px;
		font-size: 13px;
		color: #5c5c61;
		width: 420px;
		background-color: white;
		border: 1px solid #ccc;
	}
	
	#kontakt input {
		padding: 5px 10px 5px 10px;
		font-size: 13px;
		color: #5c5c61;
		background-color: white;
		border: 1px solid #ccc;
	}

	#kontakt input.vab {
		width: 420px;
	}
	
	#kontakt h3,
	#kontakt_confirm h3 {
		font-size: 16px; 
		color: #4e82b0;
		margin-bottom: 0;
	}

	#kontakt .codeRow {margin-top: 25px; padding-bottom: 6px;}
	#kontakt .codeRow .codeLeft {float: left; width: 128px; margin: 0; padding: 0;}
	#kontakt .codeRow .codeRight {float: left; width: 230px; margin: 0 0 0 5px; padding: 0;}
	#kontakt .codeRow .codeLeft p {margin: 0; padding: 0;}
	#kontakt .codeRow .codeRight p {margin: 0; padding: 0;}
	#kontakt .codeRow .codeRight p a {color: #666; margin: 0; padding: 0;}
	#kontakt .codeRow .codeFun {width: 120px; height: 40px; margin: 3px 0 10px 0;  padding: 0; border: 1px solid #ccc;}
	#kontakt .codeRow .codeLeft .codeResponse {width: 120px !important; height: 22px; margin: 0 0 15px 0; padding: 0; border: 1px solid #ccc;}
	#kontakt .codeRow #refreshCaptcha {text-decoration: underline; cursor: pointer;}


/* Info Page */

#info {
	position: relative;
	top: -10px;
	padding: 0 30px !important;
}

#info .hr, #lottery .hr { margin: 5px 0 15px 0; }
/*They're different! yay*/
#info hr, #lottery hr { margin: 1px 0 5px 0;}

#info h3, #lottery h3 { margin: 0 0 0 0; }

#info div.funtimePuker {
	margin: 8px 0 10px 0;
	padding: 0; border: 0;
	border-top: 1px dotted #888;
	background-color: transparent;
}

#info div.funtimePuker hr {display:none;}


#info p.funtimePukerP {
	margin-bottom: 30px;
}

#info ul.codeList {
	margin: 0 0 0 0;
	padding: 0;
	line-height: 20px;
	list-style: none;
}

#info ul.codeList li {
	margin: 0 0 5px 0;
	padding-left: 10px;
	background: url(/images/bullet_squares.gif) 0 8px no-repeat;
}

#info h3, #lottery h3 {
	font-size: 16px; 
	color: #4e82b0;
}


#info h2, #lottery h2 {
	font-size: 14px;
	color: #4e82b0;
	margin-bottom: 0;
	margin-top:0px;
}

#youtube h2, #myspace h2 {
	color: #4e82b0;
	margin-bottom: 0;
	margin-top:0px;
	font-size: 16px;
}

#youtube .imgColumn, #myspace .imgColumn {
	float: left;
	margin-right: 15px;
}

#youtube .txtColumn, #myspace .txtColumn {
	float:left;
	width: 517px;
}

#youtube .arrowNav a, #myspace .arrowNav a, #home .arrowNav a {
	font-weight: bold;
	color: #4e82b0;
	text-decoration:none;
}

#youtube .arrowNav a:hover, #myspace .arrowNav a:hover {
	color: #666666;
}

#info .top_link {
	font-size: 12px;
	float:right;
}

#info h2 img, #lottery h2 img {
	margin-bottom: 2px;
}

#info h4, #lottery h4 {
	margin-bottom: 0px;
}

#info #info_faq {
	position: relative;
	display: block;
	width:490px; 
	padding-left: 30px;
	padding-bottom: 30px;
}

#lottery_copy {
	width:420px; 
	margin-left: 15px;
	padding-left: 15px;
	padding-bottom: 30px;
}

#lottery_copy h4 {
	margin: 0 0 20px 0; vertical-align: middle
}
#lottery_copy h4 span {}

#info #info_faq div {
	padding-bottom: 10px;
}

#info #info_nav {
	position: relative;
	display: block;	
	width: 180px;
	padding-right: 20px;
}

#info #info_nav div {
	font-weight: bold;
	color: #4f7ea7;
	padding-bottom: 5px;
}

#lottery #lottery_nav {
	position: relative;
	display: block;
	width: 220px;
}

#lottery #lottery_nav div {
	padding-bottom: 5px;
}

#info a, #lottery a {
	color: #4f7ea7;	
	text-decoration:none;
}

#info a:hover, #lottery a:hover {
	color: #666666;
}

#info #info_faq div.last { margin-bottom: 17px; }

#info.legal p { margin-top: 0; }
#info.legal .section { margin-bottom: 25px; }


	
/* Messaging */


p.formError {
	margin: 0; padding: 0;
	color: #a00;
}
p.formMessage {
	margin: 0; padding: 0;
	color: #363;
}


/* Edit Profile */

#EditProfile { padding: 30px 20px 0 20px;}
#EditProfile h1, #QuizForm h1 { right: 0; }
#EditProfile h3, #QuizForm h1 { color: #4E82B0; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom:1px dotted #ccc; }

#EditProfile #YourStories { margin: 0 0 10px 0; }
#EditProfile #YourStories ul.stories { overflow: hidden; list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0;}
#EditProfile #YourStories ul.stories li { position: relative; float: left; width: 180px; height: 230px; margin: 0 0 0 0; padding: 0 0 0 0; }
#EditProfile #YourStories ul.stories img.thumbnail { display: block; padding: 0 0 8px 0; }
#EditProfile #YourStories ul.stories h4 { margin: 0 0 0 0; padding: 0 0 0 0; font-size: 100%; }
#EditProfile #YourStories ul.stories p { margin: 0 0 0 0; padding: 0 0 0 0; }
#EditProfile #YourStories ul.stories .edit { position: absolute; bottom: 0; }
#EditProfile #YourStories ul.stories .edit a { display: block; }
#EditProfile #YourStories ul.stories .edit a img { border: none; }
#EditProfile #YourStories ul.stories .edit span.warning { display: block; padding: 0 0 12px 0; color: #930; }

#EditProfile form fieldset, #QuizForm form fieldset { border: none; border-bottom: 2px dotted #ccc; margin: 0 0 25px 0; padding: 0 0 30px 0; }

#EditProfile fieldset .photoColumn { width: 140px; float: left; margin: 0 0 0 0; }
#EditProfile fieldset .photoColumn img.profileThumb { display: block; margin: 0 0 0 0; padding: 0 0 0 0; border: 1px solid #ccc; }
#EditProfile fieldset .photoColumn ul.nl { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
#EditProfile fieldset .photoColumn ul.nl li { margin: 0 0 0 0; padding: 5px 0 0 0; }
#EditProfile fieldset .photoColumn ul.nl li#DelPic a { display: block; padding: 0 0 0 10px; margin: 0 0 0 0; background: transparent url(/images/bild_loschen_link.jpg) -1px 0 no-repeat; text-decoration: none; color: #4e82b0; text-indent: -1000px; width: 133px; height: 12px; }

#EditProfile fieldset .contentColumn { width: 450px; float: left; margin: 0 0 0 20px; }
#QuizForm fieldset .contentColumn { width: 380px; float: left; margin: 0 0 0 0px; }
#EditProfile fieldset .contentColumn p, #QuizForm fieldset .contentColumn p { margin: 0 0 0 0; padding: 0 0 0 0; }

#EditProfile fieldset .contentColumn ul.fields, #QuizForm fieldset .contentColumn ul.fields { margin: 0 0 20px 0; padding: 0; list-style-type: none; }
#EditProfile fieldset .contentColumn ul.fields li { display: block; width: 442px; overflow: hidden; list-style-type: none; }
#QuizForm fieldset .contentColumn ul.fields li { display: block; width: 385px; overflow: hidden; list-style-type: none; }
#EditProfile fieldset .contentColumn ul.fields select { width: 440px; margin: 0 0 10px 0; }
#QuizForm fieldset .contentColumn ul.fields select { width: 380px; margin: 0 0 10px 0; }
#EditProfile fieldset .contentColumn ul.fields input, #QuizForm fieldset .contentColumn ul.fields input { color: #5c5c61; height: 22px; border: 1px solid #ccc; margin: 0 0 5px 0; }
#EditProfile fieldset .contentColumn ul.fields input.var { width:438px; }
#QuizForm fieldset .contentColumn ul.fields input.var { width:380px; }
#EditProfile fieldset .contentColumn ul.fields .fieldLabel, #QuizForm fieldset .contentColumn ul.fields .fieldLabel { color: #4E82B0;  margin: 0 0 2px 0; }
#EditProfile fieldset .contentColumn ul.fields .fieldLabel span.note { color: #666; padding-left: 275px; }

#EditProfile fieldset .contentColumn ul.fields li.Address1 .first input { width:348px; }
#QuizForm fieldset .contentColumn ul.fields li.Address1 .first input { width:275px; }
#EditProfile fieldset .contentColumn ul.fields li.Address1 .last input, #QuizForm fieldset .contentColumn ul.fields li.Address1 .last input { width:73px; }
#EditProfile fieldset .contentColumn ul.fields li.Address2 .first input, #QuizForm fieldset .contentColumn ul.fields li.Address2 .first input { width:73px; }
#EditProfile fieldset .contentColumn ul.fields li.Address2 .last input { width:348px; }
#QuizForm fieldset .contentColumn ul.fields li.Address2 .last input { width:275px; }
#EditProfile fieldset .contentColumn ul.fields li.Address1 .first,
#EditProfile fieldset .contentColumn ul.fields li.Address2 .first, #QuizForm fieldset .contentColumn ul.fields li.Address1 .first, #QuizForm fieldset .contentColumn ul.fields li.Address2 .first { float: left; }
#EditProfile fieldset .contentColumn ul.fields li.Address1 .last, #QuizForm fieldset .contentColumn ul.fields li.Address1 .last, #QuizForm fieldset .contentColumn ul.fields li.Address2 .last,
#EditProfile fieldset .contentColumn ul.fields li.Address2 .last { float: right; }

#EditProfile fieldset .contentColumn ul.fields li.dateOfBirth, #QuizForm fieldset .contentColumn ul.fields li.dateOfBirth {  }
#EditProfile fieldset .contentColumn ul.fields li.dateOfBirth input, #QuizForm fieldset .contentColumn ul.fields li.dateOfBirth input { margin: 0 10px 0 0; }
#EditProfile fieldset .contentColumn ul.fields li.dateOfBirth input#dob_dd, #QuizForm fieldset .contentColumn ul.fields li.dateOfBirth input#dob_dd,
#EditProfile fieldset .contentColumn ul.fields li.dateOfBirth input#dob_mm, #QuizForm fieldset .contentColumn ul.fields li.dateOfBirth input#dob_mm { width:33px; }
#EditProfile fieldset .contentColumn ul.fields li.dateOfBirth input#dob_yy, #QuizForm fieldset .contentColumn ul.fields li.dateOfBirth input#dob_yy { width:48px; }

#EditProfile fieldset .contentColumn ul.fields li.verifyAge { margin: 10px 0 10px 0; }
#EditProfile fieldset .contentColumn ul.fields li.verifyAge input { float: none; margin: 0 5px 0 0; }
#EditProfile fieldset .contentColumn ul.fields li.verifyAge span { color: #4E82B0; }

#EditProfile form fieldset#ProfileData {}
#EditProfile form fieldset#ProfileData .contentColumn { float: left; }

#EditProfile fieldset .contentColumn ul.fields li.username { margin: 0 0 15px 0; }
#EditProfile fieldset .contentColumn ul.fields li.username p {  }
#EditProfile fieldset .contentColumn ul.fields li.username p strong { color: #4E82B0; font-weight: normal; }
#EditProfile .action-confirm { margin: 0 0 15px 0; overflow: hidden; }
#EditProfile .action-confirm a { float: left; }
#EditProfile .action-confirm a img { border: none; }
#EditProfile .action-confirm img.loading { float: left; margin: -20px 0px 0px 0px; }

#EditProfile fieldset p.formMessage { margin: 0 0 10px 0; }

#EditProfile p.requiredMessage { color: #4E82B0; margin: 0 0 20px 0;}
#EditProfile div.requiredMessage { color: #4E82B0; margin: 0 0 20px 0;}

#EditProfile .deleteProfile { padding: 0 0 40px 0; }
#EditProfile .deleteProfile a { color: #666; }

/* Story Edit */

#story_edit {
	padding: 60px 10px 0px 10px;
	margin-top:-17px;
	padding-bottom:40px;
	background-repeat:repeat-x;
}


#story_edit h2 {
	font-size: 16px; 
	color: #4e82b0;
}

#story_edit input {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 5px 10px 5px 10px;
	font-size: 13px;
	color: #5c5c61;	
}

#story_edit .title_edit {
	width: 420px;
}

#story_edit .title_input {
	width: 415px; 
	margin-bottom:10px;
}

#story_edit #player_form {
	float:left; 
	width:260px;
}

#story_edit .details_input {
	border: 1px solid #ccc; 
	width:260px; 
	height:115px; 
	margin-bottom: 10px;
	font: 13px arial;
	color: #5c5c61;	
	padding: 10px;
}

#story_edit select {
	width: 260px;
}

#story_edit .description_input {
	width: 720px; 
	height: 250px; 
	border: 1px solid #ccc; 
	margin-bottom:10px;
	font: 13px arial;
	color: #5c5c61;	
	padding: 10px;
}

#story_edit .message { float: left; }
#story_edit #tags_edit fieldset { border: none; margin: 0 0 10px 0; padding: 0 0 0 0; } 
#story_edit #subtype_edit fieldset { border: none; margin: 0 0 10px 0; padding: 0 0 0 0; } 

#story_edit #thumbnails, #story_edit #thumbnails img { width: 350px !important; height: 255px !important; } 
#story_edit .galleryController { margin: 0 0 5px 0; }
#story_edit .galleryController a.galleryLink { margin: 0 5px 0 0; color: #6390B8; font-weight: bold; text-decoration: none; }

#story_edit #unlinkButton { display: block; cursor: pointer; width: 155px; }
#story_edit #unlinkButton img { border: none; }

#story_edit #body_edit { overflow: hidden; }

/* User Profile */

/* DETAIL PAGE */

	#userprofile #main h4,#stories h4,#userprofile #main h4 a,#stories h4 a{
		text-decoration:none;text-transform:uppercase;
	}
	#userprofile { padding: 0 30px 40px 30px; }
	#userprofile #main #profil .photoImg{float:left;margin-bottom:200px;margin-top:4px;}
	#userprofile .profile ul{ margin: 0px; padding: 0px; }
	#userprofile .profile ul li{color:#4e82b1;list-style-type:none;padding-bottom:2px;padding-top:2px;}
	#userprofile .profile ul li div{
		color:#5e5e56;
		font-weight:bold;
		margin-bottom: 10px;
		font-size: 14px;
	}
	#userprofile .profile img{ }
	#userprofile .profile p { margin-top: 0px } 
	#userprofile #geschichte .part1 img.photo{}
	#userprofile #main #profil .profile p{margin-left:25px;width:700px;margin-top:25px;}
	#userprofile #stories{margin-top:10px;}
	#userprofile #stories .story{margin-left:20px;padding-top:10px;padding-bottom:25px;margin-top:30px;}
	#userprofile .story div{}
	#userprofile .story ul{width:500px;}
	#userprofile .story .photo{float:left;width:150px;}
	#userprofile #geschichte .story .photo img{}
	#userprofile .story .description{}
	#userprofile .description span{}
	#userprofile #geschichte .story .description p a{text-transform:uppercase;}
	#userprofile #main h4{
		margin-left:15px;position:relative;top:10px;
	}
	#userprofile #geschichte{}
	#userprofile #main #profil{height:600px;width:780px;}
	#userprofile .topLine {
		border-top:2px dotted #bbb;
		margin: 0px 0 7px 0;
		width:720px;
	}
	#userprofile h4.storyTitle {left:5px;top:-2px !important;}
	#userprofile #rightCol p {font-size:84%;}

	#userprofile .headnav {font-family:helvetica; text-decoration: none;cursor:pointer;}
	#userprofile .headon {color:#4e82b1; cursor:pointer;}
	#userprofile .headoff { color:666; cursor:default;}

	#userprofile div.sectionLinks {
		margin: 0; padding: 30px 0 15px 0; padding-top: 0;
		font-size: 130%; font-family: helvetica; text-decoration: none;cursor:pointer;
		cursor: pointer;
		color: #5e5e56;
		font-weight: bold;
		zoom: 1;
	}
		#userprofile div.sectionLinks .soSelected {
			color: #4e82b1;
		}

	#userprofile h2 {
		padding: 10px 0 0 0;
		margin: 0 0 5px 0; color: #4e82b1;
		font-size: 115%;
	}
	
	#userprofile h2.profile {
		margin-top: 15px; margin-bottom: 5px;
		text-transform: uppercase;
	}
	
	#userprofile .columnLayout .firstDIV { float: left; width: 156px;}
	#userprofile .columnLayout .secondDIV {float: left; width: 560px; }
	
	
	/*#userprofile #Pagination { display: none; }*/
	#userprofile .pagination { border-top:1px dotted #BBB; padding: 5px 0 15px 0; overflow: hidden; }
	#userprofile .pagination.top { *width: 230px; }
	#userprofile .secondDIV .pagination { border: none; padding-top: 10px; }
	#userprofile .pagination,
	#userprofile .pagination ul { overflow: hidden; _zoom: 1; }
	#userprofile .pagination p,
	#userprofile .pagination ul,
	#userprofile .pagination li { float: left; margin: 0 5px 0 0; }
	#userprofile .pagination li { padding: 1px 0 0 0 !important; }
	#userprofile .pagination li a { display: block; margin: 0 0 0 0; padding: 0 5px 0 0; border-right: 2px solid #999; }
	#userprofile .pagination li.last a { border-right: none; }
	#userprofile .pagination .jumpto { float: right; }
	#userprofile .pagination li a,
	#userprofile .pagination p { line-height: 12px; height: 12px; font-size: 12px; overflow: hidden; }
	#userprofile .pagination p { padding: 1px 0 0 0; }
	#userprofile .pagination p.showAll { float: right; padding: 0 0 0 0; }
	#userprofile .pagination p.firstPage { border-right: 2px solid #999; padding-right: 5px; }
	#userprofile .pagination p,
	#userprofile .pagination a { font-weight: bold; color: #999; }
	#userprofile .pagination a { text-decoration: none; }
	#userprofile .pagination a.selected { color: #4e82b1; }
	
	#userprofile .Comment {
		border-top: 1px dotted #bbb;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	#userprofile .Comment .ImagePane {
		width: 156px;
		float: left;
	}
	#userprofile .Comment .ImagePane img {
		border: 1px solid #aaa;
		display: block; margin: 0 0 5px 0;
	}
	#userprofile .Comment .CommentPane {
		width: 560px;
		float: left;
	}
	
	#userprofile .Story {
		border-top: 1px dotted #bbb;
		padding-top: 10px;
		padding-bottom: 16px;
	}
	#userprofile .Story .ImagePane {
		width: 156px;
		float: left;
	}
	#userprofile .Story .ImagePane img {
		border: 1px solid #aaa;
	}
	#userprofile .Story .StoryPane {
		width: 560px;
		float: left;
	}
	#userprofile .Story .StoryPane img {border:0}
	#userprofile .Story a {color: #4e82b0;font-weight: bold;text-decoration: none;}

	#userprofile .Story .spDate {margin:0 0 15px 0;padding:0;}
	#userprofile .Story .spTitle {color:#555;margin:0 0 3px 0;padding:0;font-weight:bold;font-size:110%;}
	#userprofile .Story .spShortBody {margin:0 0 5px 0;padding:0;font-size:100%;}

	#userprofile .subPageDivider {
		margin-top: 0px;
	}

	#userprofile .profileImage {
		display: block;
		width: 134px; height: 100px;
		margin: 0; padding: 0;
		border: 1px solid #aaa;
	}
		#userprofile .profileImage img {
			margin: 0; padding: 0;
			display: block;
		}
		#userprofile .authorInfo {
			margin: 0; padding: 6px 0 0 0;
		}

	#userprofile .subPageDivider .firstDIV {
		float: left; 
	}
	#userprofile .subPageDivider .secondDIV {
		float: right;
	}
	#userprofile .commentFormArea {
		margin: 0 0 0 158px; padding: 0;
	}

	#userprofile .commentFormArea .commentBody {
		display: block;
	}
	
	#userprofile .commentFormArea p {
		margin-bottom: 25px;
	}
	
	#topHeaderText {
		float: left;
		margin: 10px 30px 15px 15px;
		font-size: 115%;
		font-weight: bold;
		color: #5E5E56;
	}
	#topHeaderText .nickname {
		color: #4E82B1;
	}
	
	
/* comment delete */

.CommentDeletionLink {
	cursor: pointer;
	color: #4E82B1;
	font-weight: bold;
	text-decoration: none;
}
#contest {
	padding:0 30px 40px;
}

	#contest .pagination { border-top:1px dotted #BBB; padding: 5px 0 15px 0; overflow: hidden; }
	#contest .pagination.top { *width: 330px; }
	#contest .secondDIV .pagination { border: none; padding-top: 10px; }
	#contest .pagination,
	#contest .pagination ul { overflow: hidden; _zoom: 1; }
	#contest .pagination p,
	#contest .pagination ul,
	#contest .pagination li { display: inline; margin: 0 5px 0 0; }
	#contest .pagination li { padding: 1px 0 0 0 !important; }
	#contest .pagination li a { display: inline; margin: 0 0 0 0; padding: 0 5px 0 0; border-right: 2px solid #999; }
	#contest .pagination li.last a { border-right: none; }
	#contest .pagination .jumpto { float: right; }
	#contest .pagination li a,
	#contest .pagination p { line-height: 12px; height: 12px; font-size: 12px; overflow: hidden; }
	#contest .pagination p { padding: 1px 0 0 0; }
	#contest .pagination p.showAll { float: right; padding: 0 0 0 0; }
	#contest .pagination p.firstPage { border-right: 2px solid #999; padding-right: 5px; }
	#contest .pagination p,
	#contest .pagination a { font-weight: bold; color: #999; }
	#contest .pagination a { text-decoration: none; }
	#contest .pagination a.selected { color: #4e82b1; }

#contest .Comment {
		border-top: 1px dotted #bbb;
		padding-top: 8px;
		padding-bottom: 8px;
	}
#contest .Comment .ImagePane {
	width: 156px;
	float: left;
}
#contest .Comment .ImagePane img {
	border: 1px solid #aaa;
	display: block; margin: 0 0 5px 0;
}
#contest .Comment .CommentPane {
	width: 560px;
	float: left;
}
#contest .datePosted {
	margin-top: 0px;
	color: #AAAAAA;
}

#contest .Story {
	border-top: 1px dotted #bbb;
	padding-top: 10px;
	padding-bottom: 16px;
}
#contest .Story .ImagePane {
	width: 156px;
	float: left;
}
#contest .Story .ImagePane img {
	border: 1px solid #aaa;
}
#contest .Story .StoryPane {
	width: 560px;
	float: left;
}
#contest .Story .StoryPane img {border:0}
#contest .Story a {color: #4e82b0;font-weight: bold;text-decoration: none;}

#contest .Story .spDate {margin:0 0 15px 0;padding:0;}
#contest .Story .spTitle {color:#555;margin:0 0 3px 0;padding:0;font-weight:bold;font-size:110%;}
#contest .Story .spShortBody {margin:0 0 5px 0;padding:0;font-size:100%;}

#contest .subPageDivider {
	margin-top: 0px;
}


#contest .profileImage {
	display: block;
	width: 134px; height: 100px;
	margin: 0; padding: 0;
	border: 1px solid #aaa;
}
	#contest .profileImage img {
		margin: 0; padding: 0;
		display: block;
	}
	#contest .authorInfo {
		margin: 0 0 10px 0; padding: 6px 0 0 0;
	}
	#contest .profileLink a {
		color: #4E82B0;
		font-weight: bold;
		text-decoration: none;
	}

#contest .subPageDivider .firstDIV {
	float: left; 
}
#contest .subPageDivider .secondDIV {
	float: right;
}
#contest .commentFormArea {
	margin: 0 0 0 158px; padding: 0;
}

#contest .commentFormArea .commentBody {
	display: block;
}

#contest .commentFormArea p {
	margin-bottom: 25px;
}
#contest h2 {
		padding: 10px 0 0 0;
		margin: 0 0 5px 0; color: #4e82b1;
		font-size: 115%;
}

#contest .topLine {
		border-top:2px dotted #bbb;
		margin: 0px 0 7px 0;
		width:auto
}

#rightLotteryPane {

}

#rightLotteryPane h3 {
	padding: 10px 0 0 0;
	margin: 0 0 5px 0; color: #4e82b1;
	font-size: 135%;
	text-transform: uppercase;
}
#rightLotteryPane h4 {
	padding: 10px 0 0 0;
	margin: 0 0 0 0; color: #4e82b1;
	font-size: 100%;
	text-transform: uppercase;
}	
#rightLotteryPane p {
	margin-top: 0px;
}
/* DETAIL -> COMMENTING */

	#CommentForm {
	}
	
	#CommentForm .commentBody {
		width: 550px; height: 120px;
		border: 1px solid #ccc; color: #666;
		font-family: Arial, Verdana, Sans;
		font-size: 95%;
		padding: 5px;
		margin: 0 0 10px 0;
	}

/* For the Quiz Questions and ANswers */
.quiz li {
	color: 	#4E82B0;
	font-family: arial;
	font-weight: bold;
	line-height: 18px;
}
#QuestionResponse {
	color: 	#4E82B0;
	font-family: arial;
	font-weight: bold;
	line-height: 18px;
}

.QuizText {
	font-weight: bold;
}
#QuizFooter {

}
#QuizFooter p {
	margin: 0px;
	font-weight: bold;
}
#QuizFooter .QF_Left {
	padding: 4px 0px;
	float: left;
	width: 48%;
}
#QuizFooter .QF_Right {
	padding: 4px 0px;
	float: right;
	width: 48%;
	text-align: right;
}
#QuizForm textarea {
	border:1px solid #CCCCCC;
	color:#5C5C61;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:90%;
	height:100px;
	margin:0 0 25px;
	padding:0px;
	width:380px;
}
#QuizForm label.formField {
	color:#4E82B0;
	display:block;
	margin:0 0 5px;
	padding:0;
	position:relative;
	width:300;
}
#QuizForm label.formField span {
	color:#5C5C61;
	position:absolute;
	right:0;
}
#QuizForm p.requiredMessage { color: #4E82B0; margin: 4px 0 4px 0;}
#QuizForm div.requiredMessage { color: #4E82B0; margin: 12px 0 4px 0;}


/* WORTHERSEE SECTION */

	#worthersee {}

	#worthersee strong { color: #4e82b0; font-weight: normal; }

	/* w.text */

	#worthersee p {margin:10px 0 0 0;padding:0;}

	#worthersee .left h3 {color: #4e82b0; font-size:100%; margin: 5px 0 3px 0;}
	#worthersee .d1 h2 {color: #4e82b0; text-transform:uppercase; font-size:140%; margin: 0 0 10px 0;}
	#worthersee .d2 h2 {color: #4e82b0; text-transform:uppercase; font-size:120%; margin: 0 0 10px 0;}
	#worthersee .d3 h2 {color: #4e82b0; text-transform:uppercase; font-size:120%; margin: 0 0 10px 0;}

	#worthersee a.calloutlink {
		color: #4e82b0;
		font-weight: bold;
		text-decoration: none;
		background:transparent url(/images/arrow_sidebar.jpg) no-repeat scroll 0 3px;
		text-transform:uppercase;
		padding:0 0 0 10px;
		margin: 5px 0 0 0;
	}

	/* w.layout */

	#worthersee .left {
		float:left;
		width: 220px;
		margin: 0; padding: 0;
	}

	#worthersee .right {
		float:left;
		margin-left:20px;
		padding-left:30px;
		width:420px;
	}

		#worthersee .right .d1 {clear:both} /* clear any image floats */
		#worthersee .right .d2 {clear:both} /* clear any image floats */ 
		#worthersee .right .d3 {clear:both} /* clear any image floats */

	/* w.borders */

	.leftBorder {border-left: 2px dotted #ccc;}
	.bottomBorder {border-bottom: 1px dotted #ccc; padding-bottom: 15px; margin-bottom: 20px;}

	/* w.imageboxes */

	#worthersee .right .leftImage {float:left; margin: 0 15px 10px 0;}
		#worthersee .right .leftImage img {margin:15px 0 5px 0;padding:0;}
		#worthersee .right .leftImage p {margin:0;padding:0;font-size:100%;color:#999;}