/* hr-ws.de Portal : Stylesheet
 * Erzeugt am: 30.07.2006
 * Autor: Heiko Rettinger
 * Versionskontrolle: $Id: hr.css 29 2011-10-01 08:52:50Z heiko $
 */
body, p, div {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
}
body {
	background: #FFFFFF;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
p {
	line-height: 0.55cm;
	padding: 0cm 0cm 0.2cm 0cm;
	margin: 0cm;
}
div.hbar {
	position:fixed;
	z-index: 90;
	left:0cm;
	top:2cm;
	width:100%;
	height:1cm;
	background: #009434;
}
#hbar {
	font-size:14pt;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow: #006022 3px 3px 3px;
	padding: 0.2cm 3.5cm 0.2cm 0cm;
	text-align:right;
}
div.vbar {
	position:fixed;
	z-index: 91;
	left:2cm;
	top:0cm;
	width:1cm;
	height:100%;
	background: #CCCCCC;
}
#content {
	position:absolute;
	left: 3.5cm;
	right: 3.5cm;
	top:150px;
	background: transparent;
	padding: 0px 0px 90px 0px;
}
#content ul, #content li, #content td, #content th {
	line-height: 0.55cm;
}
#content h1, #content h2, #content h3, #content h4 {
	color: #006022;
	text-shadow: #CCCCCC 1px 1px 1px;
}
div.fon {
	padding: 3cm 0cm 0.1cm 0cm;
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
}
span.hdr {
	font-style:italic;
	color:#009434;
}
div.header {
	position: fixed;
	z-index: 80;
	left: 3.5cm;
	right: 3.5cm;
	top: 0cm;
	height: 150px;
	background: transparent url(img/headerfade.png) repeat-x;
	color: #000000;
	text-align: right;
	padding: 0px;
	margin: 0px;
}
div.footer {
	position: fixed;
	z-index: 90;
	left: 3.5cm;
	right: 3.5cm;
	bottom: 0cm;
	height: 90px;
	background: transparent url(img/footerfade.png) repeat-x;
	color: #CCCCCC;
	text-align: center;
	font-size: 8pt;
	line-height: 17px;
	padding: 0px;
	margin:	0px;
}
div.logo {
	position: fixed;
	z-index: 99;
	left: 1.5cm;
	width: 2cm;
	height: 2cm;
	bottom: 0.5cm;
}
img.logo {
	width:2cm;
	height:2cm;
}
img.portrait {
	float: right;
	margin: 0 0 0.5cm 0.5cm;
}

#maintopic {
	width: 700px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	position: fixed;
	z-index: 89;
	top: 1.45cm;
	right: 3.5cm;
	height: 0.55cm;
}

#maintopic ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#maintopic li {
	display: inline;
}

#maintopic li a {
	padding: 5px 8px 8px 8px;
	background : #CCCCCC url(img/pmark.gif) no-repeat top right;
	text-decoration: none;
	color: #004A1A;
	border-left: 1px solid #ffffff;
}

#maintopic li a img {
	vertical-align : middle;
}

#maintopic li a.sel {
	background-color: #009434;
	color: #FFFFFF;
}

#maintopic ul a:hover, #maintopic li a:hover, #maintopic ul li.iehover a {
	background-color : #004A1A;
	color: #ffffff;
}
/* -- Menu Level -- */
#maintopic ul ul {
	display: none;
	position: absolute;
	bottom: 24px;
	right: 0px;
}
#maintopic ul ul li {
	float: left !important;
	float: none;
	display: block !important;
	display: inline;
}
#maintopic ul li:hover li a, #maintopic ul li.iehover li a {
	padding: 3px 3px 3px 6px;
	height: auto !important;
	height: 1%;
	font: 10pt Verdana, Helvetica, Arial, sans-serif;
	background: #CCCCCC url(img/pmark.gif) no-repeat top right;
	color: #004A1A;
	border: 1px solid #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	opacity: 0.85;
	/*width: 100px;*/
	float: left !important;
	float: none;
	margin-bottom: 0 !important;
	margin-bottom: -1px;
	text-align: left;
}
#maintopic ul li li {
	padding-bottom: 0;
	margin-bottom: -1px;
}
#maintopic ul li:hover li a:hover, #maintopic ul li:hover li:hover a, #maintopic ul li.iehover li a:hover, #maintopic ul li.iehover li.iehover a {
	background-color: #004A1A;
	color: #FFFFFF;
}
#maintopic ul li:hover ul ul, #maintopic ul li.iehover ul ul {
	display: none;
}
#maintopic ul li:hover ul, #maintopic ul li.iehover ul {
	display: block;
}

