@CHARSET "UTF-8";

/*

	What is Master CSS ?
	-------------------------
	This is a place that holds the master site layout.
	EG:  Style for everything that doesn't live in the left column.
	
	-Avery

*/

html {
	margin: 0; padding: 0;
}

body {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif; font-size:77%;	
	/* fix this */
	background-color: #e5e5e5;


	color:#666;
}

body a {color:#666666;}

body div p {line-height: 1.3;}

form {margin: 0; padding: 0;}

div.clearBoth {clear:both} /* sad, but a reality of the world we live in */

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

#main{
	width:1024px;
	margin: 0 auto 0 auto; padding: 0;
}
	/* ensure the left nav will has the proper background color, which extends to the left footer. */
	.with_leftNav {	background: transparent url('/images/780px_white.jpg') top left repeat-y; }

	/* use if page is "full width" w/o right nav */
	.no_leftNav { background-color: #fff; }

#topNav{
	background:#fff; height:100px; position:relative;
}

#topNav ul {position: absolute; right:22px; top: 10px; margin: 5px 0px 5px 5px; padding: 0;}
#topNav li{
	font-size:85%;display:inline;position:relative;
	text-transform:uppercase;color:#999;letter-spacing:1px;font-weight:bold;
}

#topNav li.allowLowerCase {text-transform: none;}
#topNav li.willkommen { padding-right: 25px; }
#topNav ul li a {text-decoration:none;color:#999;}
#topNav ul li a.i_am_the_currently_selected_page {color: #4E82B0 !important;}

#topNav ul li span {text-decoration:none;color:#4E82B0;}

#topNav .searchbox { float: left; position: absolute; right: 22px; top: 61px; zoom: 1; }
#topNav .searchbox label { color: #999; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 4px 4px 0 0; }
#topNav .searchbox input.input-text { width: 158px; height: 16px; border: 1px solid #ccc; color: #666; }
#topNav .searchbox input.input-image { }
#topNav .searchbox input, #topNav .searchbox label { float: left; }

#header_wrap {
	margin:0; padding:0;
	background-color: #000;
	border-bottom: 3px solid #fff;
	position:relative;
}

#headerImage {
	width:1024px; margin-top:0px;
}

#headerImage img {
	display: block;
}

.logo{position:relative;top:20px;left:45px; outline:none;}
.logo img {border:0; outline:none;}
.logo2{position: absolute; top: 10px; right: 30px; outline:none;}

#leftNav {
	float: left;
	background: #fff url(/images/gradient.png) repeat-x 0 0;
	borderkground-color: transparent;
	top: 0px; left: 0px;
	width: 780px;
}

#leftNavFullWidth {
	background: #fff url(/images/gradient.png) repeat-x 0 0;
	top: 0px; left: 0px;
	margin: 0; padding: 0;
	border-top: 1px solid #ddd;
}


#subNav{
	padding: 0 0 20px 0;
	margin-top:0; width:780px;
}
#subNav li {background:#333;height:50px;max-width:30px;padding-top:20px;padding-bottom:10px;}

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

#rightColWrap {
	float: left;
	margin: 0px; padding: 0px;
	background: #e5e5e5 url(/images/site_background.jpg) top left repeat-x;
	width: 244px;
}

#rightCol{
	margin: 10px;
	width: 204px; font-size:93%;
}

#rightCol .title{color:#333;background:url(/images/grayGradient.png);}
#rightCol div {
	background-color: #fff;
	margin-bottom: 10px;
}

#rightCol h5 {
	font-weight: bold;
	font-size: 100%;
	background: #b7b7b7 url(/images/grayGradient.png) top left repeat-x;
	position:relative; top:10px; color:#333;
	margin: 0 10px 5px 10px;
	padding: 3px 5px;
}

#rightCol div div {
	background-color: #fff;
	margin: 10px; padding: 5px 0;
}

#rightCol .sidebarLink {}

#rightCol .sidebarLink a {
	color: #4E82B0;
	font-weight: bold;
	text-decoration: none;
}
#rightCol .sidebarLink a:hover {color: #666;}
#rightCol .sidebarLink_top a:hover {color: #666;}
#rightCol .sidebarLink_mid a:hover {color: #666;}

#rightCol .sidebarLink_list {
	margin: 2px 10px 3px 10px; padding: 10px 0 5px 0;
}
#rightCol .sidebarLink_list li {
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 3px 0; padding: 2px 0;
}
#rightCol .sidebarLink_list li.last {border-bottom: 0;}
#rightCol .sidebarLink_list li a {
	color: #4E82B0 !important;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none !important;
}
#rightCol .sidebarLink_list li a:hover {color: #666 !important;}

#rightCol .sidebarLink_top {
	margin: 2px 10px 3px 10px; padding: 10px 0 5px 0;
}
#rightCol .sidebarLink_mid {
	border-top: 1px dotted #ccc;
	margin: 2px 10px 3px 10px; padding: 5px 0 5px 0;
}

	#rightCol .sidebarLink_logo {
		text-align:center;padding:0;margin:0 0 5px 0;
	}

	#rightCol .sidebarLink_logo a img {
		border: 0; outline: none;
	}

	#rightCol .sidebarSelected {
		font-weight: bold;
		text-transform:uppercase;
	}

