/* CSS Document */



/* ############## */

/* GENERAL */

/* ############## */



body {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #666666;

	background-color: #FFFFFF;

	background-image: url(../img/topper.png);

	background-repeat: repeat-x;

	background-position: top;

	

}

html {



overflow-y:scroll;

}



h1,h2,h3,h4 {

margin:0;

padding:0;



}



h1 {

font-size:18px;

padding-top:30px;

height:18px;

}



a {

	color:#999999;

	text-decoration:none;

}



a:hover {
color:#ff0000;
text-decoration:underline;

}



#page {

	width: 100%;

	height:auto;	

}









#mainbox {

	width:986px;

	margin:0 auto;

	height: auto;

}

#mainbox2 {

	width:986px;

	margin:0 auto;

	height: auto;

	background-image: url(../img/bgstartbild.png);

	background-position: right;

	background-repeat: no-repeat;

}



/* ############## */

/* Startseite */

/* ############## */











#logostart {

	width:600px;

	height:96px;

	float: right;

	margin-top: 4px;

	background-image: url(../img/logo-gh-hoffmann-gross.png);

	background-repeat: no-repeat;

}

#erfolgere, #erfolgeli {

	font-family: Century Gothic,Arial,Verdana,Helvetica,sans-serif;

	font-size: 12px;

	color: #666666;

	padding-top: 15px;

	padding-bottom: 20px;

	padding-left: 31px;

}

#erfolgeli  {

	float: left;

	width:450px;

	padding-right: 0px;

	

}

#erfolgere  {

	width:400px;

	float: right;

	padding-right: 20px;

	border-right-width: 1px;

	border-right-style: dotted;

	border-right-color: #999999;

}





.text {

	width:150px;

	height:50px;

	float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	padding-top: 67px;

	text-align: center;

}



/* ############## */

/* helpers */

/* ############## */

div.padMe0 {

	clear:both;

	height:0px;	

}

div.padMe10 {

	clear:both;

	height:10px;	

}

div.padMefooter {

	clear:both;

	height:50px;	

}

div.padMe1 {

	clear:both;

	height:1px;	

}

div.padMe10-imprint {

	clear:both;

	height:20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 8px;

	font-weight: bold;	

}

div.padMe10-imprint1 {

	clear:both;

	height:30px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 8px;

	text-align: right;

	margin-bottom:10px;

	font-weight: bold;

	color: #FFFFFF;

	margin-top:-7px;

}



.padMe10-imprint1 a {

	color:#ffffff;

	text-decoration:none;

}



.padMe10-imprint1 a:hover {

text-decoration:underline;

}



.imgright{

	height:250px;

	width:auto;

	border: 1px solid #e2001a;

	float: right;

	margin-top: 0px;

	margin-right: 15px;

	margin-bottom: 15px;

	margin-left: 15px;

}

/* ############## */

/* content */

/* ############## */

#content {

	width:935px;

	height:200px;

	float: left;

	font-family: Century Gothic,Arial,Verdana,Helvetica,sans-serif;

	font-size: 60px;

	font-weight: bold;

	color: #999999;

	padding-top: 70px;

	padding-right: 20px;

	padding-left: 31px;

	text-align: center;

}





#mainbox_bubbles {

	width:630px;

	margin-right:0px;

	height: 600px;

}

/* NEU */

.news-latest-container img,

img.floatr {

	float:right;

	margin:0px 0px 10px 20px;

}

img.floatre {

	float:right;

	margin:0px 10px 10px 20px;

}

img.floatl {

float:left;

margin:0px 0 10px 20px;



}

/*

helper

*/

.news-morelink,

span.readMore {

	clear:both;

	text-align:right;

	font-size:10px;

	display:block;

	padding:0px 0px 0px 5px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #999999;

	font-weight: bold;

}



span.readMore > a {

color:#434343;

}



span.readMore > a:hover {

color:#FF0000;

text-decoration:none;

}

.red {

color:#FF0000;

}

.white {

color:#FFFFFF;

}

span.ProductHeadline {

	display:block;

	font-weight:bold;

	margin-bottom: 10px;

}



/* ############## */

/* CONTENT*/

/* ############## */

#header {

	width:800px;

	height:120px;

	float: right;

	padding-top: 60px;

	

}

.header-space {

	float: right;

	height:94px;

	width:600px;

	background-image: url(../img/logo-gh-hoffmann-gross.png);

	background-repeat: no-repeat;	

}

#contentboxheader {

	width:800px;

	height:25px;

	float: right;

	background-image: url(../img/contentbox-header.png);

	background-repeat: no-repeat;

	

}

