@CHARSET "UTF-8";

body {
	position: relative;
	color: white;
	margin: auto;
	width: 900px;
	
	color: white;
	font-family: Arial;
}

input {
	font-family: Arial;
}

a {
	color: white;
	text-decoration: none;
}
th {
    background-color: #1B459B;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    padding: 2px;
	padding-top: 20px;
    font-family: Verdana, Arial, sans-serif;
}

td {
    font-size: 10px;
    font-family: Verdana, Arial, sans-serif;
}

.odd {
    background-color: #D1D9EB;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: left;
    padding: 2px;
    border-right: #ffffff solid 1px;
}

.even {
    border-right: #ffffff solid 1px;
    background-color: #DDE3F0;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: left;
    padding: 2px;
}

#wrapper {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	background: #1d9dd4 url("../images/resources/bubble.jpg") no-repeat 0 -50px;
}

#header {
	margin-top: 39px;
	width: 100%;
}
	
	#header ul {
		margin: 0;
		padding: 0;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}
	
	#header ul li {
		float: left;
		margin: 0;
		padding: 0;
		height: 100%;
		list-style-type:none;
	}
	
#logo {
	position: absolute;
	top: -30px;
	left: 376px;
	z-index: 200;
	width: 146px;
	height: 146px;
	background: transparent url("../images/resources/alkoholfrei-trans.png") no-repeat;
}
	
	#logo a {
		display: block;
		width: 100%;
		height: 100%;
	}
	
#contact {
	z-index: 10;
	position: absolute;
	top: 15px;
	left: 760px;
	background: transparent;
}

	#contact li a {
		font-weight: bold;
		font-size: 13px;
		line-height: 13px;
		padding: 0 10px 0 0;
		text-decoration: none;
	}
	
		#contact li a:link, 
		#contact li a:visited {
			color: white;
		}
	
#news {
	height: 24px;
	background: transparent url("../images/resources/ribbon.png") repeat-y;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

	#news * {
		padding: 0;
		font-weight: bold;
		line-height:13px;
	}

	#news p.news {
		float: left;
		margin: 5px 0 0 15px;
		width: 355px;
		height: 15px;
		overflow: hidden;
		color: #e57999;
		font-size: 13px;
	}
	
	#news p.news strong {
		color: white;
	}
	
	#news a.support {
		float: right;
		margin: 5px 20px 0 0;
		color: white;
		font-size: 14px;
	}
	
	#news a.stimmen {
		float: right;
		margin: 5px 95px 0 0;
		color: white;
		font-size: 14px;
	}
	
#navigation {
	height: 30px;
	background: transparent url("../images/resources/navigation-bg.png") repeat-x;
	border-bottom: 1px solid white;
}

	#navigation ul {
		height: 30px;
		background: #1d9dd4;
	}
	
	#navigation ul.left {
		float: left;
	}
	
	#navigation ul.right {
		float: right;
	}
	
	#navigation ul li {
		background: transparent url("../images/resources/normal-li.png") repeat-x;
	}
	
	#navigation ul li.active {
		background: #1d9dd4;
	}
	
	#navigation ul.left li {
		border-right: 1px solid #1d9dd4;
	}
	
	#navigation ul.right li {
		border-left: 1px solid #1d9dd4;
	}
	
	#navigation ul li a,
	#navigation ul li form input {
		color: white;
		font-weight: bold;
		font-size: 14px;
	}
	
	#navigation ul li a {
		height: 100%;
		position: relative;
		top: 5px;
		left: 0px;
		padding: 10px 15px 8px 15px;
		text-decoration: none;
	}
	
		#navigation ul li a:link, 
		#navigation ul li a:visited,
		#navigation ul li.active a:hover,
		#navigation ul li.active a:active {
			color: white;
		}
		
		#navigation ul li a:hover, 
		#navigation ul li a:active {
			color: #70c1e4;
		}
	
	#navigation ul li.login {
		height: 30px;
		width: 30px;
		background: transparent url("../images/resources/login.png") no-repeat;
	}
	
	#navigation ul li form {
		margin: 0;
		padding: 0;
		height: 30px;
		width: 289px;
		background: #1d9dd4;
	}
	/*@since 18.02.2010 change name and password position*/
	#navigation ul li form input {
		float: left;
		margin: 0;
		padding: 0;
		height: 21px;
		background: #154c8e;
	}
	
		#navigation ul li form input {
			border: none;
		}
		/*@since 18.02.2010 change name and password position*/
		#navigation ul li form input[type='text'],
		#navigation ul li form input[type='password'] {
			width: 83px;
			margin-right: 1px;
			padding: 6px 10px 3px 10px;
			background: #154c8e;
			font-size: 12px;
			font-weight: normal;
		}
		
		/*@since 18.02.2010 change name and password position*/
		#navigation ul li form input[type='password'] {
			background:none repeat scroll 0 2px #154C8E;
		}
		
		
		
		#navigation ul li form input[type='submit'] {
			width: 81px;
			height: 30px;
			padding: 0px 10px;
			border: none;
			background: transparent url("../images/resources/normal-li.png") repeat-x;
		}
	
	#navigation .hidden {
		display: none;
	}		

