/* Hansequartier CSS */

body {
  margin: 0;
  padding: 5px 0 0 0;
  background-color: #999999; }

#site {
	width: 807px;
	margin: 0 auto 10px auto;
	background-color: #f0f5fb; }

#login {
	width: 797px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #404c81;
	text-align: right;
	padding: 5px 10px 0 0; }
	
#login a, a:link, a:visited, a:active {
	color: #ffffff;
	text-decoration: none;}
#login a:hover {
	text-decoration: overline underline;}

#header {}

#navi {
	float: left;
	width: 236px;
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;}

div#navi { 
	min-height:500px;
	height:expression(this.scrollHeight > 500 ? "auto":"500px"); }


#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

div#content {
	padding: 10px 0 0 50px;
	margin: 0 20px 10px 236px;
	border-left: 1px solid #858585;
	min-height:500px;
	height:expression(this.scrollHeight > 500 ? "auto":"500px"); }
	
#content h1 {
	font-size: 16px;
	line-height: 18px; }

#content h2 {
	font-size: 14px;
	line-height: 18px; }

#content h3 {
	font-size: 12px;
	line-height: 18px;
	display: block;
	margin-top: 30px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #000000; }	


#content ul {
	list-style-image: url(img/bullet.png);}
	
#content li { margin-top: 5px;}

#content .subnavlist ul {
	list-style-image: none;}

#content .subnavlist li {
	margin: 0;
	background: none;}

#content ul.linkliste {padding:20px;}
#content .linkliste li a {
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #4c4c4c; }

#content .linkliste li a:hover {
	text-decoration: overline underline;
	color: #000000; }

#content a.toplink {
	font-size:9px;
	text-decoration: none;
	line-height: 24px;
	color: #4c4c4c;}
	
#content a.toplink:hover {
	text-decoration: overline underline;
	color: #000000;}

#content #filmBlock {
	width:194px;
	height:auto;
	float:right;
}

#content #filmBlock h3.headFilm{
	width:auto;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
	border:none;}

#content #filmBlock div.film {
	border: 1px solid #4c4c4c;}
	
#content .meinung {
	background-color:#eeeeee;
	border: 1px dotted #4c4c4c;
	padding: 10px}
#content .meinung p {margin:0; padding-bottom:15px; font-style:italic;}
#content p.meinungQuelle {
	padding-bottom:0;
	font-size:9px;}
	
#content .vergleich {
	font-size: 11px;}
#content .vergleich td {
	padding: 10px 5px; margin-right: 5px; border-bottom: 1px dotted #4c4c4c;}
	
#content a {
	text-decoration: none;
	font-size: 11px;
	color: #000000}
#content a:hover {
	text-decoration: overline underline;}

#content input, #content textarea {width: 350px;}

#content .artikel {
	width: 500px;
	padding-bottom: 50px;
	background-image:url(img/hq-artikel-hg.jpg);
	background-position: top left;
	background-repeat:no-repeat;}

#content .artikel p.artikelstart {
	padding: 70px 35px 0px 40px;
	margin:0; }

#content .artikel p {
	padding: 10px 35px 10px 40px;
	margin:0; }

#content .artikel p.artikelquelle {
	padding: 0px 35px 15px 40px;
	font-size:9px; }

#footer {
	clear: both;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	color: #8a8a8a;
	text-align: center;
	border-top: 1px solid #858585; }

.hervor {
	padding-top: 5px;
	padding-bottom: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#333333;}

.angebot {
	font-size:12px;
	font-weight: bold;}

#breadcrumb {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#404c81;
	margin:0;
	padding: 3px 0 3px 0;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;}
#breadcrumb a, #breadcrumb a:active, #breadcrumb a:visited{
	text-decoration:none;
	color:#404c81;}
#breadcrumb a:hover{text-decoration:overline underline;}
#breadcrumb .left {
	width:236px;
	text-align:right;
	float:left;}
#breadcrumb .right {
	padding-left: 246px;
	text-align:left;}

.anforderung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color:#404c81;
	border-style:none;}
	
.anforderung:hover{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000; 
	background-color: #cccccc; 
	border-style:none; } 
	
#content div.teaserbox {
	float:left;
	margin: 0 10px 0 0;
	border: 1px dotted #999999;
	padding:4px;
	width:150px;
	background-color:#ffffff; }
	
#content div.teaserbox p {
	margin:0;
	padding:0;
	line-height: 11px;
	font-size:10px;}

#content div.teaserbox a img {
border:0;}

#content div.solEs22 {
float:right;
background-color:#e9e9e9;
border:1px solid #404c81;
color:#404c81;
width:180px;
margin: 40px 0 0 10px;
padding:10px;}

#content div.solEs22 ul.solEs22 {
list-style-image:none;
list-style-type:disc;
margin:0px;
padding:0 0 0 10px;}

#content a.play, a.play:active, a.play:link, a.play:visited {
background-image:url(images/web_button_play.jpg);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
height:30px;
line-height:22px;
margin-bottom:4px;
padding-left:40px;
padding-top:3px;
text-decoration:none;
width:120px;}
#content a.play:hover {
background-image:url(images/web_button_play_on.jpg);
color:#361C0D;}

#content a.play2lines, a.play2lines:active, a.play2lines:link, a.play:visited {
background-image:url(images/web_button_play.jpg);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
height:30px;
line-height:12px;
margin-bottom:4px;
padding-left:40px;
padding-top:3px;
text-decoration:none;
width:120px;}
#content a.play2lines:hover {
background-image:url(images/web_button_play_on.jpg);
color:#361C0D;}