@charset "UTF-8";
/* CSS Document */

body {
	background: #d4eaf8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	text-align: center;
	margin: 10px 0;
}

h1 {
	font-weight: bold;
	color: #0098d9;
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

h2 {
	font-weight: bold;
	color: #0098d9;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

p {
	line-height: 1.3em;
	margin-bottom: 10px;
}

#page-container {
	margin: 0 auto;
	width: 900px;
	background: #fff;
	text-align: left;
}

#function-container {
	width: 900px;
	height: 70px;
	background: url(pixel/bg-top.png) top left no-repeat;
}

#logo {
	height: 43px;
	width: 310px;
	padding: 15px 0 0 20px;
	float: left;
}

#function {
	float: left;
	width: 530px;
	height: 40px;
	padding: 30px 20px 0 20px;
	text-align: right;
	color: #0098d9;
	font-weight: bold;
	font-size: 12px;
}

#function input {
	width: 91px;
	height: 19px;
	background: url(pixel/bg-input-search.png) top left no-repeat;
	border: 0;
}

#function div {
	float: right;
}


.small {
	font-size: 11px;
	font-weight: bold;
}

.medium {
	font-size: 13px;
	font-weight: bold;
}

.large {
	font-size: 15px;
	font-weight: bold;
}

#function a {
	color: #0098d9;
}

#function a:hover {
	color: #333;
}

#login {
  height: 40px;
  line-height: 22px;
  margin-right: 25px;
}

#resize-text {
	margin-left: 25px;
}

/*
Navigation
*/

/* Container Startseite */
#image-container {
	position: absolute;
}

#nav-container-start {
	position: relative;
	z-index: 99;
	padding: 253px 0px 0 13px;
	height:32px;
	width: 887px;
}
/* Container Content */

#nav-container {
	position: relative;
	z-index: 99;
	padding: 153px 0px 0 13px;
	height:32px;
	width: 887px;
}

a.button {
   background: transparent url(pixel/bg-nav-a.png) no-repeat top right;
   font-size: 12px;
   color: #0098d9!important;
   font-weight: bold;
   display: block;
   float: left;
   height: 31px;
   margin-right: 4px;
   padding-right: 14px; /*sliding doors padding */
   text-decoration: none;
   opacity: 0.90;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

/* Hide from IE-Mac \*/
a.button {
	font-size: 12px;
}
/* End hide */ 

* html a.button {
	margin-right: 2px;
}

a.button span {
   background: transparent url(pixel/bg-nav-span.png) no-repeat;
   display: block;
   line-height: 21px;
   padding: 5px 0 5px 14px;
}


a.button:hover {
   background: transparent url(pixel/bg-nav-a.png) no-repeat bottom right;
   outline: none; 
}

a.button:hover span {
   background-position: bottom left;
   color: #fff!important;
} 

.button-active {
	background: transparent url(pixel/bg-nav-a.png) no-repeat bottom right !important;
	color: #ffffff !important;
}

.button-active span {
	background: transparent url(pixel/bg-nav-span.png) bottom left no-repeat !important;
	color: #ffffff !important;	
}

/*
Subnavigation
*/

#subnav-container {
	width: 160px;
	min-height: 10px;
	margin-right: 30px;
	float: left;
}

#subnav-container a {
	background: none !important;
	padding: 0 !important;
}

#subnav-container ul {
	padding: 5px 0 0 20px !important;
}

#subnav-container ul ul {
	padding: 0 0 0 20px !important;
}

#subnav-container li {
	list-style-image: url(pixel/bg-link.png) !important;
	font-size: 12px !important;
	font-weight: bold !important;
	line-height: 16px !important;
	margin-bottom: 10px !important;
}

#subnav-container li li a {
	color: #0098d9 !important;
}

#subnav-container li li a:hover {
	color: #333 !important;
}

.subnav-active {
	list-style-image: url(pixel/bg-link-dark.png) !important;
}

.subnav-active a {
	color: #333 !important;
}

#subnav-container li .subnav-active a {
	color: #333 !important;
}

/*
Content
*/

#content-container {
	width: 860px;
	padding: 25px 20px 25px 20px;
}

#content-container ul {
	padding-left: 16px;
}

#content-container li {
	list-style-image: url(pixel/bg-link.png);
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 10px;
}

#content-container a {
	background: url(pixel/poll-bg-link.png) center left no-repeat;
	padding-left: 10px;
	color: #0098d9;
	text-decoration: none;
	font-size: 1em;
}

