html, body {
	margin: 0px;
	padding: 0px;
	background-color: #C8C8C8;
}

#aussen {
	width: 980px;
	height: auto;
	min-height: 100px;
	background-color: #FFFFFF;
	position: absolute;
	margin: 0px 0px 0px -490px;
	left: 50%;
}
html*#aussen {
	height:100px;
}
head:first-child+body #aussen {
	height:auto;
}

/******************** Navigation Oben Start ******************************/
#navi_oben {
	width: 975px;
	height: 22px;
	text-align: right;
	line-height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 5px;
	color: #666666;
}

#navi_oben .navigation_0:link, #navi_oben .navigation_0:active, #navi_oben .navigation_0:visited {
	color: #666666;
	text-decoration: underline;
	margin-left: 9px;
	margin-right: 9px;
}

#navi_oben .navigation_0:hover {
	text-decoration: none;
}

/****************** Navigation Oben Ende ******************************/

/********************* Header Box Start *******************************/
#headerBox {
	width: 980px;
	height: 273px;
	background-image: url(http://www.hunter-hh.de/layout/headerBox.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#Artikel #headerBox {
	width: 980px;
	height: 129px;
	background-image: url(http://www.hunter-hh.de/layout/HeaderArtikelseite.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#logo {
	width: 317px;
	height: 273x;
	background-image: url(http://www.hunter-hh.de/layout/logo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 100;
	float: left;
}

#bildOben {
	width: 655px;
	height: 254px;
	margin-top: 12px;
	float: left;
}
#seitentitel_back {
	background-color: #CCCCCC;
	position: absolute;
	height: 35px;
	width: 658px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	z-index: 100;
	margin-top: 10px;
}
#seitentitel_black {
	position: absolute;
	height: 35px;
	width: 649px;
	z-index: 100;
	margin-top: 11px;
	padding-right: 9px;
	text-align: right;
	line-height: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}
#seitentitel {
	position: absolute;
	height: 35px;
	width: 648px;
	z-index: 100;
	margin-top: 10px;
	padding-right: 10px;
	text-align: right;
	line-height: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F58006;
	font-size: 20px;
	font-weight: bold;
}
/********************** Header Box Ende **********************/

/************ Navigation Start *****************************/
#navi {
	height: 40px;
	width: 980px;
	background-image: url(http://www.hunter-hh.de/layout/navi.jpg);
	background-repeat: repeat-x;
	line-height: 40px;
	text-align: left;
	padding-left: 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#navi .navigation_0:link, #navi .navigation_0:active, #navi .navigation_0:visited {
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 13px;
	margin-right: 13px;
}

#navi .navigation_0:hover {
	text-decoration: underline;
}

/************ Unternavigation ***************************/

#navi_unter {
	display: none;
	height: 25px;
	width: 975px;
	line-height: 22px;
	text-align: left;
	padding-left: 5px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #01366C;
	margin-top: 1px;
}

#navi_unter .navigation_0:link, #navi_unter .navigation_0:active, #navi_unter .navigation_0:visited {
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 8px;
	margin-right: 8px;
}

#navi_unter .navigation_0:hover {
	text-decoration: underline;
}

/********************** Navigation ENDE *************************/

/********************* Mitte Container mit Links und Rechts Start **********************/
#mitte {
	width: 980px;
	height: auto;
	min-height: 300px;
}
html*#mitte {
	height:300px;
}
head:first-child+body #mitte {
	height:auto;
}

/************************ Links Start ***************************/
#Links {
	width: 280px;
	height: auto;
	min-height: 287px;
	float: left;
	padding-top: 8px;
	padding-left: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
html*#Links {
	height:287px;
}
head:first-child+body #Links {
	height:auto;
}

#Links .content {
	width: 272px;
	height: auto;
	min-height: 82px;
	border: 1px solid #999999;
	background-color: #F6F6F6;
	margin-bottom: 10px;
	padding: 3px;
}
html*#Links .content {
	height: 82px;
}
head:first-child+body #Links .content{
	height:auto;
}

#Links .content .ueberschrift h1 {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}