/* Topics Zeile */
#topics {
	width: 733px;
	padding: 0px;
	margin: 0px;
	background: #CCCCCC url(img/icon_diagw.gif) no-repeat left top;
	position: fixed;
	z-index: 90;
	top: 0px;
	right: 3.5cm;
	height: 19px;
	text-align: right;
}

#topics ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#topics li {
	display: inline;
	padding: 0px 10px 0px 0px;
	font-size: 11px;
}

#topics li a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

#topics li a.sel {
	color: #000000;
}

#topics li a:hover {
	color: #800000;
}
#topics li a.user {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
#topics li a.user:hover {
	color: #009434;
}
#topics li form {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#topics li input {
	font-size: 9px;
	width: 60px;
	padding: 0px;
	margin: 0px;
	border: none;
	border-bottom: 1px dotted #000000;
}
#topics li input.user {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	color: #000000;
	background: #CCCCCC;
	border: none;
	cursor: pointer;
}
#topics li input.user:hover {
	color: #800000;
}

/* Index News */
div.news {
	color: #000000;
}
div.news p {
	clear: both;
	margin: 5px 0px 5px 0px;
	border-top: 1px dotted #666666;
	padding: 5px;
	font-size: 10pt;
	line-height: 0.55cm;
}
div.news p:first-child {
	border-top: none;
}

/* Hyperlinks im Inhaltsbereich */
#content a.int, #content a.intsel, #content a.ext {
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	padding: 0px 14px 0px 0px;
}
#content a.intsel {
	background-color: #CCCCCC;
}

#content a.int:hover, #content a.intsel:hover, #content a.ext:hover {
	border-bottom: 1px dotted #333333;
}

#content a.int, #content a.intsel {
	background-image: url(img/icon_lint.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#content a.ext {
	background: url(img/icon_lext.gif) no-repeat right center;
}

a.sm {
	font-size: 10px;
	font-weight: normal;
}

/* DVD */
#dvd th {
	border-top:1px dotted #000000;
	border-bottom:1px dotted #000000;
	padding: 2px;
	vertical-align: top;
	text-align: center;
}

#dvdd th {
	text-align: left;
	vertical-align: top;
}
#dvdd td {
	line-height: 17px;
	vertical-align: top;
}
a.a0:link, a.a0:visited, a.a0:hover, a.a1:link, a.a1:visited, a.a1:hover, a.a2:link, a.a2:visited, a.a2:hover,
a.a3:link, a.a3:visited, a.a3:hover, a.a4:link, a.a4:visited, a.a4:hover, a.a9:link, a.a9:visited, a.a9:hover {
	color: #0000CC;
	background-color: transparent;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}
