/* ######################################
#                                       #
#  Südpol GmbH & Co. KG                 # 
#  Rottweiler Straße 30                 #
#  78078 Niedereschach                  #
#                                       #
#  Telefon: +49 (0) 7728.645 - 0        #
#  Fax: +49 (0) 7728.645 - 100          #
#                                       #
#  Web: www.suedpol.com                 #
#  E-Mail: info@suedpol.com             #
#                                       #
##################################### */

html, body  {
	height:100% !important;
	}

html {
	overflow: -moz-scrollbars-vertical;
	}

body {
	background-color:#5c0000;
	/*margin:0 auto;*/
	background-image:url(../images/hb_body.gif);
	background-repeat:repeat-x;
	}

.block div, .block p, #content div.block td, #content div.block th, .block a, .block li, .block dt, .block dd {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:1.6em;
	}

div#box {
	width:970px;
	margin: 0em auto;
	background-image:url(../images/hb_box.gif);
	background-repeat:repeat-y;
	height:100%;
	}

div#logo {
	width:970px;
	height:136px;
	float:left;
	background-color:#eee;
	background-image:url(../images/hb_logo.jpg);
	background-repeat:no-repeat;
	}

div#logo a {
	display:block;
	float:right;
	width:286px;
	height:90px;
	}

div#logo img {
	width:286px;
	height:22px;
	clear:right;
	float:right;
	margin-top:24px;;
	}

div#navigation {
	width:594px;
	height:47px;
	background-color:#fff;
	float:left;
	}

div#sprache {
	width:90px;
	height:30px;
	padding:17px 0 0 0;
	background-color:#fff;
	float:left;
	}

div#sprache a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}

div#suche {
	width:286px;
	height:31px;
	float:left;
	padding:16px 0 0 0;
	background-color:#fff;
	}

div#rahmen1 {
	width:970px;
	float:left;
	background-image:url(../images/hb_rahmen1.gif);
	background-repeat:repeat-y;
	}

div#rahmen2 {
	width:970px;
	float:left;
	background-image:url(../images/hb_rahmen2.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}

div#klickpfad {
	width:664px;
	height:22px;
	padding:12px 0 0 20px;
	background-color:#f6f6f6;
	background-image:url(../images/hb_klickpfad.gif);
	background-repeat:repeat-x;
	font-weight:bold;
	margin-left:-20px;
	}

div#klickpfad, div#klickpfad a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}

div#klickpfad a {
	font-weight:normal;
	}

div#content {
	width:664px;
	float:left;
	padding:0 286px 60px 20px;
	/*background-image:url(../images/content/hb_content_1.jpg);*/
	background-repeat:no-repeat;
	background-position:top right;
	}

/*
div#rechts {
	width:286px;
	height:670px;
	float:right;
	}
*/
div#fusso {
	width:970px;
	height:80px;
	float:left;
	background-image:url(../images/fuss/hb_fusso_1.png);
	background-repeat: no-repeat;
	/*margin-top:-35px;*/
	margin-top:-80px;
	}


div#fussu {
	width:950px;
	height:55px;
	padding:10px 0 0 20px;
	float:left;
	background-image:url(../images/fuss/hb_fussu.gif);
	background-repeat:repeat-x;
	}
	
div#fussu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#000;
	padding:1px 4px;
	}

div#fuss a:hover {
	color:#900;
	/*border-bottom:1px solid #900;*/
	}

/* Block */
.block {
	padding-right:20px;
	}


.block strong {
	font-weight:bold;
	}

.block h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
	color:#565656;
	margin:10px 0;
	line-height:120%;
	text-transform:uppercase;
	}

.block h1:first-letter {
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	}

.block h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#565656;
	margin:10px 0;
	line-height:150%;
	}

.block p {
	margin:0 0 20px 0;
	color:#000;
	}

.block a {
	color:#b40000;
	}

.block a:hover {
	color:#900;
	text-decoration:underline;
	}

/* Liste */
.block ul {
	list-style-type:circle;
	margin:0 0 0 20px;
	}

.block ol {
	list-style-type:decimal;
	margin:0 0 0 20px;
	}

.block li {
	margin:0 0 10px 0;	
	}

/* Hoch- Tiefgestellt */
.block sub {
	font-size:10px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align:sub;
	}

.block sup {
	font-size:10px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align:top;
	}

/* Fehlermeldung */
.rot {
	color:#900 !important;
	}

.gruen {
	color:#090;
	}

/* Adresse Druck */
#adresse {
	display:none;
	}

/* AGB */
.block ol.gliederung, .block ol.gliederung * {
	margin:0;
	padding:0;
	}