#content-container a:hover {
	color: #333;
}

/*
Content Startseite
*/

#content-left-start {
	float: left;
	width: 495px;
	margin: 0 40px 0 0;
}

#content-left-start img {
	margin: 10px 0 15px 0;
}

#content-right-start {
	float: left;
	width: 325px;
	padding-top: 4px;
}

.clear {
	visibility: hidden;
	width: 1px;
	height: 1px;
	clear: both;
}


/*
Content komplette Seite 
*/

#content-1sp {
	width: 860px;
}
/*
Content 2 Spalten
*/

#content-2sp-right {
	width: 670px;
	float: left;
	font-size: 1em;
}

#content-2sp-right img {
	margin-bottom: 15px;
}

/*
Content 3 Spalten
*/

#content-3sp-middle {
	width: 445px;
	float: left;
	font-size: 1em;
	margin: 0 40px 0 0;
}

#content-3sp-middle img {
	margin-bottom: 15px;
}

#content-3sp-right {
	width: 185px;
	float: left;
	padding-top: 7px;
}

#content-3sp-right img {
	margin-bottom: 20px;
}

.csc-textpic a {
	background: none !important;
	padding: 0 !important;
}

/*
Search
*/

.tx-indexedsearch-searchbox input {
	width: 130px;
	height: 19px;
	background: url(pixel/bg-input-search-large.png) top left no-repeat;
	border: 0;
}

.tx-indexedsearch-form label {
	padding: 0;
	margin: 0;
}

.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { 
	float:left;
}
.tx-indexedsearch .info-tmpl-css dd.item-mtime { 
	float:none;
}
.tx-indexedsearch .info-tmpl-css dd.item-path { 
	float:none;
}

.tx-indexedsearch-res h3 {
	margin-top: 25px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { 
	color: #ff0000;
	font-weight: bold;
}

.browsebox {
	clear: both;
	margin: 20px 0;
	background: #eee;
	height: 20px;
	line-height: 20px;
	padding-left: 15px;
}

.browsebox li{
	float: left;
	margin-right: 20px;
}

.tx-indexedsearch-browselist-currentPage a {
	color: #333!important;
	background-image: url(pixel/bg-link-dark.png) !important;
}
	
/*
Login Box
*/

#login-box input {
	border: 0;
	background: url(pixel/bg-input-login.png) top left no-repeat;
	width: 116px;
	height: 19px;
	margin: 0 8px 0 0;
	float: left;
}

#login-box a {
	margin-right: 15px;
}

#login-box form {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0;
}

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

#login-register {
	clear: both;
	height: 20px;
	margin-top: 5px;
}

/*
FAQ
*/

#faq-container {
	margin-top: 25px;
	width: 325px;
}

.faq-entry {
	width: 325px;
	clear:both;
	height: auto;
}

.faq-image {
	float: left;
	width: 66px;
	margin-right: 20px;
}

.faq-teaser {
	width: 239px;
	float: left;
}

.faq-sep {
	height: 20px;
	clear: both;
}

/*
News
*/

.news-entry {
	width: 495px;
}

.news-sep {
	height: 20px;
}


/*
FAQ & News Teaser
*/

.title {
	font-weight: bold;
	color: #0098d9;
	font-size: 1.2em;
}

.date {
	font-size: 1.1em;
}

/*
Teaser Content
*/

.teaser-container {
	width: 445px;
	clear: both;
}

.teaser-image {
	width: 105px;
	float: left;
	margin: 0 25px 0 0;
}

.teaser-text {
	width: 315px;
	float: left;
	font-size: 1em;
}

.teaser-sep {
	height: 25px;
}

/*
Footer
*/

#footer-container {
	height: 18px;
	width: 860px;
	background: url(pixel/bg-bottom.png) bottom left no-repeat;
	padding: 0 20px 5px 20px;
}

#footer-left {
	width: 500px;
	float: left;
}

#footer-left a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #0098d9;
	margin-right: 30px;
	float: left;
}

#footer-left a:hover {
	color: #333;
}

#footer-container a.active {
	color: #333;
}

a.printlink {
	width: 21px;
	height: 15px;
	display: inline;
	float: left;
	background: url(pixel/btn-print.png) top left no-repeat;
}

a.printlink:hover {
	background-position: bottom left;
}

#footer-right {
	width: 360px;
	float: left;
	text-align: right;
}