#Links .content .ueberschrift h1 a{
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#Links .content .text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	height: auto;
	min-height: 50px;
	padding-left: 5px;
	line-height: 150%;
}
html*#Links .content .text {
	height: 50px;
}
head:first-child+body #Links .content .text{
	height: auto;
}

#Links .content .text a {
	color: #D2232A;
	text-decoration: underline;
	font-weight: bold;
}

#Links .content .text a:hover {
	text-decoration: none;
}

#Links .content .FirmaticContentImage {
	margin-right: 5px;
}

#Links .content .ContentLink {
	text-align: right;
}

#Links .content .ContentLink .cssFIRMATICArtikelLink:link, #Links .content .ContentLink .cssFIRMATICArtikelLink:active, #Links .content .ContentLink .cssFIRMATICArtikelLink:visited {
	display: block;
	width: 145px;
	padding-left: 5px;
	text-align: left;
	height: 16px;
	line-height: 16px;
	color: #D2232A;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(http://www.hunter-hh.de/layout/PfeilRechtsRot.gif);
	background-repeat: no-repeat;
	background-position: center right;
	text-decoration: underline;
}

#Links .content .ContentLink .cssFIRMATICArtikelLink:hover {
	text-decoration: none;
}

html>/**/body #Links .content .ContentLink .cssFIRMATICArtikelLink:link, html>/**/body #Links .content .ContentLink .cssFIRMATICArtikelLink:active, html>/**/body #Links .content .ContentLink .cssFIRMATICArtikelLink:visited {
	padding-left: 124px;
}
/************* Links ENDE *********************/

/**************Rechts Sart ********************/
#Rechts {
	width: 687px;
	height: auto;
	min-height: 287px;
	float: right;
	padding-top: 8px;
	padding-right: 0px;
}
html*#Rechts {
	height:287px;
}
head:first-child+body #Rechts {
	height:auto;
}

#Rechts #ContentBoxOben {
	width: 677px;
	height: auto;
	min-height:0px;
	padding-left: 10px;
}
html*#Rechts #ContentBoxOben {
	height:0px;
}
head:first-child+body #Rechts #ContentBoxOben {
	height:auto;
}

#ContentBoxOben .ContentBorder {
	width: 314px;
	min-height: 193px;
	height: auto;
	border: 1px solid #999999;
	float: left;
	padding: 2px;
	margin-left: 8px;
	margin-right: 2px;
	margin-bottom: 10px;
}
html*#ContentBoxOben .ContentBorder {
	height:193px;
}
head:first-child+body #ContentBoxOben .ContentBorder {
	height:auto;
	margin-left: 13px;
	margin-right: 0px;
}

#ContentBoxOben .ContentBorder .content{
	width: 314px;
	min-height: 193px;
	padding: 0px;
	background-image: url(http://www.hunter-hh.de/layout/contentOben.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #D9D9D9;
}
html*#ContentBoxOben .ContentBorder .content{
	height:193px;
}
head:first-child+body #ContentBoxOben .ContentBorder .content{
	height:auto;
}

#ContentBoxOben .ContentBorder .cssFIRMATICArtikelLink:link, #ContentBoxOben .ContentBorder .cssFIRMATICArtikelLink:active, #ContentBoxOben .ContentBorder .cssFIRMATICArtikelLink:visited {
	display: block;
	width: 312px;
	text-align: left;
	height: 20px;
	line-height: 150%;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(http://www.hunter-hh.de/layout/PfeilRechtsWeiss.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 2px;
	text-decoration: underline;
	background-color: #CC0000;
}

#ContentBoxOben .ContentBorder .cssFIRMATICArtikelLink:hover {
	text-decoration: none;
}

.ContentBorder .content .FirmaticContentImage {
	margin-right: 3px;
}

.ContentBorder .content h2 {
	margin: 0px;
	padding: 0px;
}

.ContentBorder .content .ueberschrift h2{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}

