/*
* Beroobi
* stylesheet.css
* 
* Author: Holger M. Stangl
* Company: Limeflavour | http://www.limeflavour.com
* Date: Dezember 2008 / Januar 2009
*/


/*
* General Pre Settings
*
*/
* {
   margin: 0;
   padding: 0;
   border: 0;
}

ul, ol, dl {
  list-style: none;
}

hr { display: none; }

img, fieldset { border: 0; }

a { color: #f56e00; text-decoration: none; }
a:hover { text-decoration: underline; }


/*
* General Helpers
*
*/
.killfloat {
	overflow: hidden;
	clear: both;
	font-size: 0;
	height: 0;
}

.hidden {
	display: none;
	visibility: hidden;
}

.invisible {
	display: inline;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 0;
	height: 0;
	}


/*
* STRUCTURE
*
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	color: #646450;
	background-image: url(../images/htg_body_long.gif);
	background-position: 50px 65px;
	background-repeat: no-repeat;
	background-color: #dcdcc8;
}

html>body { 
	font-size: 16px; /* Set correct font-size for safari browsers */
}


/*
* Structure Elements
*
*/
#container {
	font-size: 0.625em; /* 1em is 10px */
	/*background-image: url(../images/htg_container_long.gif);
	background-position: 160px 779px;
	background-repeat: no-repeat;*/
	}

#containerHeader {
	position: relative;
	height: 100px;
	background-image: url(../images/htg_header.png);
	background-position: left top;
	background-repeat: repeat-x;
	}

#containerMain {
	width: 929px;
	}
	


#containerMarginalA {
	width: 175px;
	float: left;
	padding: 5px 0 0 10px;
	}

#containerMarginalB {
	width: 372px;
	float: right;
	}

#containerMarginalC {
	width: 254px;
	float: right;
	}

#containerCenterA {
	width: 372px;
	float: left;
	}

#containerCenterB {
	width: 490px;
	float: left;
	}
	
#containerCenterC {
	padding-left: 185px;
	}
	
#containerCenterD {
	float: right;
	}



#containerBottom {
	padding: 25px 0 20px 0;
	}

#containerPartner {
	height: 100px;
	background-image: url(../images/htg_partner.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-left: 243px;
	}
	
#containerPartner img {
	padding: 0 55px 0 55px;
	margin: 16px 0 0 0;
	}




/*
* Navigation Elements
*
*/
/* Navigation A */
.navigationA {
	position: absolute;
	top: 65px;
	left: 199px;
	z-index: 100;
	}

.navigationA li {	
	background-image: url(../images/htg_navA_2.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 144px;
	padding: 0 5px 6px 5px;
	float: left;
	margin-left: -9px;
	}

.navigationA li a {
	display: block;
	padding: 8px 5px 8px 5px;
	color: #32321e;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	background-position: left top;
	background-repeat: no-repeat;
	letter-spacing: 0.08em;
	}
	
.navigationA li.active a {
	color: #fff;
	background-image: url(../images/htg_navA_act_2.png);
	}
	
.navigationA li a.hover {
	color: #fff;
	background-image: url(../images/htg_navA_hover.gif)!important;
	background-color: #efefef;
	}

.navigationA li a:hover {
	text-decoration: none;
	background-image: url(../images/htg_navA_act_2.png);
	color: #fff;
	}/**/
	
	

.navigationB {
	display: none;
	}
	
.navigationB li {
	margin-left: -5px;
	background-image: url(../images/htg_navB.png);
	background-position: left top;
	background-repeat: repeat-y;
	float: none;
	width: 144px;
	padding: 0 5px;
	overflow: hidden;
	}

.navigationB li a {
	background-image: none!important;
	color: #32321e!important;
	padding: 8px 5px;
	border-bottom: 1px solid #d2d2d2;
	}
	
.navigationB li a:hover {
	background-image: none!important;
	color: #ff7d00!important;
	}
	
.navigationB li.active a {
	background-image: none!important;
	color: #ff7d00!important;
	}

.navigationA li.active ul li.firstChild a,
.navigationB li.firstChild a {
	background-image: url(../images/htg_navB_firstChild.gif)!important;
	background-repeat: repeat-x;
	}

.navigationA li.active ul li.lastChild,
.navigationB li.lastChild {
	background-image: url(../images/htg_navB_lastChild.png)!important;
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 0 5px 6px 5px;
	}

.navigationA li.active ul li.lastChild a,
.navigationB li.lastChild a {
	border: 0;
	}


/* Navigation Bottom */	
.navigationBottom {
	/*margin: 0 0 0 444px;*/
	margin: 0 0 0 340px;
	}

.navigationBottom li {
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0 9px 0 8px;
	background-image: url(../images/navBottom_seperator.gif);
	background-position: right 2px;
	background-repeat: no-repeat;
	letter-spacing: 0.08em;
	}

.navigationBottom li:last-child {
	background-image: none;
	}

.navigationBottom li.lastChild {
	background-image: none;
	}
	
.navigationBottom li a {
	color: #646450;
	}

.navigationBottom li a:hover {
	}
	
/* */
.navigationSubA {
	margin-left: -5px;
	margin-bottom: 15px;
}
.navigationSubA li {
	background-image: url(../images/htg_navSubA.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.navigationSubA li a {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	padding: 15px 0 7px 0;
	width: 140px;
	overflow: hidden;
	margin-left: 5px;
}
.navigationSubB li {
	background-image: url(../images/htg_navSubB.png);
	background-position: left bottom;
	padding: 0;
}

.navigationSubB li a {
	color: #646450;
	padding: 8px 0 9px 0;
}

.navigationSubB li.lastChild {
	background-image: url(../images/htg_navSubB_bottom.png);
	background-position: left bottom;
	padding: 0;
}

.navigationSubB li.lastChild a {
	padding: 8px 0 15px 0;
}

/* */


/*
* Other Elements
*
*/
/* Logo */
#logoBox {
	left:0;
	position: absolute;
	top:0;
	background-image: url(../images/htg_logoBox.png);
	background-position: left top;
	background-repeat: repeat-x;
	}
	
#sponsorBox {
	left:180px;
	position: absolute;
	top:0;
	}

#sloganBox {
	left:180px;
	position: absolute;
	top:30px;
	}
	
#partnerBox {
	left: 790px;
	position: absolute;
	top: 29px;
	}

#partnerBox a {
	display: block;
	width: 113px;
	padding: 10px 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
	background-image: url(../images/htg_partnerBtn.png);
	background-position: left top;
	background-repeat: repeat-x;
	letter-spacing: 0.08em;
	}
	
#partnerBox a:hover {
	background-image: url(../images/htg_partnerBtn_hover.png);
	text-decoration: none;
	}



/*
* General Content Structure
*
*/
.headerBox {
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 10px;
	}

.headerBox h1 {
	padding: 12px 14px 4px 14px;
	}
	
.contentBox {
	background-position: left top;
	background-repeat: repeat-y;
	padding: 0 10px;
	}

.bottomBox { display: none; }