#contentbox {

	width:800px;

	height:auto;

	float: right;

	background-image: url(../img/bg-contentfeld-2px.png);

	background-repeat: repeat-y;

	background-color: #FFFFFF;

}

.contenttext {

	font-family: Century Gothic,Arial,Verdana,Helvetica,sans-serif;

	font-size: 12px;

	min-height: 400px;

	text-align: justify;

	padding:40px;

	

}
.contenttext a:link { color: #ff0000;}


/* ############## */

/* NAVIGATION */

/* ############## */



.bubblesNavi {

	width:150px;

	height:150px;

	float: left;

	background-image:url(../img/bubble.png);

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #999999;

	text-align: center;

	margin-top: 10px;	

}



/* mainlevel */



.bubblesNavi a {

	float:left;

	width:150px;

	height:150px;

	/*padding:8px 0 8px 15px;*/

	text-decoration:none;

	color: #999999;

	

	

}

.bubblesNavikontakt a, .bubblesNavimiete a {

	float:left;

	width:150px;

	height:150px;

	/*padding:8px 0 8px 15px;*/

	text-decoration:none;

	color:transparent;

	

	

}

.bubblesNavi a:hover, .bubblesNavi a.l1on, .bubblesNavikontakt a:hover, .bubblesNavimiete a:hover {

float:left;

background-image:url(../img/bubble-rot.png);

background-repeat:no-repeat;

width:150px;

height:150px;

text-decoration:none;

color:#FFF;

}	



.bubblesNavi1 {

	width:150px;

	height:150px;

	float: left;

	background-image:url(../img/bubble.png);

	font-family: Verdana, Arial, Helvetica, sans-seriff;

	font-size: 12px;

	font-weight: bold;

	color: #999999;

	text-align: center;

	margin-left:10px;

	margin-top: 10px;	

}

.bubblesNavikontakt {

	width:150px;

	height:150px;

	float: left;

	background-image:url(../img/bubble-phone.png);

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #999999;

	text-align: center;

	margin-left:10px;

	margin-top: 10px;	

}

.bubblesNavimiete {

	width:150px;

	height:150px;

	float: left;

	background-image:url(../img/bubble-miete.png);

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #999999;

	text-align: center;

	margin-left:0px;

	margin-top: 10px;	

}

.bubblesNavi1 a {

	float:left;

	width:150px;

	height:150px;

	/*padding:8px 0 8px 15px;*/

	text-decoration:none;

	

	color: #999999;

	

	

}



.bubblesNavi1 a:hover, .bubblesNavi1 a.l1on {

float:left;

background-image:url(../img/bubble-rot.png);

background-repeat:no-repeat;

width:150px;

height:150px;

text-decoration:none;

color:#FFF;

}	







#navibox {

	width:150px;

	height:480px;

	float: left;

}

.bubblesNavired {

	width:150px;

	height:150px;

	float: right;

	background-image:url(../img/logo-gh-hoffmann.png);	

	

}





/* ############## */

/* lightbox - news - in Typo3 löschen */

/* ############## */



#imagebox {

	width:720px;

	height:auto;

	float: right;

	padding-right:40px;

	padding-left:40px;

	margin-top: 20px;

}

.thumb {

	height:100px;

	width:auto;

	border: 1px solid #e2001a;

	margin-right:5px;

	margin-bottom:0px;

	float: left;

}

#linie {

	width:auto;

	height:1px;

	border-top: 1px dotted #e2001a;

	font-family: Century Gothic,Arial,Verdana,Helvetica,sans-serif;

	font-size: 8px;

	font-weight: bold;

}

/* ############## */

/* FOOTER contentfeld news,jobs, exponauten etc.*/

/* ############## */

#footer {

	width:800px;

	height:50px;

	float: right;

	background-image: url(../img/footer.png);

	background-repeat: no-repeat;

	font-family: Verdana, Arial, Helvetica, sans-seriff;

	font-size: 8px;

	text-align: center;

	vertical-align: middle;

	padding-right: 0px;

	padding-bottom: 0px;

	font-weight: bold;

	color: #FFFFFF;

}

#footer .first {

	float:left;

	margin-top:17px;

	height: 17px;

	width: 91px;

	margin-left: 37px;

	padding-top: 2px;

}

#footer .middle,

#footer .last {

	float:left;

	margin-top:17px;

	height: 17px;

	width: 91px;

	margin-left: 13px;

	padding-top: 2px;

}



#footer a {

	color:#fff;

	text-decoration:none;

}



#footer a:hover {

text-decoration:underline;

}

/* ############## */

/* FOOTER ENDE contentfeld news,jobs, exponauten etc.*/

/* ############## */











