@charset "utf-8";
/* CSS Document */
.page_container { background-image:url(../images/background-globus.jpg); background-repeat:no-repeat; margin:0; padding:0; background-position:-30px 0}
.container { margin-left: 54px !important; }

body { margin:0; background-color:#00255a; background-image:url(../images/background-repeater.jpg); background-repeat:repeat-x; }

ul, ol { margin: 0 30px 1.5em; }

#page-header { position:relative; padding:0;  height:54px; background-repeat:no-repeat; padding-top: 151px; }

#page-navigation {
	color:#516119;
	padding: 0;	
	padding-top:20px;
	padding-left:10px;
	font-size:15px;
	font-weight:bold;
}
#page-navigation a { font-weight:bold; color:#516119; }
#page-navigation a:hover { background-color:transparent; text-decoration:underline; }

#page_search { float:right; margin-right:13px; margin-top:-7px;}

#page-content { min-height: 420px; padding-top:20px; background-color:#FFFFFF; }

#page-footer { margin-bottom:0; padding-bottom:0; background-color:#FFFFFF; background-repeat:no-repeat; position:relative; height: 24px; padding-top:42px; font-size:12px; }
#page-footer-language { float:left; padding-left:10px; }
#page-footer-navigation { float:right; padding-right:10px; color:#696969; }

#page-footer a { font-weight:normal; color:#696969; }
#page-footer a:hover { background-color:transparent; text-decoration:underline; }

#login-box-sidebar {
	background-image:url(../images/login-sidebar/background.jpg);
	background-repeat:no-repeat;
	padding-left:18px;
	padding-top:10px;
	color:#FFF;
	height:120px;
	margin-bottom:11px;
}
#login-box-sidebar a { font-weight:normal; color:#FFF; }
#login-box-sidebar a:hover { background-color:transparent; text-decoration:underline; }

#content-content {
	margin-left:10px !important;
	margin-right:10px !important;
}

#content-teaser { margin-bottom: 20px;}

#content-navigation { position:relative; }
#content-navigation h1 { font-weight:normal; }

.error, .success { padding-left: 50px; background-repeat:no-repeat; background-position:10px 10px; min-height:30px; margin-left: 10px; margin-right: 10px; }
.error { background-image:url(../images/icons/error.gif); }
.success { background-image:url(../images/icons/ok.gif); }

/* Index */
#buttonRegister {
	width:265px;
	height:61px;
	background-image:url(../images/index/buttonRegister.gif);
	text-align:center;
	margin-bottom:3em;
	margin-top:1em;
}
#buttonRegister a { display:block; padding-top:20px; font-size:1.4em; color:#FFFFFF; }
#buttonRegister a:hover { color:#FFFFFF; background:none; text-decoration:underline; }

#gamescomAd a:hover { background:none; }
#gamescomAd h1 a:hover { background-color:#0e55ab; }