a.a0:hover {
	background-color: #CCCCFF;
	text-decoration:underline;
}
a.a1:link, a.a1:visited {
	color: #6600CC;
}
a.a1:hover {
	color: #6600CC;
	background-color: #CC99FF;
	text-decoration:underline;
}
a.a2:link, a.a2:visited {
	color: #0066CC;
}
a.a2:hover {
	color: #0066CC;
	background-color: #99CCFF;
	text-decoration:underline;
}
a.a3:link, a.a3:visited {
	color: #009900;
}
a.a3:hover {
	color: #009900;
	background-color: #99FF99;
	text-decoration:underline;
}
a.a4:link, a.a4:visited {
	color: #0066CC;
}
a.a4:hover {
	color: #0066CC;
	background-color: #99CCFF;
	text-decoration:underline;
}
a.a9:link, a.a9:visited {
	color: #CC0000;
}
a.a9:hover {
	color: #CC0000;
	background-color: #FFCCCC;
	text-decoration:underline;
}
.gbox {
  cursor: pointer;
  font-size: 9pt;
  padding: 2px 4px;
  margin: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* Action */
.col01 { 
  color: #7E0100;
  background-color: #FFABAA;
}
.col01:hover, .col01act { 
  background-color: #7E0100;
  color: #FFABAA;
}
/* Adventure */ 
.col02 {
  color: #7E2F00;
  background-color: #FFCAAA;
}
.col02:hover, .col02act {
  background-color: #7E2F00;
  color: #FFCAAA;
}
/* Animated */
.col03 {
  color: #7E4500;
  background-color: #FFD8AA;
}
.col03:hover, .col03act {
  background-color: #7E4500;
  color: #FFD8AA;
}
/* Comedy */
.col04 {
  color: #7E5B00;
  background-color: #FFE7AA;
}
.col04:hover, .col04act {
  background-color: #7E5B00;
  color: #FFE7AA;
}
/* Docu */
.col05 {
  color: #7E7200;
  background-color: #FFF7AA;
}
.col05:hover, .col05act {
  background-color: #7E7200;
  color: #FFF7AA;
}
/* Drama */
.col06 {
  color: #767E00;
  background-color: #F9FFAA;
}
.col06:hover, .col06act {
  background-color: #767E00;
  color: #F9FFAA;
}
/* Fantasy */
.col07 {
  color: #527E00;
  background-color: #E0FFAA;
}
.col07:hover, .col07act {
  background-color: #527E00;
  color: #E0FFAA;
}
/* Horror */
.col08 {
  color: #007E01;
  background-color: #AAFFAB;
}
.col08:hover, .col08act {
  background-color: #007E01;
  color: #AAFFAB;
}
/* Music */
.col09 {
  color: #006B7E;
  background-color: #AAF1FF;
}
.col09:hover, .col09act {
  background-color: #006B7E;
  color: #AAF1FF;
}
/* Musical */
.col10 {
  color: #003F7E;
  background-color: #AAD4FF;
}
.col10:hover, .col10act {
  background-color: #003F7E;
  color: #AAD4FF;
}
/* Thriller */
.col11 {
  color: #00087E;
  background-color: #AAAFFF;
}
.col11:hover, .col11act {
  background-color: #00087E;
  color: #AAAFFF;
}
/* TV Show */
.col12 {
  color: #33007E;
  background-color: #CCAAFF;
}
.col12:hover, .col12act {
  background-color: #33007E;
  color: #CCAAFF;
}
/* Romance */
.col13 {
  color: #75007E;
  background-color: #F9AAFF;
}
.col13:hover, .col13act {
  background-color: #75007E;
  color: #F9AAFF;
}
/* SciFi */
.col14 {
  color: #7E0037;
  background-color: #FFAACE;
}
.col14:hover, .col14act {
  background-color: #7E0037;
  color: #FFAACE;
}

/* Spruch */
#spruch {
	line-height: 18px;
}
#spruch img {
	float: left;
	padding: 0px 10px 0px 0px;	
}
#spruch .clear {
	clear: both;
}
#spruch h4 {
	display: inline;
	font-size: 12px;
	font-weight: bold;
}
#spruchpopin {
	background: #FFFFFF;
	border: 1px solid #000000;
	text-align: center;
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 0px;
	width: 802px;
}
#spruchpopin p {
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	margin: 0px;
}

/* Tipp Of The Day */
#content div.totd {
	background:url('img/bottomspot.png') no-repeat bottom right;
}
#content div.totdc {
	height:75px;
	line-height: 18px;
}
#content div.totdb {
	height:15px;
	text-align:right;
	vertical-align: bottom;
	border-bottom: 1px dotted #333333;
	text-align: right;
	font-size: 10px;
}
#content div.totdb a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#content div.totdb a:hover {
	border-bottom: 1px dotted #333333;
}

/* Gästebuch */
#content div.entry {
	margin: 5px 0px 0px 0px;
	border-bottom: 1px dotted #000000;
}
#book div.author {
	/*border-bottom: 1px dotted #000000;*/
	padding: 2px;
	font-weight:bold;
	background:url('img/bottomspot.png') no-repeat bottom left;
}
#book p {
	padding: 2px;
}
#book div.admin {
	font-size: 10px;
	border-top: 1px dotted #000000;
	padding: 1px;
	text-align:right;
}