#footer-right a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #0098d9;
	margin-left: 30px;
}

#footer-right a:hover {
	color: #333;
}

/*
Email a friend
*/

.tx_tipafriend_formfield input {
	width: 200px;
	height: 19px;
	background: url(pixel/bg-input-search-200.png) top left no-repeat;
	border: 0;
}

.tx_tipafriend_formfield textarea {
	width: 200px;
	height: 100px;
	background: url(pixel/bg-textarea.png) top left no-repeat;
	border: 0;
}

.tx_tipafriend_formfield {
	margin-top: 20px;
}

.tx_tipafriend_error_box {
	margin-top: 20px;
	color: #ff0000;
}

/*
Contact Form
*/

.contact-form input {
	width: 200px;
	height: 19px;
	background: url(pixel/bg-input-search-200.png) top left no-repeat;
	border: 0;
	margin-bottom: 10px;
}

.contact-form textarea {
	width: 200px;
	height: 100px;
	background: url(pixel/bg-textarea.png) top left no-repeat;
	border: 0;
	
	}
	
.contact-form li {
 	color:#ff0000 !important;
	list-style-image: none !important;
	margin: 0 0 5px 0 !important;
	}
	
.contact-form select {
	margin-bottom: 10px;
}

.error {
	color: #ff0000;
	font-weight: bold;
}



/*
Sitemap
*/


#sitemap ul {
  margin: 0 0 20px 0;
}

#sitemap li {
  font-weight: bold;
  list-style-image: none;
  margin-left: 0;
}

.sub li {
  font-weight: normal !important;
}

/*
Poll
*/

.haw-poll-container {
	background: url(pixel/poll-bg-container.png) top left repeat-y; 
	font-size: 12px;
}

.haw-poll-container p {
	margin: 0;
	padding: 0;
}

.haw-poll-container #submit {
	margin-top: 10px;
}
.haw-poll-header {
	background: url(pixel/poll-bg-header.png) top left no-repeat;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	padding: 0 15px 0 15px;
}

.haw-poll-title {
	font-size: 14px;
	font-weight: bold;
	color: #0092d3;
}

.haw-poll-question {
	padding: 15px 25px 5px 15px;
	font-size: 14px;
	font-weight: bold;
	color: #0092d3;
}

.haw-poll-votes {
	padding: 0 15px;
	font-size: 12px;
	color: #000;
}

.haw-poll-footer {
	background: url(pixel/poll-bg-footer.png) bottom left no-repeat;
	height: 15px;
}

.haw-poll-result {
	padding: 0 15px 0 15px;
}

/*
Game
*/

.haw-game-container {
	width: 635px;
	background: url(pixel/poll-mail-bg-container.png) top left repeat-y; 
}

.haw-game-container img {
	width: 223px;
	height: 234px;
	margin-right: 50px;
	float: right !important;
}


.haw-game-header {
	background: url(pixel/poll-mail-bg-header.png) top left no-repeat;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	padding: 0 15px 0 15px;
	clear: both;
}

.haw-game-title {
	font-size: 14px;
	font-weight: bold;
	color: #0092d3;
}

.haw-game-beschreibung {
	width: 367px;
	margin: 0;
	padding: 15px 15px 5px 15px;
	font-size: 12px;
	color: #000000;
}

.haw-game-contact-form{
	width: 367px;
	margin: 0;
	padding: 15px 15px 5px 15px;

}

.haw-game-contact-form input{	
	width: 200px;
	height: 19px;
	background: url(pixel/game-input-search-200.png) top left no-repeat;
	border: 0;
}

.haw-game-contact-form textarea {
	width: 200px;
	height: 80px;
	background: url(pixel/bg-textarea.png) top left no-repeat;
	border: 0;
	
	}

.checkbox {
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 10px !important;
	width: 22px !important;
}
	
.haw-game-contact-form select {
	margin-bottom: 10px;
}

.error {
	color: #ff0000;
	font-weight: bold;
}


.haw-game-footer {
	background: url(pixel/poll-mail-bg-footer.png) bottom left no-repeat;
	height: 15px;
	clear: both;
}

/*
Result
*/

.single-result .haw-poll-container {
	width: 635px;
	background: url(pixel/poll-mail-bg-container.png) top left repeat-y; 
}

/*
.single-result .haw-poll-container img {
	width: 223px;
	heigth: 234px;
	margin-right: 50px;
	flaot: right !important;
}
*/