.block ol.gliederung {
	position:relative;
	width:450px;
	} /*Breitenangabe setzt IE hasLayout!*/

.block ol.gliederung li {
	list-style-type:none;
	padding-left:7ex;
	margin-top:1em;
	font-weight:bold;
	} /*Hauptpunkte*/

.block ol.gliederung ol li {
	padding:0;
	margin:0;
	font-weight:normal;
	} /*Unterpunkte*/

.block ol.gliederung li span.nummer {
	position:absolute;
	left:0;
	font-style:normal;
	} /*Nummerierung*/

.block ol.gliederung ol li {
	margin:0 0 10px 0;
	}
	
/* ###### Links mit Grafik ###### */
a.extern {
	padding-right:16px;
	background:url(../images/externer_link.gif) no-repeat right;
	}

a.intern {
	
	}

a.email {
	padding-right:16px;
	background:url(../images/email.gif) no-repeat right;
	}

a.wikipedia {
	padding-right:14px;
	background:url(../images/wiki.gif) no-repeat right;
	}

a.pdf {
	padding-right:16px;
	background:url(../images/pdf.gif) no-repeat right;
	}

a.download {
	padding-right:16px;
	background: url(../images/download.gif) no-repeat right;
	}

a.anfang {
	/*float:right;*/
	display:block;
	text-align:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	padding-right:16px;
	background: url(../images/seitenanfang.gif) no-repeat right;
	}

/* ###### Trennline ###### */
.trennmodul {
	background-color:#ccc;
	height:1px;
	border:#ccc;
	color:#ccc;
	margin:0 0 10px 0;
	}

.mehr {
	margin:0 0 20px 0;

	}
	
/* ###### Seitenzähler ###### */
#seitenzaehler {
	margin:10px 0 40px 0;
	}

.sitenr, .sitenrw, .sitenrx {
	display:block;
	font-size:10px;
	float:left;
	text-align:center;
	margin-right:1px;
	padding:0 6px 1px 6px;
	line-height:16px;
	}

.sitenr {
	border:1px solid #ccc;
	background-color:#fff;
	color:#000;
	}

.sitenr:hover {
	background-color:#e8e8e8;
	border:1px solid #444;
	}

.sitenrw {
	border:1px solid #ccc;
	background-color:#fff;
	color:#ccc;
	}

.sitenrx {
	border:1px solid #ccc;
	background-color:#ccc;
	color:#000;
	}
	
/* Sitemap */
#sitemap ul {
	margin:0 0 20px 0;
	}

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

#sitemap ul a {
	/*font-weight:bold;*/
	}

#sitemap ul ul a {
	font-weight:normal;
	}

#sitemap li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b40000;
	}

#sitemap li a:hover {
	color:#900;
	text-decoration:underline;
	}

/* Glossar */
p#buchstaben a {
	font-size:16px;
	font-weight:bold;
	margin:0 1px;
	}

p#buchstaben {
	font-size:16px;
	}

p.glossar {
	background-color:#D00000;
	color:#fff;
	font-weight:bold;
	border:1px solid #ccc;
	padding:2px 10px;
	text-align:left;
	}
	
p.glossar a {
	font-weight:normal;
	color:#fff;
	margin:0 0 0 590px;
	}
	
p.glossar a:hover {
	color:#fff;
	}
	
/* Tabellen */
table.tabelle1 {
	background-color:#eee;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}

table.tabelle1 th, table.tabelle1 td {
	padding:3px 6px !important;	
	}

table.tabelle1 th {
	background-color:#d7d7d7;
	color:#333;
	font-weight:bold;
	}

table.tabelle1 td {
	border-bottom:1px solid #ccc !important;
	border-right:1px solid #ccc !important;
	}
	
/* Suche */
#isuch, #bsuch {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	line-height:11px;
	vertical-align:bottom;
	}

#isuch {
	width:210px;
	height:14px;
	border:1px solid #eaeaea;
	margin:0 4px 0 0;
	padding:1px 0 1px 8px;
	}
	
#bsuch {
	width:60px;
	height:18px;
	padding:0;
	border:1px solid #eaeaea;
	background-color:#fff;
	}

a.zoom {
	margin:0;
	padding:0;
	line-height:normal;
	margin-right:1px;
	}

a.zoom img {
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	}

a.zoom:hover img {
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
	}
	
/* Flash Animation Referenzen */
#flash1 {
	width:225px;
	height:85px;
	margin:0 0 6px 0;
	border:1px solid #fff;
	}
	
/* Bilder */
img.bild_li {
	float:left;
	}
	
#content table td {
	text-align:left;
	vertical-align:top;
	}