#content {
	margin-top: 10px;
	background: #154c8e url("../images/resources/contentarea-bg.png") repeat-y scroll 0 0;
}

#main {
	float: left;
	width: 560px;
	padding: 10px;
}

	#main .messages {
		color: white;
	}

	.profile {
		background: transparent url("../images/resources/main-bubble.png") no-repeat scroll right bottom;
	}

	.static_content {
		
	}
	
		.static_content p.first {
			font-weight: bold;
			padding-top: 24px;
			padding-bottom:12px;
		}
		
		.static_content p.second {
			padding-bottom: 12px;
		}
		
		.static_content h1,
		.static_content h2,
		.static_content h3 {
			margin-top: 15px;
			margin-bottom: 5px;
		}
	
		.static_content h1 {
			font-size: 19px;
		}
		
		.static_content h2 {
			font-size: 15px;
		}
		
		.static_content h3 {
			font-size: 14px;
			margin-bottom: 0;
		}
		
		.static_content p {
			font-family: Verdana;
			font-weight: normal;
			font-size: 12px;
			margin-bottom: 10px;
		}
		
		.static_content a,
		.static_content a:link,
		.static_content a:visited {
			text-decoration: underline;
		}
	
	#profile {
			font-family: "Trebuchet MS";
	}
	
		#profile h3 {
			font-weight: bold;
			font-size: 15px;
			margin-bottom: 5px;
			background: transparent url("../images/resources/thumb.png") no-repeat scroll 0px -3px;
			padding-left: 25px;
		}
		
		#profile img {
			float: left;
			width: 250px;
			height: 320px;
			border: 1px solid white;
			background: #8eceea url("../images/alkoholfrei-logo.png") no-repeat 46px 81px;
			color: #8ECEEA;
		}
		
		#profile p {
			float: right;
			margin: 0 0 15px 0;
			width: 300px;
			height: 285px;
			overflow: hidden;
			line-height: 35px;
			font-size: 27px;
			font-weight: bold;
		}
		
		#profile span.ageLocation {
			float: right;
			margin: 0;
			width: 300px;
			height: 20px;
			text-alignment: left;
			font-size: 17px;
		}
		
		.metronom {
			font-style: italic;
		}
	
		#profileButton {
			float: left;
			clear: both;
			width: 100%;
		}
		
			.button,
			.button:link,
			.button:visited,
			#profileButton a,
			#profileButton a:link,
			#profileButton a:visited,
			#sideButton a,
			#sideButton a:link,
			#sideButton a:visited {
				float: left;
				margin-top: 4px;
				color: #1d9dd4;
				border: 1px solid #1d9dd4;
				height: 25px;
			}
			
			
			.button:hover,
			.button:active,
			#profileButton a:hover,
			#profileButton a:active,
			#sideButton a:hover,
			#sideButton a:active {
				color: white;
				border: 1px solid white;
			}
			
			input.password-recovery {
				width: 145px;
				background: transparent url("../images/resources/password-recovery-normal.png") repeat-x scroll 0px 0px;
			}
			
			input.password-recovery:hover,
			input.password-recovery:active {
				background: transparent url("../images/resources/password-recovery-hover.png") repeat-x scroll 0px 0px;
			}
			
			input.change-password {
				width: 129px;
				background: transparent url("../images/resources/change-password-normal.png") repeat-x scroll 0px 0px;
			}
			
			input.change-password:hover,
			input.change-password:active {
				background: transparent url("../images/resources/change-password-hover.png") repeat-x scroll 0px 0px;
			}
			
			a.forgot-password:link,
			a.forgot-password:visited {
				width: 146px;
				background: transparent url("../images/resources/forgot-password-normal.png") repeat-x scroll 0px 0px;
			}
			
			a.forgot-password:hover,
			a.forgot-password:active {
				background: transparent url("../images/resources/forgot-password-hover.png") repeat-x scroll 0px 0px;
			}
			
			
			#profileButton a.print,
			#profileButton a.print:link,
			#profileButton a.print:visited {
				width: 100px;
				background: transparent url("../images/resources/print-normal.png") repeat-x scroll 0px 0px;
			}
			
			#profileButton a.print,
			#profileButton a.print:hover,
			#profileButton a.print:active {
				background: transparent url("../images/resources/print-hover.png") repeat-x scroll 0px 0px;
			}
			
			#profileButton a.random,
			#profileButton a.random:link,
			#profileButton a.random:visited {
				margin-left: 8px;
				width: 140px;
				background: transparent url("../images/resources/next-normal.png") repeat-x scroll 0px 0px;
			}
			
			#profileButton a.random,
			#profileButton a.random:hover,
			#profileButton a.random:active {
				background: transparent url("../images/resources/next-hover.png") repeat-x scroll 0px 0px;
			}
			
			#profileButton a.report,
			#profileButton a.report:link,
			#profileButton a.report:visited {
				margin-left: 8px;
				width: 112px;
				background: transparent url("../images/resources/report-normal.png") repeat-x scroll 0px 0px;
			}
			
			#profileButton a.report,
			#profileButton a.report:hover,
			#profileButton a.report:active {
				background: transparent url("../images/resources/report-hover.png") repeat-x scroll 0px 0px;
			}