.containerHeadline,
.teaser100 {
	background-image: url(../images/htg_teaser100_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
	}
	
.containerHeadline .headerBox,
.teaser100 .headerBox {
	background-image: url(../images/htg_teaser100_top.png);
	}
	
.containerHeadline .contentBox,
.teaser100 .contentBox {
	background-image: url(../images/htg_teaser100.png);
	width: 724px;
	}

.containerHeadline .contentBox h1 {
	display: none;
	}


.teaser25 {
	width: 186px;
	background-image: url(../images/htg_teaser25_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
	overflow: hidden;
	}
	
.teaser25 .headerBox {
	background-image: url(../images/htg_teaser25_top.png);
	}
	
.teaser25 .contentBox {
	background-image: url(../images/htg_teaser25.png);
	width: 166px;
	}

.floatLeft25 {
	float: left;
	width: 186px;
	margin: 0!important;
	}


.teaser50 {
	width: 372px;
	background-image: url(../images/htg_teaser50_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
	overflow: hidden;
	}
	
.teaser50 .headerBox {
	background-image: url(../images/htg_teaser50_top.png);
	min-height: 10px;
	}
	
.teaser50 .contentBox {
	background-image: url(../images/htg_teaser50.png);
	width: 352px;
	}



.teaser35 {
	width: 245px;
	background-image: url(../images/htg_teaser35_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
	overflow: hidden;
	}
	
.teaser35 .headerBox {
	background-image: url(../images/htg_teaser35_top.png);
	}
	
.teaser35 .contentBox {
	background-image: url(../images/htg_teaser35.png);
	width: 225px;
	}

.floatLeft35 {
	float: left;
	width: 245px;
	margin: 0!important;
	}



.teaser70 {
	width: 490px;
	background-image: url(../images/htg_teaser70_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
	}

.teaser70 .headerBox {
	background-image: url(../images/htg_teaser70_top.png);
	}

.teaser70 .headerBox h1 {
	/*padding: 18px 14px 12px 14px;
	padding: 12px 14px 12px 14px;*/
	}
	
.teaser70 .contentBox {
	background-image: url(../images/htg_teaser70.png);
	width: 480px;
	padding-right: 0;
	}

	
.teaser30 {
	width: 254px;
	background-image: url(../images/htg_teaser30_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
	/*overflow: hidden;*/
	}

.teaser30 .headerBox {
	background-image: url(../images/htg_teaser30_top.png);
	}
	
.teaser30 .contentBox {
	background-image: url(../images/htg_teaser30.png);
	width: 234px;
	}



.teaser40 {
	width: 140px;
	margin-bottom: 10px;
	background-image: url(../images/htg_teaser40_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #969682;
	}

.teaser40 .headerBox {
	background-image: url(../images/htg_teaser40_top.gif);
	min-height: 4px;
	}
	
.teaser40 .headerBox h1 {
	padding: 10px 10px 0 10px;
	}
	
.teaser40 .contentBox {
	background-image: none;
	padding: 0;
	width: 140px;
	}

.single40 {
	height: 24px;
	overflow: hidden;
	background-image: url(../images/htg_teaser40_single.png)!important;
	background-color: transparent;
	background-position: left top;
	}
	
.margin40 {
	margin-bottom: 20px;
	}




/*
* General Form Styles
*
*/



/*
* General Content Styles
*
*/
.floatRight {
	float: right;
	margin-left:10px;
	}
	
.floatLeft {
	float: left;
	margin-right:10px;
	}


.textBox {
	color: #646450;
	font-size: 11px;
	line-height: 14px;
	padding: 10px 5px 5px 5px;
}

.textBox h1 {
	font-size: 14px;
	line-height: 14px;
}

.textBox h2, .textBox h3, .textBox h4, .textBox h5, .textBox h6 {
	font-size: 11px;
	line-height: 14px;
}

.textBox h2 a {
	color: #646450;

	}
	
h2 a.hi { color: #f56e00; }
h2 span { color: #f56e00; }
h2 span a { color: #f56e00!important; }

.textBox p a {
	background-image: url(../images/icon_link.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 1px 0 0 18px;
	margin: 0 0 0 -2px;
	font-weight: bold;
	line-height: 18px;
	}

.textBox p a.download {
	background-image: url(../images/icon_download.png);
	background-position: left -1px;
	}

.textBox p a.extern {
	background-image: url(../images/icon_extern.png);
	background-position: left -1px;
	}

.textBox p a.textlink {
	background-image: none;
	padding: 0;
	margin: 0;
	line-height:14px;
	}


.teaser40 .textBox p span {
	/*color: #f56e00;*/
	font-weight: bold;
	/*text-transform: uppercase;*/
	}

	
.introBox {
	padding: 0 10px 10px 5px;
}


.formBox {
	font-size: 11px;
	line-height: 14px;
	}
	
.formBox h2 {
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 5px;
}

.formBox p {
	padding-bottom: 10px;
}

.formBox p.mandatory {
	width: 300px;
	text-align: right;
}

.formBox span.mandatory {
	width: 8px;
	height: 8px;
	display: inline-table;
	background-image: url(../images/stern.png);
	background-position: right top;
	background-repeat: no-repeat;
	font-size:10px;
	overflow:hidden;
}


.formBox p a {
	background-image: url(../images/icon_link.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 1px 0 0 18px;
	margin: 0 0 0 -2px;
	font-weight: bold;
	line-height: 18px;
	}

.formBox .formItem {
	padding-bottom: 10px;
	}

.formBox .formItem p { padding-bottom: 0; }


.formLabel {
	padding: 0 0 2px 0;
	}

.formLabelSelect {
	float: left;
	width: 100px;
	}

.formLabelLeft {
	float: left;
	width: 100px;
	padding-right: 10px;
	}

.formLabel label {
	cursor: pointer;
	}
	
.formLabel label span,
.formItem span,
.formBox h2 span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 9px;
	color: #646450;
	}

.formBox input {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #646450;
	height: 15px;
	padding: 1px 4px 0 4px;
	width: 292px;
	background-image: url(../images/htg_input300.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
.teaser100 .formBox input {
	width: 485px;
	background-image: url(../images/htg_input493.gif);
	}
	
.formBox input.submit {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #F56E00;
	height: auto;
	padding: 1px 0 0 15px;
	width: auto!important;
	background-image: url(../images/icon_link.png)!important;
	background-color: transparent!important;
	background-position: left 1px!important;
	text-align:left;
	}
	
.formBox textarea {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #646450;
	height: 112px;
	width: 296px;
	background-image: url(../images/htg_textarea300.gif);
	padding: 4px 0 4px 4px;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: auto;
	}
.teaser100 .formBox textarea {
	height: 192px;
	width: 489px;
	background-image: url(../images/htg_textarea493.gif);
	}

.formBox select {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #646450;
	float:left;
	height:17px;
	margin:1px 4px 0;
/*	width: 200px;*/
	background-image: url(../images/htg_select200.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
.formBox select.error {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background:#F68701;
	float:left;
	height:17px;
	margin:1px 4px 0;
/*	width: 200px;*/
	background-image: url(../images/htg_select200.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}	
.formBox .formError input {
	color: #fff;
	background-image: url(../images/htg_inputError300.gif);
	}
.teaser100 .formBox .formError input {
	background-image: url(../images/htg_inputError493.gif);
	}

.formBox .formError textarea {
	color: #fff;
	background-image: url(../images/htg_textareaError300.gif);
	}
.teaser100 .formBox .formError textarea {
	background-image: url(../images/htg_textareaError493.gif);
	}
	
.formBox input.error {
	color: #fff;
	background-image: url(../images/htg_inputError300.gif);
	}
.teaser100 .formBox input.error {
	background-image: url(../images/htg_inputError493.gif);
	}

.formBox textarea.error {
	color: #fff;
	background-image: url(../images/htg_textareaError300.gif);
	}
.teaser100 .formBox textarea.error {
	background-image: url(../images/htg_textareaError493.gif);
	}

.formField10 { float: left; padding-right: 10px; width: 40px; }
.formBox .formField10 input { width: 32px; background-image: url(../images/htg_input40.gif); }

.formField30 { float: left; padding-right: 10px; width: 90px; }
.formBox .formField30 input { width: 82px; background-image: url(../images/htg_input90.gif); }

.formField50 { float: left; padding-right: 10px; width: 145px; }
.formBox .formField50 input { width: 137px; background-image: url(../images/htg_input145.gif); }

.formField70 { float: left; padding-right: 10px; width: 200px; }
.formBox .formField70 input { width: 192px; background-image: url(../images/htg_input200.gif); }

.formField90 { float: left; padding-right: 10px; width: 250px; }
.formBox .formField90 input { width: 242px; background-image: url(../images/htg_input250.gif); }
	
.formFieldCheck { width: 22px; float: left; }
.formFieldCheck input { background-image: none!important; background-color: transparent; width: auto; height: auto; margin-top:2px; }
.formLabelCheck { padding-top: 3px;margin-left:22px; }

.formFieldRadio { width: 22px; float: left; }
.formLabelRadio { padding: 3px 5px 0 0; float: left; }

.formLabelRadioFull { float: right; width: 433px; }

	
.formSubmit {
	/*padding: 5px 0 0 0;*/
	}
	
.formSubmitRight {
	float: right;
	padding: 10px;
	}



.formBox {
	background-color: #eaead8;
	background-image: url(../images/htg_box70_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0 0 5px 0;
	}
.teaser30 .formBox { background-image: url(../images/htg_box30_bottom.gif); }
.teaser50 .formBox { background-image: url(../images/htg_box50_bottom.gif); }
.teaser100 .formBox { border-left: 1px solid #fff; background-image: url(../images/htg_box503_bottom.gif); }
	
.formBox fieldset {
	background-image: url(../images/htg_box70_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 10px 5px 0 5px;
	}
.teaser30 .formBox fieldset { background-image: url(../images/htg_box30_top.gif); }
.teaser50 .formBox fieldset { background-image: url(../images/htg_box50_top.gif); }
.teaser100 .formBox fieldset { padding-top: 5px; background-image: url(../images/htg_box503_top.gif); }

.teaser30 .formBoxMessage { background-image: url(../images/htg_boxMessage30_bottom.gif); background-color: #656450; }
.teaser50 .formBoxMessage { background-image: url(../images/htg_boxMessage50_bottom.gif); background-color: #656450; }
.teaser70 .formBoxMessage { background-image: url(../images/htg_boxMessage70_bottom.gif); background-color: #656450; }
.teaser100 .formBoxMessage { background-image: url(../images/htg_boxMessage503_bottom.gif); background-color: #656450; }

.teaser30 .formBoxMessage fieldset { background-image: url(../images/htg_boxMessage30_top.gif); padding: 5px; }
.teaser50 .formBoxMessage fieldset { background-image: url(../images/htg_boxMessage50_top.gif); padding: 5px; }
.teaser70 .formBoxMessage fieldset { background-image: url(../images/htg_boxMessage70_top.gif); padding: 5px; }
.teaser100 .formBoxMessage fieldset { background-image: url(../images/htg_boxMessage503_top.gif); padding: 5px; }

.formBoxMessage fieldset p {
	padding: 0;
	color: #fff;
	}

.teaser30 .formBoxError { background-image: url(../images/htg_boxError30_bottom.gif); background-color: #f68701; }
.teaser50 .formBoxError { background-image: url(../images/htg_boxError50_bottom.gif); background-color: #f68701; }
.teaser70 .formBoxError { background-image: url(../images/htg_boxError70_bottom.gif); background-color: #f68701; }
.teaser100 .formBoxError { background-image: url(../images/htg_boxError503_bottom.gif); background-color: #f68701; }

.teaser30 .formBoxError fieldset { background-image: url(../images/htg_boxError30_top.gif); padding: 5px; }
.teaser50 .formBoxError fieldset { background-image: url(../images/htg_boxError50_top.gif); padding: 5px; }
.teaser70 .formBoxError fieldset { background-image: url(../images/htg_boxError70_top.gif); padding: 5px; }
.teaser100 .formBoxError fieldset { background-image: url(../images/htg_boxError503_top.gif); padding: 5px; }

.formBoxError fieldset p {
	padding: 0;
	color: #fff;
	}

.formBoxError fieldset p.error {
	padding: 3px 0;
	}
	
.formBoxSubmit fieldset {
	padding: 5px;
	position: relative;
	}

.formBoxSubmit fieldset p {
	padding: 0;
	}

.formBoxSubmit fieldset a.backbutton {
	position:absolute;
	right: 10px;
	top: 0px;
	background-position:left 1px;
	padding-top:0;
	}



.teaser30 .formBox input {
	width: 172px;
	background-image: url(../images/htg_input180.gif);
	}
	
.teaser30 .formBox .formError input {
	background-image: url(../images/htg_inputError180.gif);
	}
.teaser30 .formBox input.error {
	background-image: url(../images/htg_inputError180.gif);
	}

.teaser30 .pollBox .imageBox { 
	float: left;
	width: 77px;
	}

.teaser30 .pollBox fieldset { 
	float: right;
	width: 147px;
	background-position:right top;
	}

.teaser30 .pollBox .formItem { 
	padding-bottom: 3px;
	}

.teaser100 .formBox .formItem { 
	padding-bottom: 5px;
	}
	
.teaser50 .pollBox .imageBox { 
	float: left;
	width: 150px!important;
	padding: 0!important;
	}

.teaser50 .pollBox fieldset { 
	float: right;
	width: 192px;
	background-position:right top;
	}
	
	

.teaser70 .pollBox .imageBox { 
	float: left;
	width: 150px!important;
	padding: 0!important;
	}

.teaser70 .pollBox fieldset { 
	float: right;
	width: 310px;
	background-position:right top;
	}


.imageBoxPoll {
	float: left;
	background-image: url(../images/htg_box70_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}

.pollBoxResult .formItem {
	margin-bottom: 3px;
	padding: 3px;
	height: 20px;
	}
	
.pollBoxResult .formItem .formDiagramm {
	height: 17px;
	float: left;
	color: #fff;
	padding: 3px 0 0 0;
	position: relative;
	overflow: hidden;
	}
	
.pollBoxResult .formItem .formDiagramm p {
	z-index: 1;
	position:absolute;
	left: 8px;
	}

.pollBoxResult .formItem .formBalken {
	background-position: right top;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	}

.pollBoxResult .formItem0Percent .formBalken img {
	display:none;
	}


.pollBoxResult .formItem .formPercent {
	background-image: url(../images/htg_pollBoxPercent.gif);
	height: 17px;
	width: 30px;
	float: right;
	color: #fff;
	padding: 3px 0 0 0;
	text-align: center;
	}




.teaser30 .pollBoxResult .formItem {
	background-image: url(../images/htg_pollBoxResult30.gif);
	}
	
.teaser30 .pollBoxResult .formItem .formDiagramm {
	background-image: url(../images/htg_pollBoxDiagramm30.gif);
	width: 185px;
	}

.teaser30 .pollBoxResult .formItem .formBalken {
	background-image: url(../images/htg_pollBoxBalken30.gif);
	}
.teaser30 .pollBoxResult .formItem100Percent .formBalken {
	background-image: url(../images/htg_pollBoxBalkenFull30.gif);
	}
	
	
.teaser50 .pollBoxResult .formItem {
	background-image: url(../images/htg_pollBoxResult50.gif);
	}
	
.teaser50 .pollBoxResult .formItem .formDiagramm {
	background-image: url(../images/htg_pollBoxDiagramm50.gif);
	width: 303px;
	}

.teaser50 .pollBoxResult .formItem .formBalken {
	background-image: url(../images/htg_pollBoxBalken50.gif);
	}
.teaser50 .pollBoxResult .formItem100Percent .formBalken {
	background-image: url(../images/htg_pollBoxBalkenFull50.gif);
	}


.teaser70 .pollBoxResult .formItem {
	background-image: url(../images/htg_pollBoxResult70.gif);
	width: 454px;
	}
	
.teaser70 .pollBoxResult .formItem .formDiagramm {
	background-image: url(../images/htg_pollBoxDiagramm70.gif);
	width: 421px;
	}

.teaser70 .pollBoxResult .formItem .formBalken {
	background-image: url(../images/htg_pollBoxBalken70.gif);
	}
.teaser70 .pollBoxResult .formItem100Percent .formBalken {
	background-image: url(../images/htg_pollBoxBalkenFull70.gif);
	}


.formItemPswd {
	position:relative;
	height:20px;
	}

.formItemPswd .formText {
	font-size:11px;
	color:#9D9D8A;
	position:absolute;
	left:0;
	top:0;
	padding:1px 0 1px 4px;
	width:126px;
	background-image: url(../images/htg_input130.gif);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: text;
	}



.paginationBox, .paginationBoxForum  {
	background-color: #fff;
	text-align: center;
	padding: 19px 0 14px 0;
	margin-right: 10px;
	font-size: 11px;
	display:none;
	}

.paginationBoxForum  {
	display:block;
	}
	
.paginationBox .page a, .paginationBoxForum .page a {
	color: #fff;
	padding: 8px;
	display: inline-block;
	}
	
.paginationBox .page a:hover, .paginationBoxForum .page a:hover {
	text-decoration: none;
	}
	
	
.paginationBox .page, .paginationBoxForum .page {
	background-image: url(../images/icon_num.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 7px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor:pointer;
	/*padding: 8px;*/
	display: inline-block;
	}

.paginationBox .page:hover, .paginationBoxForum .page:hover {
	background-image: url(../images/icon_num_act.png);
	text-decoration: none;
	}

.paginationBox .active, .paginationBoxForum .active  {
	background-image: url(../images/icon_num_act.png);
	padding: 8px;
	display: inline-block;
	}

.paginationBox .active a, .paginationBoxForum .active a {
	padding: 0;
	}

.paginationBox .prev, .paginationBoxForum .prev {
	background-image: url(../images/icon_back.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 1px 13px 1px 20px;
	font-weight: bold;
	cursor: pointer;
	color: #f56e00;
	}
	
.paginationBox .prev:hover, .paginationBoxForum .prev:hover {
	text-decoration: underline;
	}

.paginationBox .next, .paginationBoxForum .next {
	background-image: url(../images/icon_link.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 1px 20px 1px 6px;
	font-weight: bold;
	cursor:pointer;
	color: #f56e00;
	}
	
.paginationBox .next:hover, .paginationBoxForum .next:hover {
	text-decoration: underline;
	}
	
.paginationBoxA {
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #eaead8;
	margin: 5px 0;
	padding: 10px 0;
	}
	
.paginationBoxB {
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #eaead8;
	margin: 0 0 5px 0;
	padding: 10px 0;
	}
	
.teaser70 .paginationBoxA { 
	width: 470px;
	background-image: url(../images/htg_pagination.gif);
	}
	
.teaser70 .paginationBoxB { 
	width: 470px;
	background-image: url(../images/htg_pagination.gif);
	}
	
.teaser100 .paginationBoxA { 
	width: 724px;
	background-image: url(../images/htg_pagination100.gif);
	}
	
.teaser100 .paginationBoxB { 
	width: 724px;
	background-image: url(../images/htg_pagination100.gif);
	}
	
.paginationBoxC {
	position: relative;
	top: -37px;
	height: 0;
	padding: 0;
	}

.paginationEnd {
	padding-bottom: 30px;
	}
	
	

.glosaryBox {
	position: relative;
	}

.glosaryTerm {
	border-bottom: 1px dotted #646450;
	cursor: pointer;
	}
	
.glosaryTerm a {
	text-decoration: none!important;
	color: #646450;
	}
	
.toolTip {
	width: 320px;
	background-image: url(../images/htg_tooltip_glosar_top.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: -135px;
	margin-top: 14px;
	padding: 15px 0 0 0;
	color: #fff;
	z-index: 1001;
	display: none;
	}
	
.toolTip .text {
	width: 290px;
	background-image: url(../images/htg_tooltip_glosar_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 15px 33px 15px;
	display: block;
	font-weight: normal;
	}

/*.toolTip .text h2 {
	padding: 0!important;
	}

.toolTip .text p {
	padding: 0!important;
	font-weight: normal;
	}*/

.toolTip .text a {
	background-image: url(../images/icon_link.png)!important;
	background-repeat: no-repeat;
	padding: 1px 0 0 18px!important;
	margin: 0 0 0 -2px!important;
	font-weight: bold!important;
	text-decoration: none!important;
	color: #fff!important;
	line-height: 18px!important;
	}
	
.toolTip .text a:hover {
	text-decoration: underline!important;
	}
	

.navigationAlpha { 
	padding: 5px 7px 4px 8px;
	height: 70px;
	background-image: url(../images/htg_box70_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}

.navigationAlpha li { 
	float: left;
	padding-right: 1px;
	padding-bottom: 1px;
	height: 34px;
	width: 34px;
	}


	
.navigationABC { 
	padding: 5px 7px 5px 8px;
	height: 70px;
	background-image: url(../images/htg_box70_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}

.navigationABC li { 
	float: left;
	padding-right: 1px;
	height: 35px;
	width: 64px;
	}

.navigationABCalt { 
	padding: 17px 7px 0px 8px;
	height: 60px;
	background-image: url(../images/htg_box70_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
.navigationABCalt li { 
	float:left;
	height:30px;
	padding-right:1px;
	width:31px;
	}
	
	
.navigationABCalt .page {
	background-image:url(../images/icon_num.png);
	background-position:center center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	margin-right:7px;
	padding:8px;
	}
	
.navigationABCalt .page:hover {
	background-image:url(../images/icon_num_act.png);
	text-decoration:none;
	}	
	
.navigationABCalt .page a {
	color:#FFFFFF;
	text-decoration: none;
}

	

.galleryBox .textBox {
	padding: 5px 0 0 0!important;
	width: 234px!important;
	}

.galleryBox .textBox .imageThumb {
	padding: 0 0 5px 5px;
	float: left;
	position: relative;
	}

.galleryBox .textBox p {
	padding: 0 5px 5px 5px;
	}
	
.friendBoxToolTip {
	width: 160px;
	background-image: url(../images/htg_tooltip_friend_top.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 36px;
	left: -20px;
	padding: 10px 0 0 0;
	color: #fff;
	z-index: 1001;
	display: none;
	}
	
.friendBoxToolTip h2 {
	width: 130px;
	background-image: url(../images/htg_tooltip_friend_head.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 3px 15px 0 15px;
	height: 20px;
	color: #646450;
	}
	
.friendBoxToolTip .text {
	width: 144px;
	background-image: url(../images/htg_tooltip_friend_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 8px 23px 10px;
	}

.friendBoxToolTip .text a {
	color: #fff;
	}

.galleryBoxDetail {	
	margin-bottom:5px;
	padding:0 77px;
	width:316px;	
	}

.linkBox .textBox {
	padding: 5px!important;
	}
	
	
.navigationPostBox { padding-bottom: 5px; height: 25px; }

.navigationPostBox li {
	background-image: url(../images/htg_box153_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #eaead8;
	float: left;
	width: 153px;
	font-size: 11px;
	font-weight:bold;
	margin-right: 5px;
	height: 25px;
	}

.navigationPostBox li.last {
	margin-right: 0;
	/*width: 154px;*/
	}

.navigationPostBox li a {
	background-image: url(../images/htg_box153_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 141px;
	color: #646450;
	padding: 6px;
	display: block;
	}
	
.navigationPostBox li.active {
	background-image: url(../images/htg_boxError153_top.gif);
	background-color: #f68701;
	}

.navigationPostBox li.active a {
	background-image: url(../images/htg_boxError153_bottom.gif);
	color: #fff;
	}








.containerList .teaserBox {
	margin-bottom: 5px;
	background-color: #eaead8;
	background-position: left bottom;
	background-repeat: no-repeat;
	}

.containerList .teaserBox .imageBox {
	float: left;
	padding: 5px 0 5px 5px;
	background-position: left top;
	background-repeat: no-repeat;
	}

.containerList .teaserBox .textBox {
	float: right;
	padding: 10px 5px;
	background-position: right top;
	background-repeat: no-repeat;
	}
	
.lastChild {
	margin-bottom: 0!important;
	}

/*
.containerList .paginationBox {
	padding: 19px 0 14px 0;
	}
*/




.containerDetail .contentBox {
	padding-right: 10px;
	width: 470px;
	}
	
.containerDetail .contentBox .flashBox {
	padding: 5px 3px;
	}
	
.flashBox h1 {padding: 0px 5px 4px; background-color:#FFFFFF;}	
	
.containerDetail .contentBox .imageBox {
	padding: 5px;
	font-size: 11px;
	line-height: 14px;
	width: 225px;
	}
	
.containerDetail .contentBox .floatRight {
	background-color: #EAEAD8;
	background-image: url(../images/htg_box27_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0;
	margin-right: 5px;
	margin-bottom:5px;
	}
	
.containerDetail .contentBox .floatLeft {
	background-color: #EAEAD8;
	background-image: url(../images/htg_box27_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0;
	margin-left: 5px;
	margin-bottom:5px;
	}
	
.containerDetail .contentBox .flashBoxRight {
	margin-right: 3px;
	}
	
.containerDetail .contentBox .flashBoxLeft {
	margin-left: 3px;
	}

.containerDetail .contentBox .captionBox {
	position: relative;
	min-height: 30px;
	}

.containerDetail .contentBox .captionBox p {
	padding: 5px 25px 5px 5px;
	}
	
.containerDetail .contentBox .captionBox img {
	position: absolute;
	right: 2px;
	top: 2px;
	}

.containerDetail .contentBox .imageBoxBig {
	padding: 0 5px 10px 5px;
	width: auto;
	}

.containerDetail .contentBox .imageBoxDouble {
	padding-bottom: 15px;
	}
	
.containerDetail .contentBox .imageBoxDouble .imageBox {
	width: 225px;
	}

.containerDetail .contentBox .imageBoxDouble .floatRight {
	margin-left: 0px;
	}

.containerDetail .contentBox .imageBoxDouble .floatLeft {
	margin-right: 0px;
	}
	
.containerDetail .contentBox .flashBoxDouble {
	padding-bottom: 15px;
	}

.containerDetail .contentBox .flashBoxDouble .floatRight {
	margin-left: 0px;
	margin-right: 3px;
	}

.containerDetail .contentBox .flashBoxDouble .floatLeft {
	margin-left: 3px;
	margin-right: 0px;
	}




.containerDetail .contentBox .textBox {
	padding: 0 5px;
	}
	
.containerDetail .contentBox .textBox h2 {
	padding-bottom: 15px;
	}
	
.containerDetail .contentBox .textBox h3 {
	font-weight: normal;
	color: #f56e00;
	}
	
.containerDetail .contentBox .textBox p {
	padding-bottom: 15px;
	}
	
.containerDetail .contentBox .textBox p.intro {
	color: #f56e00;
	font-weight: bold;
	}
	
.containerDetail .contentBox .textBox p a {
	background-image: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
	text-decoration: underline;
	line-height: 15px;
	}

.containerDetail .contentBox .textBox p a:hover {
	text-decoration: none;
	}


.containerDetail .contentBox .textBox p a.link {
	background-image: url(../images/icon_link.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 1px 0 0 18px;
	margin: 0 0 0 -2px;
	font-weight: bold;
	line-height: 18px;
	}

.containerDetail .contentBox .textBox p a.link:hover {
	text-decoration: underline;
	}
	
.containerDetail .contentBox .textBox p a.download {
	background-image: url(../images/icon_download.png);
	background-position: left -1px;
	background-repeat: no-repeat;
	padding: 1px 0 0 18px;
	margin: 0 0 0 -2px;
	font-weight: bold;
	line-height: 18px;
	}
.containerDetail .contentBox .textBox p a.download:hover {
	text-decoration: underline;
	}
	
.containerDetail .contentBox .textBox p a.extern {
	background-image: url(../images/icon_extern.png);
	background-position: left -1px;
	background-repeat: no-repeat;
	padding: 1px 0 0 18px;
	margin: 0 0 0 -2px;
	font-weight: bold;
	line-height: 18px;
	}
.containerDetail .contentBox .textBox p a.extern:hover {
	text-decoration: underline;
	}




.containerList.contentBox .textBox ul,
.containerList .contentBox .textBox ol,
.containerDetail .contentBox .textBox ul,
.containerDetail .contentBox .textBox ol {
	padding-bottom: 15px;
	margin-left: -2px;
	}

.containerList .contentBox .textBox ul li,	
.containerDetail .contentBox .textBox ul li {
	line-height: 14px;
	padding: 2px 0 0 18px;
	background-image: url(../images/icon_list.png);
	background-position: left top;
	background-repeat: no-repeat;
	}

.containerList .contentBox .textBox ul a,
.containerList .contentBox .textBox ol a,	
.containerDetail .contentBox .textBox ul a,
.containerDetail .contentBox .textBox ol a {
	text-decoration: underline;
	}

.containerList .contentBox .textBox ul a:hover,
.containerList .contentBox .textBox ol a:hover,	
.containerDetail .contentBox .textBox ul a:hover,
.containerDetail .contentBox .textBox ol a:hover {
	text-decoration: none;
	}


.containerDetail .infoBox {
	margin: 5px 5px 0 5px;
	padding: 0 0 15px 0;
	}

.containerDetail .infoBox .imageBox {
	/*float: left;*/
	background-color: #eaead8;
	background-image: url(../images/htg_box70_top.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0;
	width: 460px;
	}

.containerDetail .infoBox .imageBox img {
	position: relative;
	top: -12px;
	left: -7px;
	z-index:1;
	}
	
.containerDetail .infoBox .textBox {
	/*float: right;
	width: 305px;
	padding: 10px 10px 0 10px;*/
	margin-top: -5px;
	width: 440px;
	padding: 0 10px;
	background-image: url(../images/htg_box460_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #eaead8;
	}
	
.containerDetail .infoBox50 {
	background-image: url(../images/htg_box28_bottom.gif);
	float: left;
	margin: 0 10px 0 5px;
	width: 232px;
	}

.containerDetail .infoBox50 .imageBox {
	/*float: left;*/
	background-image: url(../images/htg_box28_top.gif);
	width: 232px;
	}
	
.containerDetail .infoBox50 .textBox {
	width: 212px;
	}



.containerDetail .teaserBox {
	margin-bottom: 5px;
	background-color: #eaead8;
	background-position: left bottom;
	background-repeat: no-repeat;
	}

.containerDetail .teaserBox .imageBox {
	float: left;
	padding: 5px 0 5px 5px;
	background-position: left top;
	background-repeat: no-repeat;
	}

.containerDetail .teaserBox .textBox {
	float: right;
	padding: 10px 5px;
	background-position: right top;
	background-repeat: no-repeat;
	}



.containerFunctions .contentBox {
	overflow: hidden;
	height: 28px;
	}

.containerFunctions .textBox {
	padding: 7px 0 3px 5px;
	float: left;
	}

.containerFunctions .textBox p a { 
	padding-left: 19px;
	padding-right: 16px; 
	}

.containerFunctions .rateBox {
	padding: 2px 8px 0 0;
	float: right;
	width: 170px;
	}

.containerFunctions .rateBox p {
	font-size: 12px;
	font-weight: bold;
	color: #f56e00;
	float: left;
	padding: 6px 6px 0 0;
	}

span.ratingTip {
	color:#F56E00;
	/*float:left;*/
	font-size:12px;
	font-weight:bold;
	/*left:-42px;top:4px;*/
	padding:4px 0 0 0;
	position:absolute;
	top:0;
}

.containerFunctions .rateBox ul {
	float: right;
	}

.containerFunctions .rateBox ul li {
	float: left;
	}




/* Anpassungen */
.teaser25 .teaserBoxPremium { background-color: #eaead8; }
.teaser25 .teaserBoxPremium .imageBox { background-image: url(../images/htg_box25_top.gif); padding:0; }
.teaser25 .teaserBoxPremium .textBox { background-image: url(../images/htg_box25_bottom.gif); background-position: left bottom; background-repeat: no-repeat; }

.teaser25 .flashBox { position: relative; left: -2px; } 

.teaser30 .teaserBox { background-image: url(../images/htg_box30_bottom.gif); }
.teaser30 .teaserBox .textBox { width:224px; background-image: url(../images/htg_box30_top.gif); }
.teaser30 .teaserBox .imageBox { background-image: url(../images/htg_box30_top.gif); }

.teaser30 .teaserBoxSquare .textBox { padding-top: 7px; width: 144px; }
.teaser30 .teaserBoxQuer .textBox { padding-top: 7px; width: 89px; }

.teaser30 .teaserBoxPremium .textBox { padding-top: 5px; background: none; }
.teaser30 .teaserBoxPremium .imageBox { padding: 5px; }

.teaser30 .flashBox { position: relative; left: -2px; }

.teaser30 .teaserBoxSquare40 .textBox { padding-top: 7px; width: 175px; overflow:hidden; }

.teaser30 .messageBox { background-color: #f68701; background-image: url(../images/htg_boxError30_bottom.gif); }
.teaser30 .messageBox .textBox { color: #fff; background-image: url(../images/htg_boxError30_top.gif); }



.teaser35 .teaserBoxPremium { background-color: #eaead8; }
.teaser35 .teaserBoxPremium .imageBox { background-image: url(../images/htg_box35_top.gif); }
.teaser35 .teaserBoxPremium .textBox { background-image: url(../images/htg_box35_bottom.gif); background-position: left bottom; background-repeat: no-repeat; padding: 10px 5px; }





.teaser50 .teaserBox { background-image: url(../images/htg_box50_bottom.gif); }
.teaser50 .teaserBox .textBox { width: 342px; background-image: url(../images/htg_box50_top.gif); }
.teaser50 .teaserBox .imageBox { background-image: url(../images/htg_box50_top.gif); }

.teaser50 .teaserBoxSquare .textBox { width: 262px; }
.teaser50 .teaserBoxQuer .textBox { width: 207px; }


.teaser50 .formularBox {
	background-color: #eaead8;
	background-image: url(../images/htg_box50_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

.teaser50 .formularBox .imageBox {
	float: left;
	padding: 0;
	background-image: url(../images/htg_box50_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}

.teaser50 .formularBox .formBox {
	float: right;
	padding: 0;
	width: 200px;
	/*background-image: url(../images/htg_box50_top.gif);
	background-position: right top;
	background-repeat: no-repeat;*/
	}
	
.teaser50 .formularBox .formBox fieldset {
	background-position: right top;
	}
	
.teaser50 .formularBox .formBox .formItem { 
	padding-bottom: 3px;
	}
	
.teaser50 .flashBox { position: relative; left: -2px; }




.teaser100 .teaserBox { width: 724px; background-image: url(../images/htg_box100_bottom.gif); }
.teaser100 .teaserBox .textBox { float:none; width: 714px; background-image: url(../images/htg_box100_top.gif); }



.teaser70 .teaserBox { width: 470px; background-image: url(../images/htg_box70_bottom.gif); }
.teaser70 .teaserBox .textBox { width: 460px; background-image: url(../images/htg_box70_top.gif); }
.teaser70 .teaserBox .imageBox { background-image: url(../images/htg_box70_top.gif); }

.teaser70 .messageBox { background-color: #f68701; background-image: url(../images/htg_boxError70_bottom.gif); }
.teaser70 .messageBox .textBox { color: #fff; background-image: url(../images/htg_boxError70_top.gif); }

.teaser70 .teaserBoxSquare .textBox { width: 375px; padding: 7px 10px 10px 10px; }
.teaser70 .teaserBoxQuer .textBox { width: 320px; padding: 7px 10px 10px 10px; }



.profileDetailBoxLeft {
	width:130px;
	float:left;
	margin-top:-5px;
	margin-left:-5px;
	}
	
.forumBoxLeft .profileDetailBoxLeft {
	margin-top: 0;
	margin-left: 0;
	}
	
.profileDetailBoxLeft .teaserBox { margin-left: 5px; width: 120px; background-image: url(../images/htg_box120_bottom.gif); }
.profileDetailBoxLeft .teaserBox .textBox { width: 110px; background-image: url(../images/htg_box120_top.gif); }

.profileDetailBoxLeft .actionBox { margin-left: 5px; width: 120px; }
.profileDetailBoxLeft .actionBox .action { 
	padding-right: 1px;
	background-image: url(../images/htg_actionBox.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: left;
	}


.profileDetailBoxLeft .profileImageBox {
	background-image:url(../images/htg_profile130.gif);
	height:110px;
	width:110px;
	padding:10px;
	}
	
.profileDetailBoxRight {
	float:right;
	width:345px;
	padding-right:10px;
	}

.profileDetailBoxRight .teaserBox { width: 345px; background-image: url(../images/htg_box345_bottom.gif); }
.profileDetailBoxRight .teaserBox .textBox { width: 335px; background-image: url(../images/htg_box345_top.gif); }

.profileDetailBoxRight .messageBox { background-color: #f68701; background-image: url(../images/htg_boxError345_bottom.gif); }
.profileDetailBoxRight .messageBox .textBox { color: #fff; background-image: url(../images/htg_boxError345_top.gif); }



.teaser70 .teaserBoxSquare60 { height: 70px; }
.teaser70 .teaserBoxSquare60 .textBox { float: left; width: 360px; padding: 7px 10px 0 10px; background-image: none; }
.teaser70 .teaserBoxSquare60 .imageBox { width: 60px; height: 60px; }
.teaser70 .teaserBoxSquare60 .actionBox { 
	background-color: #fff; 
	width: 22px; 
	float: right;
	background-image: url(../images/htg_action70.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 1px 0 1px 3px;
	height: 68px;
	}
.teaser70 .teaserBoxSquare60 .actionBox .action { 
	padding-bottom: 1px;
	background-image: url(../images/htg_actionBox.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}

.teaser70 .teaserBoxImage { 
	float: left; 
	width: 153px;
	margin-right: 5px; 
	background-image: url(../images/htg_box153_top.gif); 
	background-position: left top; 
	position: relative;
	}
.teaser70 .teaserBoxImage .imageBox { 
	padding:0; 
	}
.teaser70 .teaserBoxImage .textBox { 
	width: 126px;
	padding: 5px 22px 5px 5px; 
	background-image: url(../images/htg_box153_bottom.gif); 
	background-position: left bottom; 
	float:left;
	white-space: nowrap;
	overflow: hidden;
	}
.teaser70 .teaserBoxImage .actions3 { 
	padding-right:67px;
	width:81px;
	}
.teaser70 .teaserBoxImage .actionBox {
	position: absolute;
	bottom: 0;
	right: 0;
	}
.teaser70 .teaserBoxImage .actionBox .action {
	float: left;
	padding: 1px 0;
	}

.teaser70 .teaserBoxA {
	width: 232px;
	background-image: url(../images/htg_box28_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #eaead8;
	float: left;
	margin-right: 6px;
	}
	
.teaser70 .teaserBoxA .textBox {
	width: 222px;
	padding: 10px 5px;
	background-image: url(../images/htg_box28_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
.teaser70 .teaserBoxPremium .textBox {
	width: 222px;
	padding: 5px 5px 10px 5px;
	background-image: none;
	}
	
.teaser70 .teaserBoxPremium .imageBox {
	background-image: url(../images/htg_box28_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 4px 4px 5px 4px;
	}
	
.teaser70 .teaserBoxSquareA .textBox {
	width: 137px;
	padding: 7px 10px 10px 5px;
	float: right;
	background-position: right top;
	background-repeat:no-repeat;
	overflow: hidden;
	}
	
.teaser70 .teaserBoxSquareA .imageBox {
	float: left;
	padding: 5px;
	background-position: left top;
	background-repeat: no-repeat;
	}
	
.teaser70 .teaserBoxQuerA .textBox {
	width: 82px;
	padding: 7px 10px 10px 5px;
	float: right;
	background-position: right top;
	background-repeat:no-repeat;
	}
	
.teaser70 .teaserBoxQuerA .imageBox {
	float: left;
	padding: 5px;
	background-position: left top;
	background-repeat: no-repeat;
	}





/* teaser40 Marginal-Spalte Links */
.teaser40 .headerBox h2 {
	color: #fff;
	padding: 0 10px;
	font-size: 11px;
	}

.teaser40 .textBox {
	background-color: transparent;
	color: #fff;
	padding: 10px;
	}
	
.teaser40 .textBox p.link {
	padding-top: 9px;
	}

.teaser40 .textBox p a {
	color: #fff;
	}
	
/*.teaser40 .textBox p a:hover {
	color: #ff7d00;
	text-decoration: none;
	}*/
	
.single40 .textBox {
	padding: 3px 10px;
	}
	
.single40 .textBox p a {
	margin-top: 0;
	}
	
.teaser40 .imageBox {
	background-image: url(../images/htg_image40.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 15px;
	width: 60px;
	height: 60px;
	}

.teaser40 .formBox {
	padding: 6px 5px 10px 5px;
	background: none;
	}

.teaser40 .formBox fieldset {
	padding: 0;
	background: none;
	}
	
.teaser40 .formBox input {
	color: #9d9d8a;
	width: 122px;
	background-image: url(../images/htg_input130.gif);
	}

.teaser40 .formBox input.error {
	color: #ffffff;
	background-image: url(../images/htg_inputError130.gif);
	}
	
.teaser40 .formBox p {
	padding: 0;
	}
	
.teaser40 .formBox p a {
	margin: 0 0 0 3px;
	color: #fff;
	}
	
/*.teaser40 .formBox p a:hover {
	color: #ff7d00;
	text-decoration: none;
	}*/
	
/*.teaser40 .formBox .fromItem {
	position:relative;
	height: 20px;
	}
	
.teaser40 #pswdText {
	font-size:11px;
	color:#9D9D8A;
	position:absolute;
	left:0;
	top:0;
	padding:1px 0 1px 4px;
	width:126px;
	background-image: url(../images/htg_input300.gif);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: text;
	}*/

.teaser40 .searchBox {
	padding: 0 0 0 5px;
	}

.teaser40 .searchBox input {
	float: left;
	width: 102px;
	margin: 4px 0 0 0;
	background-image: url(../images/htg_input130_search.gif);
	}

.teaser40 .searchBox img {
	float: right;
	}
	
	


.teaser70 .teaserBox234 {
	float: left;
	width: 234px!important;
	border-right: 1px solid #fff;
	background-image: url(../images/htg_box234_bottom.gif);
	}
	
.teaser70 .teaserBox234 .textBox {
	float: none;
	width: 224px!important;
	background-image: url(../images/htg_box234_top.gif);
	}


/*

FORUM

*/
.forumBox {
	margin-bottom: 4px;
	}

.forumBox h1 {
	background-color: #f68701;
	text-align: left;
	color: #fff;
	font-size: 12px;
	padding: 8px 5px;
	height: 14px;
	margin-bottom: 1px;
	background-image: url(../images/htg_forumHead_724x30.gif);
	}
	
.forumBox h1 a {
	color: #fff;
	}
	
.forumBox .forumBoxHeader
.forumBox .forumBoxItem {
	}
	
.forumBox .forumBoxHeader div,
.forumBox .forumBoxItem div {
	background-color: #eaead8;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 5px;
	height: 30px;
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	font-size: 11px;
	line-height: 14px;
	}
	
.forumBox .forumBoxHeader div {
	font-weight: bold;
	}
	
.forumBox .forumBoxItem h2 {
	font-size: 11px;
	line-height: 14px;
	}
	
.forumBox .forumBoxItem .forumBoxImage {
	padding: 0;
	width: 40px;
	height: 40px;
	background-image: url(../images/htg_forum_40x40.gif);
	}
	
.forumBox .forumBoxItem .forumBoxText {
	width: 360px;
	background-image: url(../images/htg_forum_370x40.gif);
	}
	
.forumBox .forumBoxHeader .forumBoxText {
	width: 401px;
	background-image: url(../images/htg_forum_411x40.gif);
	}

.forumBox .forumBoxItem .forumBoxTextA {
	width: 289px;
	background-image: url(../images/htg_forum_299x40.gif);
	}

.forumBox .forumBoxHeader .forumBoxTextA {
	width: 330px;
	background-image: url(../images/htg_forum_340x40.gif);
	}
	
	
.forumBox .forumBoxItem .forumBoxTextB {
	width: 298px;
	background-image: url(../images/htg_forum_308x40.gif);
	}
	
	
.forumBox .forumBoxNum {
	width: 60px;
	background-image: url(../images/htg_forum_70x40.gif);
	}

.forumBox .forumBoxLink {
	width: 110px;
	background-image: url(../images/htg_forum_120x40.gif);
	}
	
.forumBox .forumBoxLink a {
	background-image: url(../images/icon_link.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 1px 0 0 18px;
	margin: 0 0 0 -2px;
	font-weight: bold;
	line-height: 18px;
	}
	
.forumBox .forumBoxInfo {
	width: 160px;
	background-image: url(../images/htg_forum_170x40.gif);
	float: right!important;
	border-right: 0!important;
	}



.forumThread {
	overflow: hidden;
	}
	
.forumThreadAction {
	overflow: hidden;
	}
	
.forumThread .forumBoxLeft {
	float: left;
	width: 220px;
	overflow: hidden;
	}
	
.forumThread .forumBoxLeft .teaserBox {
	width: 220px;
	border-bottom: 1px solid #fff;
	margin: 0;
	background-image: url(../images/htg_box220_bottom.gif);
	}
	
.forumThread .forumBoxLeft .teaserBox .textBox {
	width: 210px;
	background-image: url(../images/htg_box220_top.gif);
	}
	
.forumThread .forumBoxLeft .teaserBox .imageBox {
	width: 220px;
	padding: 5px 0;
	background-image: url(../images/htg_box220_top.gif);
	}

.forumThread .forumBoxLeft .profileBox .textBox {
	float: right;
	width: 135px;
	padding-left: 0;
	}
	
.forumThread .forumBoxLeft .profileBox .imageBox {
	padding: 15px 10px;
	background-image: url(../images/htg_image40_2.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	}
	
.forumThread .forumBoxLeft .teaserBox .textBox h2 {
	font-size: 14px;
	line-height: 18px;
	}
	
.forumThread .forumBoxLeft .teaserBox .textBox h2 a {
	color: #F56E00;
	}
	
.forumThread .forumBoxLeft .messageBox {
	background-image: url(../images/htg_boxError220_bottom.gif);
	background-color: #F68701;
	}
	
.forumThread .forumBoxLeft .messageBox .textBox {
	font-weight: bold;
	color: #fff;
	padding: 5px;
	background-image: url(../images/htg_boxError220_top.gif);
	}
	
.forumThread .forumBoxLeft .actionBox { width: 120px; }
.forumThread .forumBoxLeft .actionBox .action { 
	padding-right: 1px;
	background-image: url(../images/htg_actionBox.gif);
	background-position: left top;
	background-repeat: repeat-x;
	/*width: 22px;*/
	height: 22px;
	float: left;
	}
	
.forumThread .forumBoxLeft .postActionBox { 
	float:right;
	width:69px;
	position:relative;
	}
.forumThread .forumBoxLeft .postActionBox .action { 
	padding-right: 0;
	margin: 0 0 0 1px!important;
	}
	
	
	
.forumThread .forumBoxRight {
	float: right;
	width: 504px;
	}
	
.forumThread .forumBoxRight .teaserBox {
	width: 503px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	margin: 0;
	background-image: url(../images/htg_box503_bottom.gif);
	/*min-height: 128px;*/
	min-height: 90px;
	}
	
.forumThread .forumBoxRight .teaserBox251 {
	min-height: 18px;
	}
	
.forumThread .forumBoxRight .teaserBox .textBox {
	width: 493px;
	background-image: url(../images/htg_box503_top.gif);
	}
	
.forumThread .forumBoxRight .linkBox .textBox {
	padding: 2px 5px!important;
	}
	
.forumThread .forumBoxMeta .textBox {
	font-weight: bold;
	padding-left: 226px;
	}
	
.forumThread .forumBoxMeta .textBox .postdate {
	float: left;
	width: 160px;
	line-height: 18px;
	}
	
.forumThread .forumBoxMeta .textBox .postoptions {
	float: right;
	text-align: right; 
	width: 174px; 
	/*margin-right: -10px;*/
	}
	
.forumThread .forumBoxMeta .textBox .postoptions a {
	margin:0 10px 0 0;
	}

	
.teaser100 .teaserBox220 {
	float: left;
	width: 220px;
	background-image: url(../images/htg_box220_bottom.gif);
	}
	
.teaser100 .teaserBox220 .textBox {
	width: 210px;
	background-image: url(../images/htg_box220_top.gif);
	}
	
.teaser100 .teaserBox251 {
	float: left;
	width: 251px!important;
	border-left: 1px solid #fff;
	background-image: url(../images/htg_box251_bottom.gif)!important;
	}
	
.teaser100 .teaserBox251 .textBox {
	width: 241px!important;
	background-image: url(../images/htg_box251_top.gif)!important;
	}
	
.teaser100 .teaserBox503 {
	float: left;
	width: 503px!important;
	border-left: 1px solid #fff;
	background-image: url(../images/htg_box503_bottom.gif);
	}
	
.teaser100 .teaserBox503 .textBox {
	width: 493px!important;
	background-image: url(../images/htg_box503_top.gif);
	}
	
.latestPost a {
	font-weight: normal!important;
	margin: 0!important;
	line-height: 14px!important;
	padding: 0!important;
	background: none!important;
	}
	
.favoritePost a,
.subscribePost a {
	font-weight: normal!important;
	padding: 0!important;
	background: none!important;
	}
	

.tx-mmforum-pi1-listtopic-pages,
.paginationInner {
	height: auto!important;
	border: 0!important;
	background: none!important;
	padding: 0!important;
	font-weight: normal!important;
	margin-left: 6px;
	color: #646450;
	}
	

.tx-mmforum-pi1-listtopic-pages a,
.paginationInner a {
	font-weight: bold;
	}
	
.forumBoxLeft .teaserBox151 {
	background-image: url(../images/htg_boxError151_bottom.gif);
	background-color: #F68701;
	background-repeat:no-repeat;
	background-position: bottom left;
	padding-bottom: 5px;
	float:left;
	width: 151px;
}
.forumBoxLeft .textBox151 {
	background-image: url(../images/htg_boxError151_top.gif);
	background-repeat:no-repeat;
	background-color: #F68701;
	font-weight: bold;
	color: #fff;
	font-size: 11px;
	padding: 5px 5px 0 5px;	
}


.imageBox a {
	cursor: pointer;
	}

.favoriteIcon { position:relative; top:2px; }

.listPostLinks a { background-position: left 2px!important; }

.floatLeftLink { float: left; }
.floatRightLink { float: right; }

#tx-intajaxloginbox-pi1 h2 { padding-top: 10px; }

span.ratingTip a:hover {
	cursor: help;
	text-decoration:none;
}
	







/*
* General Content Styles
*
*/
.textBox {
	font-size: 12px;
	line-height: 15px;
}

.textBox h1 {
	font-size: 14px;
	line-height: 14px;
}

.textBox h2, .textBox h3, .textBox h4, .textBox h5, .textBox h6 {
	font-size: 12px;
	line-height: 15px;
}

.formBox {
	font-size: 12px;
	line-height: 15px;
	}
	
.formBox h2 {
	font-size: 12px;
	line-height: 15px;
	}

.formLabel label {
	cursor: pointer;
	}
	
.formLabel label span,
.formItem span,
.formBox h2 span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 9px;
	color: #646450;
	}

.formBox input {
	font-size: 11px;
	}
	
.formBox input.submit {
	font-size: 12px;
	}
	
.formBox textarea {
	font-size: 11px;
	}

.formBox select {
	font-size: 11px;
	}

.paginationBox, .paginationBoxForum  {
	font-size: 11px;
	}
	
.paginationBox .page, .paginationBoxForum .page {
	font-size: 11px;
	}
	
.navigationABCalt .page {
	font-size:11px;
	}

.navigationPostBox li {
	font-size: 11px;
	}

.containerDetail .contentBox .imageBox {
	font-size: 12px;
	line-height: 15px;
	}

.containerList .contentBox .textBox ul li,	
.containerDetail .contentBox .textBox ul li {
	line-height: 15px;
	}

.containerFunctions .rateBox p {
	font-size: 11px;
	}

/* teaser40 Marginal-Spalte Links */
.teaser40 .headerBox h2 {
	font-size: 11px;
	}

.teaser40 .textBox {
	font-size: 11px;
	line-height: 14px;
	}
	
.teaser40 .formBox {
	font-size: 11px;
	line-height: 14px;
	}
	
.forumBox h1 {
	font-size: 12px;
	height: 14px;
	}
		
.forumBox .forumBoxHeader div,
.forumBox .forumBoxItem div {
	font-size: 12px;
	line-height: 15px;
	}
	
.forumBox .forumBoxItem h2 {
	font-size: 12px;
	line-height: 15px;
	}
	
.forumThread .forumBoxLeft .teaserBox .textBox h2 {
	font-size: 14px;
	line-height: 18px;
	}

.forumThread .forumBoxMeta .textBox .postdate {
	width: 180px;
	}
	
.forumBoxLeft .textBox151 {
	font-size: 12px;
	line-height: 12px;
	}
	
	
	
.myBeroobiToolTip {
	width: 240px;
	background-image: url(../images/htg_tooltip_myberoobis_top.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: -70px;
	margin-top: 24px;
	padding: 15px 0 25px 0 ;
	color: #fff;
	z-index: 1001;
	display: none;
	top:-125px;
	}
	
.myBeroobiToolTip .text {
	width: 210px;
	background-image: url(../images/htg_tooltip_myberoobis_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 15px 33px 15px;
	}

.myBeroobiToolTip .text h2 {
	padding: 0!important;
	}

.myBeroobiToolTip .text p {
	padding: 0!important;
	font-weight: normal;
	font-size:12px;
	}

.myBeroobiToolTip .text p a {
	background-image: url(../images/icon_link.png)!important;
	/*background-position: left top;
	background-repeat: no-repeat;*/
	padding: 2px 0 0 18px!important;
	margin: 0 0 0 -2px!important;
	font-weight: bold!important;
	text-decoration: none!important;
	color: #fff!important;
	line-height: 18px!important;
	background-repeat:no-repeat;
	}
	
.myBeroobiToolTip .text p a:hover {
	text-decoration: underline!important;
	}
.myBeroobiBox{
	margin:0 6px 0 0;
}	
.relative{
	position:relative;
}		



.digita p {
	padding: 10px 0;
	color: #323232;
	font-size:11px;
	line-height:14px;
	}
	
	
.teaserBoxTop5 { 
	background-color: #eaead8; 
	background-image: url(../images/htg_box25_top.gif)!important;
	background-position: left top; 
	background-repeat: no-repeat; 
	padding:0;
	margin-top: 1px;
	}
.teaser25 .teaserBoxTop5 {
	background-image: url(../images/htg_box25_top.gif)!important;
	}
.teaser30 .teaserBoxTop5 {
	background-image: url(../images/htg_box30_top.gif)!important;
	}
.teaser35 .teaserBoxTop5 {
	background-image: url(../images/htg_box35_top.gif)!important;
	}
	
.teaserBoxTop5headline {
	margin-top: 5px;
	margin-bottom: 5px;
	}
.teaserBoxTop5 .textBox { 
	background-image: url(../images/htg_box25_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 3px 5px;
	}
.teaser25 .teaserBoxTop5 .textBox { 
	background-image: url(../images/htg_box25_bottom.gif);
	}
.teaser30 .teaserBoxTop5 .textBox { 
	background-image: url(../images/htg_box30_bottom.gif);
	}
.teaser35 .teaserBoxTop5 .textBox { 
	background-image: url(../images/htg_box35_bottom.gif);
	}
	
.teaserBoxTop5 .textBox p a {
	line-height:15px;
	padding: 1px 0 0 19px;
	display:block;
	}
.teaserBoxTop5 .textBox p a.top-1 { background-image:url(../images/icon_top5_1.gif); }
.teaserBoxTop5 .textBox p a.top-2 { background-image:url(../images/icon_top5_2.gif); }
.teaserBoxTop5 .textBox p a.top-3 { background-image:url(../images/icon_top5_3.gif); }
.teaserBoxTop5 .textBox p a.top-4 { background-image:url(../images/icon_top5_4.gif); }
.teaserBoxTop5 .textBox p a.top-5 { background-image:url(../images/icon_top5_5.gif); }


.containerDetail .infoBoxB .textBox {
	padding-top: 10px;
	background-image:url(../images/htg_box460_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
	
/* Partner Template */
.teaser100 .partnerBox { 
	width: 724px; 
	background-image: url(../images/htg_box100_top.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-bottom: 5px;
	}
	
.teaser100 .partnerBox .imageBox { 
	width: 139px; 
	height: 96px; 
	float: left; 
	padding: 5px 0 0 5px;
	}
	
	
/* AwardBox und Social Bookmarks */	
.awardBox {
	padding-top: 10px;
	}
	
.socialBookmarks {
	padding-top: 10px;
	}
	
.socialBookmarks img {
	padding-right: 9px;
	float: left;
	}
	
	
/* 12.07.2010 Limeflavour - Holger M. Stangl */	
#partnerBox {
	left: 703px;
	top: 28px;
	}
	
#paedagogenBox {
	left: 812px;
	position: absolute;
	top: 28px;
	}

#paedagogenBox a {
	display: block;
	width: 113px;
	padding: 10px 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
	background-image: url(../images/htg_partnerBtn.png);
	background-position: left top;
	background-repeat: repeat-x;
	letter-spacing: 0.08em;
	}
	
#paedagogenBox a:hover {
	background-image: url(../images/htg_partnerBtn_hover.png);
	text-decoration: none;
	}
	

.teaser40white {
	width: 140px;
	margin-bottom: 1px;
	background-image: url(../images/htg_teaser40w_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #969682;
	padding-bottom: 5px;
	}

.teaser40white .headerBox {
	background-image: url(../images/htg_teaser40w_top.gif);
	min-height: 4px;
	background-color: white;
	padding: 8px 10px 8px;
	}
	
.teaser40white .headerBox h1 {
	font-size: 11px;
	padding: 0 0 2px;
	/*border-bottom: 1px solid grey;*/
	}
	
.teaser40white .contentBox {
	background-image: none;
	padding: 0;
	width: 140px;
	background-color: white;
	}
	
.teaser40white .awardBox {
	padding: 0 0 0 10px;
	}
	
.teaser40white .awardBox img {
	padding-right: 5px;
	padding-bottom: 5px;
	float: left;
	}
	
.teaser40white .socialBookmarks {
	padding: 0 0 0 10px;
	}
	
.teaser40white .socialBookmarks img {
	padding-right: 5px;
	padding-bottom: 5px;
	}