.ContentBorder .content .ueberschrift h2 a{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.ContentBorder .content .text{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 150%;
}

.ContentBorder .content .text ul {
margin-top: 10px;
margin-left: 20px;
padding-bottom: 10px;
}
.ContentBorder .content .text li {
line-height: 170%;
}

.ContentBorder .content .text a{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 150%;
	color: #0065CA;
	text-decoration: underline;
}
.ContentBorder .content .text a:hover{
	text-decoration: none;
}

.ContentBorder .content .FirmaticContentImage {

}
/*************************************************************************/
#Rechts #ContentBoxUnten {
	width: 659px;
	height: auto;
	min-height:87px;
	margin-left: 23px;
}
html*#Rechts #ContentBoxUnten {
	height:87px;
}
head:first-child+body #Rechts #ContentBoxUnten {
	height:auto;
}

#ContentBoxUnten .content {
	margin-bottom: 15px;
	border-bottom: 0px solid #0065CA;
	padding-bottom: 5px;
}

#ContentBoxUnten .content .FirmaticContentImage {
	margin: 5px;
}

#ContentBoxUnten .content .ueberschrift h2 {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 7px;
	border-bottom: 0px solid #000000;
	color: #0065CA;
}

#ContentBoxUnten .content .ueberschrift h2 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0065CA;
	text-decoration: none;
}

#ContentBoxUnten .content .ueberschrift h2 a:hover{
	text-decoration: none;
}

#ContentBoxUnten .content .text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	line-height: 150%;
}

#ContentBoxUnten .content .text a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0065CA;
	font-weight: bold;
	text-decoration: underline;
}
#ContentBoxUnten .content .text a:hover {
	text-decoration: none;
}

#ContentBoxUnten .content .text ul {
	margin: 15px;
}

#ContentBoxUnten .content .ContentLink .cssFIRMATICArtikelLink:link, #ContentBoxUnten .content .ContentLink .cssFIRMATICArtikelLink:active, #ContentBoxUnten .content .ContentLink .cssFIRMATICArtikelLink:visited {
	display: block;
	width: 609px;
	padding-left: 0px;
	padding-right: 50px;
	text-align: right;
	height: 20px;
	line-height: 20px;
	color: #0065CA;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(http://www.hunter-hh.de/layout/PfeilRechts.gif);
	background-repeat: no-repeat;
	background-position: center right;
	text-decoration: underline;
	border-top: 1px solid #0065CA;
	margin-top: 7px;
}

#ContentBoxUnten .content .ContentLink .cssFIRMATICArtikelLink:hover {
	text-decoration: none;
	color: #0065CA;
}

#ContentBoxUnten .ContentLink .Artikelseite .cssFIRMATICArtikelLink:link, #ContentBoxUnten .content .ContentLink .Artikelseite .cssFIRMATICArtikelLink:active, #ContentBoxUnten .content .ContentLink .Artikelseite .cssFIRMATICArtikelLink:visited {
	display: block;
	width: 609px;
	padding-left: 50px;
	padding-right: 0px;
	text-align: left;
	height: 20px;
	line-height: 20px;
	color: #0065CA;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(http://www.hunter-hh.de/layout/PfeilLinks.gif);
	background-repeat: no-repeat;
	background-position: center left;
	text-decoration: underline;
	border-top: 1px solid #0065CA;
	margin-top: 7px;
}

#ContentBoxUnten .ContentLink .Artikelseite .cssFIRMATICArtikelLink:hover {
	text-decoration: none;
	color: #0065CA;
}
/****************** Rechts ENDE *******************/

/********************* Mitte Container mit Links und Rechts ENDE **********************/

/*********** Googletext Start ********************/
#googletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	padding-top: 15px;
	padding-left: 13px;
	padding-right: 5px;
	margin-bottom: 5px;
}
/************* Googletext ENDE ***************/

/*************** Navi Unten Start *****************/
#navi_unten {
	width: 980px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	background-color: #F6F6F6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #0065CA;
}

#navi_unten .navigation_0:link, #navi_unten .navigation_0:active, #navi_unten .navigation_0:visited {
	text-decoration: underline;
	margin-left: 5px;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #0065CA;
}

#navi_unten .navigation_0:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #0065CA;
}
/*************** Navi Unten ENDE *****************/

/******************* Footer Start *****************/
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	margin-top: 10px;
}

#footer a {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}
/******************* Footer ENDE *****************/