#side {
	float: right;
	width: 319px;
	background: transparent;
}

	#side .messages {
		color: red;
	}

	#side.press {
		width: 298px;
		padding: 10px;
		color: #154c8e;
	}
	
	/*@since 10.11.2009*/
	#side.press a,
	#side.profileEdit a {
		color: #154c8e;
	}

	#side.press ul {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	
	#side.press ul li {
		margin-left: 15px;
		padding-left: 0px;
		list-style-type: square;
	}
	
	#side.press ul.photos li {
		float: left;
		width: 140px;
		height: 130px;
		margin: 0 18px 10px 0;
		padding: 0;
		list-style-type: none;
	}
	
	#side.press ul.photos li a.img{
		border: 0;
	}
	
	#side.press ul.photos li.right {
		margin: 0 0px 10px 0;
	}
	

	#registration {
		width: 320px;
		background: transparent url("../images/resources/registration.png") no-repeat scroll -1px 0px;
		padding-top: 100px;
	}
	
		#registration form dt,
		#contact_form dt {
			display: none;
		}
		
		#registration form dd,
		#edit_profile_form dd,
		#contact_form dd {
			margin: 0;
			padding: 0;
		}
		
		#edit_profile_form dt,
		#delete_profile_form dt,
		#contact_form dt {
			font-family: Verdana;
			font-weight: bold;
			font-size: 12px;
			color: #154c8e;
			width: 198px;
			margin: 0 0 2px 0px;
			padding: 0px 12px;
			border: none;
		}
		
		#registration form,
		#edit_profile_form,
		#delete_profile_form,
		#contact_form{
			background: transparent;
		}
		
		#registration textarea, 
		#registration input,
		#registration select,
		#contact_form textarea, 
		#contact_form input,
		#contact_form select
		{
			float: left;
			margin: 0 0 5px 73px;
		}
		
		#registration textarea, 
		#registration input[type='text'],
		#registration input[type='password'],
		#registration select,
		#contact_form textarea, 
		#contact_form input[type='text'],
		#contact_form select
		{
			font-family: Verdana;
			line-height: 16px;
			font-weight: bold;
			font-size: 12px;
			width: 208px;
			height: 16px;
		}
		
		
		#edit_profile_form textarea, 
		#edit_profile_form input,
		#delete_profile_form input,
		#edit_profile_form select,
		#reason-element p
		{
			font-family: Verdana;
			line-height: 16px;
			font-weight: bold;
			font-size: 12px;
			float: none;
			width: 208px;
			height: 16px;
			margin: 0 0 5px 12px;
		}
		
		#registration select,
		#edit_profile_form select,
		#contact_form select
		{
			width: 222px;
			height: 25px;
			padding: 2px 0;
		}
		
		#edit_profile_form input[type=file]
		{
			width: 222px;
			height: 25px;
		}
		
		#registration textarea, 
		#registration input[type='text'],
		#registration input[type='password'],
		#edit_profile_form textarea, 
		#edit_profile_form input,
		#delete_profile_form input,
		#contact_form input,
		#contact_form textarea
		 {
			color: #154c8e;
			padding: 10px 7px;
			border: none;
			background: #76b4d8;
		}
		
		#registration textarea,
		#edit_profile_form textarea,
		#contact_form textarea
		 {
			height: 65px;
		}
		
		#registration input[type='file'] {
			font-size: 100%;
		}
		
		#registration input[type='submit'] {
			width: 320px;
			height: 30px;
			border: 0;
			margin: 0;
			padding: 0;
			background: white url("../images/resources/submit.png") no-repeat scroll 0px 0px;
		}
		
		#registration input[id='password'] {
			background: #76b4d8 url("../images/resources/password-bg.png") no-repeat scroll 0 0;
		}
		
		#registration input[id='password_confirmation'] {
			background: #76b4d8 url("../images/resources/password-confirmation-bg.png") no-repeat scroll 0 0;
		}
		
		#registration input[type='checkbox'] {
			width: auto;
		}
		
		#reason-element p{
			width:218px;
			text-align: right;
			color: #154c8e;
			margin: 0 0 5px 73px;
			clear: both;
		}
		
		#edit_profile_form dd p{
			width:218px;
			text-align: right;
			color: #154c8e;
			margin: 0 0 5px 12px;
			clear: both;
		}
		
		#edit_profile_form dd p.hint{
			width:250px;
			text-align: left;
		}
		
		#edit_profile_form dd p.standardImageDesc{
			width:250px;
			text-align: left;
			clear: right;
			margin-left: 30px
		}
		
		#edit_profile_form dd input.standardImageCheck{
			width:auto;
			float:left;
			background:none;
		}
		
		#edit_profile_form input[type='submit'],
		#profiledisplay input[type=button],
		#delete_profile_form input[type=submit],
		#contact_form input[type=submit] {
			font-family: Verdana;
			font-weight: bold;
			font-size: 12px;
			color: #154c8e;
			
			width: 320px;
			height: 30px;
			margin: 0;
			padding: 0;
			border:none;
			background: white url("../images/resources/button.png") no-repeat scroll 0px 0px;
		}
		
		#profiledisplay label,
		#profiledisplay input {
			font-family: Verdana;
			font-weight: bold;
			font-size: 12px;
			color: #154c8e;
			
			width: 198px;
			height: 13px;
			margin: 0 0 2px 0px;
			padding: 0px 12px;
			border: none;
		}
		/* @since 10.11.2009 */
		#profiledisplay dd,
		#profileDelete p
		{
			font-family: Verdana;
			font-weight: bold;
			font-size: 12px;
			color: #154c8e;
			width: 265px;
			margin: 0 0 2px 0px;
			padding: 0px 12px 5px;
			border: none;
		}
		
		/* @since 05.11.2009 */
		/* @since 10.11.2009 */
		#side .error,
		#side .messages,
		#profileDelete p,
		#side.profileEdit a {
			padding: 0px 0px 0px 12px;
		}
		
		/* captcha */
		#registration img {
			float: left;
			margin: 0 0 5px 73px;
			padding: 0;
			border-left: 11px solid white;
			border-right: 11px solid white;
			background: transparent;
		}
		
		#side ul.errors {
			float: left;
			width: 198px;
			/* height: 30px; */
			margin: 0 0 10px 12px;
			padding: 0;
			border: none;
			background: transparent;
		}
		
		#side ul.errors li {
				list-style-type: none;
				margin: 0;
				font-family: Verdana;
				line-height: 11px;
				font-weight: normal;
				font-size: 11px;
				color: red;
				padding-bottom: 3px;
		}
		
		#registration ul.errors,
		#contact_form ul.errors {
			float: left;
			width: 198px;
			/* height: 30px; */
			margin: 0 0 10px 73px;
			padding: 0;
			border: none;
			background: transparent;
		}
		
			#registration ul.errors li,
			#contact_form ul.errors li {
				list-style-type: none;
				margin: 0;
				font-family: Verdana;
				line-height: 11px;
				font-weight: normal;
				font-size: 11px;
				color: red;
			}
		
		a.policy {
			color:#154C8E;
			float:left;
			font-family:Verdana;
			font-size:11px;
			font-weight:normal;
			line-height:13px;
			margin-bottom:5px;
			margin-left:10px;
			margin-top:0px;
			text-decoration:none;
			width:200px;
		}

	#signup {
		width: 319px;
		height: 190px;
		background: transparent url("../images/resources/signup.png") no-repeat scroll 1px 0px;
		overflow: hidden;
	}
	
		#arrow {
			position: relative;
			height: 81px;
			width: 182px;
			top: -98px;
			left: 10px;
			background: transparent url("../images/resources/arrow.gif") repeat-x scroll 0px 0px;
			
		}
		
		#signup a {
			display: block;
			width: 100%;
			height:100%;
			text-decoration: none;
			border: none;
		}
		
		#sideButton a,
		#sideButton a:link,
		#sideButton a:visited {
			margin-left: 11px;
			float: left;
			width: 119px;
			background: #0f3563 url("../images/resources/next-profiles-normal.png") repeat-x scroll 0px 0px;
		}
		
		#sideButton a:hover,
		#sideButton a:active {
			background: #0f3563 url("../images/resources/next-profiles-hover.png") repeat-x scroll 0px 0px;
		}
		
		
		
		#supporterstatement {
			height: 20px;
			width: 100%;
			margin-top: 10px;
			background: #8eceea url("../images/resources/alkoholfreisupporterstatement.png") repeat-x scroll 0px 0px;
		}
		
		#thumbnails {
			width: 304px;
			height: 142px;
			padding: 0 7px;
			overflow: hidden;
		}
		
		#profile-overview,#profile-image-overview{
			margin: 0px 0px 0px 0px;
			width: 100%;
			height:100%;
			background: 154c8e;
		}
		
		.image-overview-column{
			vertical-align: top;
		}
		
		
		#profile-overview-table,
		#profile-image-overview-table{
			margin: 0px 0px 0px 0px;
			padding: 5px 5px 5px 5px;
			
		}
		
		#thumbnails img {
			border: 1px solid white;
		}
		
		#thumbnails img,
		#profile-image-overview img {
			float: left;	
			width: 64px;
			height: 61px;
			margin: 4px 6px 4px 4px;
		}
		
		#profile-image-button{
			clear:left;
			overflow: hidden;
			background: #154c8e;
			width:100%;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			
		}
		#profile-image-button p{
			padding: 10px 10px 10px 10px;	
		}
		
		#thumbnails img:hover,
		#profile-image-overview img:hover {
			border: 3px solid white;
			margin: 2px 4px 2px 2px;
		}
		
		.overview-image{
			float: left;
		}
		
		.overview-image input{
			margin-left: 30px;
		}
		
		.overview-image p{
			float: none;
		}
		
		.notApproved{
			border: 1px solid red;
		}
		
		.approved{
			border: 1px solid white;
		}
	
	#sideButton {
		width: 306px;
		height: 40px;
		padding: 0;
		overflow: hidden;
	}
	
		#sideButton input {
			float: left;
			width: 142px;
			margin: 10px 6px 4px 11px;
		}