.single-result .haw-poll-header {
	background: url(pixel/poll-mail-bg-header.png) top left no-repeat;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	padding: 0 15px 0 15px;
	clear: both;
}

.single-result .haw-poll-title {
	font-size: 14px;
	font-weight: bold;
	color: #0092d3;
}

/*
.single-result .haw-poll-question {
	width: 367px;
	margin: 0;
	padding: 15px 15px 5px 15px;
	font-size: 12px;
	color: #000000;
	font-weight: normal !important;
		
}
*/

.single-result .haw-poll-footer {
	background: url(pixel/poll-mail-bg-footer.png) bottom left no-repeat;
	height: 15px;
	clear: both;
}


single-result .haw-poll-votes {
	padding: 0 15px;
	font-size: 12px;
	color: #000;
}


.single-result .haw-poll-result {
	padding: 0 15px 0 15px;
	font-weight: bold;
}

.haw-poll-result img {
	margin: 0 !important;
	padding: 15px 0 5px 0 !important;
}

/*
.haw-poll-result p {
	margin: 0 !important;
	padding:0 !important;
}
*/

.haw-poll-img {
	float:right;
	margin-right: 30px;
}

.poll-teaser .haw-poll-result p{
	font-weight: bold !important;
}

.poll-teaser .haw-poll-img {
	display: none;
}

/*
countdown
*/
			
#t7_timer { 
	width: 242px; 
	height: 59px; 
	position: relative;
	padding: 8px 0 0 8px;
}



#t7_vals {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_numbs {
	font-size: 26px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #000000;
}


#t7_d {
	background-image: url(pixel/Countdown2-sec.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 45px;
	height:24px;
	padding: 9px 0px 0px 7px;
	margin-right: 9px;
	letter-spacing: 11px;
}
#t7_h {
	background-image: url(pixel/Countdown2-sec.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 45px;
	height:24px;
	padding: 9px 0px 0px 7px;
	margin-right: 9px;
	letter-spacing: 11px;
}
#t7_m {
	background-image: url(pixel/Countdown2-sec.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 45px;
	height:24px;
	padding: 9px 0px 0px 7px;
	margin-right: 9px;
	letter-spacing: 11px;
}
#t7_s {
	background-image: url(pixel/Countdown2-sec.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 45px;
	height:24px;
	padding: 9px 0px 0px 7px;
	letter-spacing: 11px;
}

#t7_labels {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_labs {
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #000000;
}

#t7_dl {
	float:left;
	width: 50px;
	height:15px;
	padding:0px;
	margin:0;
}
#t7_hl {
	float:left;
	width: 70px;
	height:15px;
	padding:0px;
	margin:0;
}
#t7_ml {
	float:left;
	width: 52px;
	height:15px;
	padding:0px;
	margin:0;
}
#t7_sl {
	float:left;
	width: 70px;
	height:15px;
	padding:0px;
	margin:0;
}


#background{
	background: transparent url(pixel/bg-countdown.jpg) top left no-repeat;
	width: 252px;
	height: 57px;
	text-align: center;


}

/*
Kontaktformulare
*/

#content-form {
	width: 470px;
	height: 430px;
	float: left;
	background: url(pixel/bg-left.png) top left no-repeat;
	overflow: hidden;
}

.content-form-haprices {
	height: 476px !important;
	background: url(pixel/bg-left-haprices.jpg) top left no-repeat !important;
}

#content-form input{
	width: 195px;
	height: 19px;
	background: url(pixel/bg-input.png) top left no-repeat;
	border: 0;
	padding: 0;
	font-size: 11px;
	margin: 0 0 10px 0;
	line-height: 19px;
	padding-left: 5px;
	clear: left;
}

#content-form select {
	margin-bottom: 10px;
}

#content-form .checkbox {
	background: none;
	width: 15px;
	height: 15px;
}

#content-image {
	width: 390px;
	height: 430px;
	float: left;
}

#form-intro {
	width: 431px;
	height: 27px;
	padding: 15px;
}

#form-left {
	width: 207px;
	margin: 30px 48px 0 15px;
	float: left;
}

* html #form-left {
	margin-right: 10px;
}

#form-right {
	width: 200px;
	float: left;
	margin-top: 76px;
}

.content-form-haprices #form-right {
	margin-top: 121px !important;

}

.news-row a {
        font-weight: bold;	
}