#rightCol .sidebarLink_top a {
	color: #4E82B0;
	font-weight: bold;
	text-decoration: none;
}
#rightCol .sidebarLink_mid a {
	color: #4E82B0;
	font-weight: bold;
	text-decoration: none;
}
.grayunder {
	color: #666666 !important;
	text-decoration: underline !important;
}
.grayunder:hover {
	color: #666666 !important;
	text-decoration: none !important;
}


#rightCol .multiSidebarLink {
	margin: 10px; padding: 3px 0;
}

#rightCol .multiSidebarLink a {
	color: #4E82B0;
	font-weight: bold;
	text-decoration: none;
}

/* sidebar ordered list */

div.sidebarLink_mid ol {margin:2px 0 0 0;padding:0;list-style-type:none;text-transform:uppercase;}
div.sidebarLink_mid ol li {padding-bottom: 2px; margin-bottom: 2px; border-bottom: 1px dotted #ccc;}
div.sidebarLink_mid ol li.last {padding-bottom: 2px; margin-bottom: 2px; border-bottom: 0;}

#rightCol p.sbStoryTitle {
	display: block;
	margin: 5px 0 5px 0; padding: 0 0 5px 0;
	border-bottom: 1px dotted #ccc;
	text-transform: uppercase; font-weight: bold;
	text-decoration: none;
}

#rightCol p.sbStorySectionType {
	display: block;
	margin: 0; padding: 0;
	text-transform: uppercase; font-weight: bold;
	text-decoration: none;
}
	#rightCol p.sbStorySectionType_first {
		display: block;
		margin: 6px 0 0 0; padding: 0;
		text-transform: uppercase; font-weight: bold;
		text-decoration: none;
	}


#rightCol p.sbTickerTitle {  
	margin: 5px 0 5px 0; padding: 0 0 5px 0;
	font-weight: bold;
}

/*
	#rightCol a.sbMultiLink {
		display: block;
		margin: 5px 0 5px 0; padding: 0 0 5px 0;
		border-bottom: 1px dotted #ccc;
		text-transform: uppercase; font-weight: bold;
		text-decoration: none;
	}
*/

#rightCol #car {}
#rightCol img.sbBlock {
	display: block;
}


#footer_wrap {
	width:1024px;
	margin: 0 auto 0 auto; padding: 0;
}

#footer{
	width: 780px;
	position: relative;
	height: 30px;
	padding-top: 10px;
}
#footer.wide { width: 1000px; }


#footer p {color: #b2b2b2;background-color: transparent; top: 0;}
#footer p.leftFooterP {position:absolute; left: 30px; top: 0; display:inline}
#footer p.rightFooterP {position:absolute; right: 5px; top: 0; display:inline}
#footer p.rightFooterP a {color: #b2b2b2; text-decoration: none;}
#footer p.rightFooterP a.selected { color: #4F7EA7; }

#footer div.midFooterLinks {position: absolute; left: 183px; background-color: #fff; padding: 0px; display: inline;}
#footer div.midFooterLinks p {
	background-color: #fff;
	margin: 0; padding: 0;
	line-height: 16px;
	vertical-align: middle;
}
#footer div.midFooterLinks p img {
	margin-right: 3px;
}
#footer div.midFooterLinks p a {
	background:transparent url(/images/arrow_sidebar.jpg) no-repeat scroll 0 3px;
	padding:0 5px 0 10px;
	text-transform: uppercase;
	font-weight: bold; text-decoration: none;
	color: #4F7EA7;
	font-size: 11px;
}
#footer div.midFooterLinks p a:hover {color: #666;}


/* Autocomplete styles */

.ac_results {
	padding: 0px;
	border-top: none;
	border: 1px solid #d1d1d1;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: auto;
	list-style-position: outside;
	list-style: none;
	padding: 5px 0;
	margin: 0;
	overflow:none;
}

.ac_results li {
	margin: 0px;
	padding: 0 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font-size: 85%;
	color: #999;
	font-weight: bold;
	/* 
		it is very important, if line-height not setted or setted 
		in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
/*
.ac_loading {
	background: white url('/images/ac_indicator.gif') right center no-repeat;
}
*/
.ac_over {
	color: #333 !important;
}
.ac_results li span.last {
	display: block;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 1px;
	border-top: 1px dotted #ccc;
}
.Sommer {
	margin-bottom: 15px;
}
.Sommer > .arrowNav {
	padding-top: 5px !important;
}
.Sommer h4 {
	text-transform:uppercase;
	font-size: 110%;
}
object, embed { z-index: 1; } /* is this even necessary {yes, required for IE support (-AJB)} */


/* added by andrea: */

#voting_module{
	position:absolute;
	top:0;
	bottom:0;
	height:438px;
	width:1024px;
	left:0;
	z-index: 99;
	display:none;
	/*background-color:#000;*/
}
 .clearfix {
    zoom: 1;     /* triggers hasLayout */
 }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}