.sidebar-links { padding: -7px 0; width:211px; overflow:hidden; background-color:#d9e6ac;}
.sidebar-links img {margin:0; padding:0; position:relative; }

.sidebar-links h3 { font-size:14px; color:#516119;}
.sidebar-links h3 a,
.sidebar-links h3 a:link { color:#91a258;}
.sidebar-links h3 a span,
.sidebar-links h3 a:link span { color:#516119;}
.sidebar-links h3 a:hover span { color:#d9e6ac;}
.sidebar-links h3 a:hover { color:#d9e6ac; background-color:#91a258;}

.sidebar-box { margin-bottom:0; }
.sidebar-box img {margin:0; padding:0; position:relative; margin-bottom:10px; }

/* Forms */
form dt {
	width:100%;
	display:block;
	clear:both;
}
form dd {
	margin-left:0;
	margin-bottom:12px;
	padding-left:0;
	clear:both;
}

form .dijitInputField input { padding-top:2px; padding-bottom:2px;}
form>div { margin-bottom:8px; }

#loginFormShort { margin:0;}
#loginFormShort table { width:180px; margin-bottom:10px;}
#loginFormShort td { padding:0; margin:0; }
#loginFormShort label { color:#FFF; font-weight:normal; }
#loginFormShort input { padding:2px; margin:0; width:110px; border:1px solid #FFF; background:none !important; font-size:.9em; color:#FFFFFF; }
#widget_loginshort-passwort { background:none !important; border:1px solid #FFF !important; width:110px !important; }
#loginFormShort input#loginshort-passwort { padding:2px !important; margin:0 !important; width:110px !important;  background:none !important; font-size:.9em !important; color:#FFFFFF !important; }


/* PHP Error Handling */
ul.errors { margin:0; }
ul.errors li { list-style-type:none; color:#FF0000; }

/* Special */

#content-content a:hover img {
	background:none;
}
#popup center a:hover, #popupnav a:hover { background:none; }

.foto_foto {
	width:170px; margin-right:10px;
}
#foto-socialnetworks { margin-bottom:20px; }

#foto-socialnetworks button {
	border:1px solid #CCCCCC;
	cursor:pointer;
	height:26px;
	overflow:visible;
	padding:0 0.5em;
	vertical-align:middle;
	white-space:nowrap;
	margin-right:5px;
	
	background:#FFF none repeat scroll 0 0;
	border-color:#999999;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
#foto-socialnetworks button:hover { border-color:#0E55AB;}

#foto-socialnetworks button img { vertical-align:middle; }
#foto-socialnetworks button span { vertical-align:middle; }

.navigation-profile-small {
	margin-top:4em;
}

#counter { position:relative; margin-bottom:20px; }
#counter img { position:relative; }
#counter h3 { position:absolute; z-index:9999; margin:0; top:90px; right: 80px; color:#c2d2e1; font-size:26px;}

#ad { position:relative; margin-bottom:20px; background-image:url(../images/btn-green.png); height:35px; background-repeat:no-repeat; padding:10px 15px 15px 15px; width:176px; }
#ad h3,
#ad h3 a,
#ad h3 a:link,
#ad h3 a:visited,
#ad h3 a:hover { color:#333333; line-height:1.2em; }
#ad h3 a:hover { text-decoration:underline; background:none; }

#page_search_input {
	background-image:url(../images/home/search_hilo.png); 
	width:200px; 
	height:16px;
	border:0; 
	padding:8px;
	outline-style:none;
	outline-width:0px;
}
#page_search_input:active,
#page_search_input:focus {
	background-position:0 32px;
}

/* Pad */
h1.pad, div.pad { padding-left:10px;}

/* Static pages */
.static-text { color:#000000;}

/* Upload */
#upload_containerQueue {
	margin-bottom:20px;
}

#image_calculating {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}

/* Company Logos */
div#containerLogos {
	width:122px;
	position:absolute;
	top:132px;
	left:1016px;
}
div#containerLogos a { display:block; height:55px; float:left; margin-right:6px; margin-bottom:6px;}

/* Progbar */
.progContainer {
	position:relative;
	border:1px solid #0E55AB;
	/* background-color:#9dc3f0; */
	height:1.5em;
	margin:4px 0;
}
.progBar {
	position:absolute;
	top:0;
	left:0;
	background-color:#5098ef;
	height:1.5em;
}
.progTxt {
	position:absolute;
	top:1px;
	right:2px;
	color:#000000;
}

/* VotingForm */
#votingform #submit {
	font-weight:bold !important;
}


/* Buttons */
.btnBlue {
	padding:0;
	margin:0;
	border:none;
	font-size:16px;
	line-height:1.5;
	vertical-align:middle;
	background: url(../images/btn-blue-bg.png) no-repeat 0 0;
	color: #000000;
	height:24px;
	width:260px;
	cursor:pointer;
}
.btnBlue:hover,
.btnBlue:active {
	background-position:0 -24px;
}

/* Verlosung */
.verlosung .hi,
.verlosung .lo {
	margin-bottom:1em;
}
.verlosung .hi {
	background-color:#D9E6AC;
}

.verlosung .position {
	font-size:3.5em;
	font-weight:bold;
	text-align:center;
}
.verlosung .img {
	text-align:center;
}
.verlosung .img img{
	padding:4px;
}
.verlosung .price {
	font-weight:bold;
	padding-top:10px;
	font-size:1.2em;
}
#raffle-box {
	background-image:url(../images/login-sidebar/background.jpg);
	background-repeat:no-repeat;
	padding-left:18px;
	padding-right:22px;
	padding-top:10px;
	color:#FFF;
	height:120px;
	margin-bottom:11px;
}
#raffle-box h3 { color:#FFF; }
#raffle-box a { font-weight:normal; color:#FFF; }
#raffle-box a:hover { background-color:transparent; text-decoration:underline; }

/* Rounded Box */
.rounded-box {
	background: url(../images/rounded-corners/corner-20px-top-right.png) no-repeat top right;
}
.rounded-box:before {
	background: url(../images/rounded-corners/corner-20px-top-right.png) no-repeat top right;
	display: block;
	content: url(../images/rounded-corners/corner-20px-top-left.png);
	height:20px;
}
.rounded-box:after {
	background: url(../images/rounded-corners/corner-20px-bottom-right.png) no-repeat top right;
	display: block;
	content: url(../images/rounded-corners/corner-20px-bottom-left.png);
	height:20px;
}

#external-teaser,
#external-teaser h3,
#external-teaser a {
	color:#516119;
}
#external-teaser a:hover {
	background:none;
	text-decoration:underline;
	
}

/* here's the box... the image is the upper-left corner */
#external-teaser {
  background : #669900 url(../images/rounded-corners/corner-20px-top-left.png) no-repeat;
  /*width : 20em;*/
  height : auto;
  position : relative;
  padding : 20px 0px;
	margin-top:1em;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 19px;
  height : 19px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(../images/rounded-corners/corner-20px-top-right.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(../images/rounded-corners/corner-20px-bottom-left.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(../images/rounded-corners/corner-20px-bottom-right.png) no-repeat;
  right : 0;
  bottom : 0;
}