/***************** CLR Start ****************************/

.clr {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	min-height: 0px;
	max-height: 0px;
	padding: 0px;
	margin: 0px;
	clear: both;
}

.clrContentBoxOben {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	min-height: 0px;
	max-height: 0px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	clear: both;
}
/***************** CLR ENDE ****************************/

/***************** Artikelseiten ***********************/

#Artikel .linksContent {
	width: 252px;
	float: left;
}
#Artikel .rechtsContent {
	width: 407px;
	float: left;
	text-align: left !important;
}

#Artikel .rechtsContent img {
	padding: 6px;
	background-color: #F5F4F3;
	border: 1px solid #999999;
	text-align: left !important;
width:395px !important;
height:auto !important;
}
#Artikel .artikelContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 25px;
}
#Artikel .artikelContent .ueberschrift {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

.MehrBoot a {
display: block;
width: 230px;
height: 20px;
line-height: 20px;
background-image: url(http://www.hunter-hh.de/layout/PfeilRechts.gif);
background-position: right;
background-repeat: no-repeat;
text-decoration: underline;
color: #0065CA;
}
.MehrBoot a {
text-decoration: none;
}

/************************ Kontaktformular *************************/
#kontaktformular {
	width: 659px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.kUeberschrift {
	width: 635px;
	background-color: #0065CA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	padding-left: 2px;
}

.kSpalte1 {
	width: 70px;
	height: 20px;
	float: left; 
}

.kSpalte2 {
	width: 145px;
	height: 20px;
	float:left;
}

.kSpalte3 {
	width: 440px;
	height: 80px;
	float:left;
}

.clean3 {
	clear:both;
	font-size: 0px;
	height: 5px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

.kInput1 {
	width:131px;
	height:16px;
	line-height:20px;
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
} 

.kInput2 {
	width:565px;
	height:80px;
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.kButton {
	margin-left: 424px;
	margin-top: 15px;
}

.kButton1 {
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#E4E4E4;
	width: 210px;
	height: 30px;
	font-weight: bold;
	background-image: url(http://www.hunter-hh.de/layout/formularButton.gif);
	background-repeat: x-repeat;
}

a.kButton1 {
	display: block;
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#E4E4E4;
	width: 240px;
	height: 30px;
	font-weight: bold;
	background-image: url(http://www.hunter-hh.de/layout/formularButton.gif);
	background-repeat: x-repeat;
	line-height: 30px;
	color: #000;
	text-align: center;
	text-decoration: underline;
}

a.kButton1:hover {
	text-decoration: none;
}

/*******Galerie************************/

.firmatic_gallery_content_css {
        border: 1px solid #000;
        padding: 5px;
        margin: 5px;
        background-color: #FFFFFF;
}

a.firmatic_gallery_link_css {
        text-decoration: none;
        border: 0px solid #000;
        color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

a.firmatic_gallery_link_css:hover {
        text-decoration: none;
        border: 0px solid #000;
        color: #0065CA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.ueberschrift_galerie {
        width: 660px;
        padding-left: 10px;
        padding-right: 10px;
        background-color:#0065CA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
height: 20px;
line-height: 20px;
}

.ueberschrift_galerie a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
        text-decoration: underline;
}

.ueberschrift_galerie a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
        text-decoration: none;
}

.galerie_footer {
	width: 680px;
	height: 20px;
	background-color: #0065CA;
	line-height: 20px;
	font-size: 14px;
	color: #FFF;
}

.galerie_footer a:link, .galerie_footer a:active, .galerie_footer a:visited {
	line-height: 20px;
	color: #FFF;
	text-decoration: underline;
}

.galerie_footer a:hover {
	line-height: 20px;
	color: #FFF;
	text-decoration: none;
}

.galerie_navigationsleiste {
	width:680px;
	height: 490px;
	margin-top: 0px;
	text-align:center;
	background-color: #fff;
}

.galerie_tabelle {
	width: 680px;
	text-align: center;
	margin-top: 20px;
}

.galerie_aussen {
	height: 510px;
	width:680px;
	position: absolute;
}

/**********************************************************************************/