.bubblesboxstart {

	width:630px;

	outline:0;

	float: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: 10px;	

}



#cu3er-container {

	width:588px;

	outline:0;

	height: 140px;

	margin-bottom: 10px;

	margin-left: 15px;

}

#cu3er-container2 {

	width:630px;

	outline:0;

	height: 150px;

	margin-bottom: 20px;

	

}

.rechtebox {

	width:300px;

	outline:0;

	float:right;

	height: 450px;

	background-image: url(../img/bgstartbild.png);

	background-repeat: no-repeat;

	margin-top: 45px;

}



/* ############## */

/* MAINFOOTER quicklinks*/

/* ############## */

/* FASTJUMP NAVIGATION ***********************************************/

#FastJump_Wrapper       { text-align:right; font-size:0.85em; text-transform:lowercase;}

#FastJump_Wrapper ul    {

	display:block;

	text-align:left;

	margin-left:0%;

	border-top:1px solid #ff0000;

	padding-top:1em;

}

#FastJump_Wrapper li    { float:left; color:#a6acb5;font-weight: bold;margin-right:5em;list-style-type:disc;}

#FastJump_Wrapper li.overview { text-transform:uppercase;font-size:1.1em;list-style-type:none;}

#FastJump_Wrapper ul ul { margin-left:-10px;margin-top:0.3em;border-top-width:0px;padding-top:0;}

#FastJump_Wrapper li li {

	clear: both;

	display:block;

	text-align:left;

	margin-right:0px;

	margin-left: 10px;

}



/* LINKCONFIG */

#FastJump_Wrapper li a:link, #FastJump_Wrapper li a:visited         { color: #a6acb5;}

#FastJump_Wrapper li a:hover, #FastJump_Wrapper li a.active         { color: #ff0000;}

#FastJump_Wrapper li li a                                           { font-weight: normal;}

#FastJump_Wrapper li li a:link, #FastJump_Wrapper li li a:visited   { color: #b8bec6;}

#FastJump_Wrapper li li a:hover, #FastJump_Wrapper li li a.active   { color: #ff0000;}

/* METANAVIGATION ***********************************************/

#metaNavigation li { float:left; margin-right:1em;height:0.5em;padding-top:4px;}

/* LINKCONFIG */

#metaNavigation a:link, #metaNavigation a:visited {color:white;     }

#metaNavigation a:hover, #metaNavigation a.active {color:#494364;   }

#Footer_Wrapper {

    width:100%;

} 

#Footer_Push, #Footer_Wrapper{

    height: 12em; /* #push must be the same height as #footer */

}

#FastJump_Wrapper {

    width:100%;
	margin-left:10px;
    height:12.3em;

}



li {

	list-style-image:none;

	list-style-position:inside;



}



li{margin:0;padding:0;}

/*

navi unten

*/

ul,ol,li {margin:0;padding:0;}



li{list-style:none;}





/* ----------------------------------------

	2 Spalten

---------------------------------------- */



.two_col .left_col {

	float: left;

	width: 44%;

	padding: 3%;

}



.two_col .right_col {

	float: left;

	width: 44%;

	padding: 3%;

/*	margin-left: 4%;*/

}

/* ----------------------------------------

	2 Spalten LI GROSS

---------------------------------------- */



.two_coll .left_coll {

	float: left;

	width: 60%;

	padding: 5%;

}



.two_coll .right_coll {

	float: left;

	width: 25%;

	padding-right: 5%;

	padding-top: 5%;

	padding-bottom: 5%;

/*	margin-left: 4%;*/

}



/* ----------------------------------------

	3 Spalten

---------------------------------------- */



.three_col .left_col {

	float: left;

	width: 23%;

	padding:5%;

}



.three_col .middle_col {

	float: left;

	width: 23%;

	padding:5%;

	

}



.three_col .right_col {

	float: left;

	width: 23%;

	padding:5%;

}



/* ----------------------------------------

	tt_news

---------------------------------------- */

.news-item {

	margin: 10px 0;

}



.news-single-img {

	margin: 0 40px;

}
/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 1px solid #aaa;
	background-color: none;
	padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: black;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 90px;
	float: left;
	clear: both;
	font-weight: bold;
	
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 196px;
	margin-top:3px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 200px;
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
	/* Description */
	cursor: help;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
	background-color: none
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}

fieldset.tx-powermail-pi1_fieldset {

/* Disable border */

border: none;

}

fieldset.tx-powermail-pi1_fieldset_1 {

/* Style left fieldset */

width: 45%;

float: left;

}

fieldset.tx-powermail-pi1_fieldset_2 {

width: 45%;

}