#footer {
	clear: both;
	height: 138px;
	background: transparent url("../images/resources/footer-bg.png") repeat-x;
}


	#sponsor {
		float: left;
		margin-top: 15px;
		width: 600px;
		height: 79px;
	}
	/*
		.rauschbarometer {
			display: block;
			float: right;
			width: 66px;
			height: 100%;
			margin-right: 245px;
		}
*/	
	#metronom {
		float: right;
		margin-top: 13px;
		width: 276px;
		height: 73px;
		background: transparent url("../images/resources/metronom.png") no-repeat;
	}
	
		#metronom a {
			display: block;
			width: 100%;
			height: 100%;
		}
	

	
	

.border {
	border: 1px solid red;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 1px;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}

.nickname{
	color: blue;
	text-decoration: underline;
}

.thSort
{
	background: url(../images/resources/sorting/icon-table-sort-trans.png) no-repeat 2px 13px;
	background-color:#18459C;

}

.sortedASC {
	background: url(../images/resources/sorting/icon-table-sort-asc-trans.png) no-repeat 2px 9px #eee;
	background-color:#18459C;

}

.sortedDESC {
	background: url(../images/resources/sorting/icon-table-sort-desc-trans.png) no-repeat 2px 12px #eee;
	background-color:#18459C;
}

.btnSmall{
	width: 80px;
	
}