/*
* PracNet
* stylesheet.css
* 
* Author: Holger M. Stangl
* Company: Limeflavour | http://www.limeflavour.com
* Date: Oktober 2008
*/


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

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

img, fieldset { border: 0; }

a { color: #336081; 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;
	}

.error { color: red; }




/*
* STRUCTURE
*
*/
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 101%;
	color: #000;
	background-image: url(../images/htg_body.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #d9eaeb;
	text-align: center;
}

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


/*
* Structure Elements
*
*/
#container {
	width: 989px;
	/*background-image: url(../images/htg_container.gif);*/
	background-position: left top;
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align: left;
	}

#containerHeader {
	height: 280px;
	position: relative;
	background-image: url(../images/htg_header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	}

#containerMain {
	padding: 0 10px;
	text-align: left;
	}

#containerMarginalA {
	width: 229px;
	float: left;
	}
	
#containerCenter {
	width: 470px;
	float: left;
	min-height: 300px;
	padding: 0 20px;
	}
	
#containerMarginalB {
	width: 229px;
	float: right;
	}

#containerBottom {
	background-image: url(../images/htg_bottom.gif);
	background-position: right top;
	background-repeat: no-repeat;
	font-size: 11px;
	color: #75bbbe;
	padding: 14px 15px;
	}

#containerBottom a {
	margin-left: 20px;
	color: #75bbbe;
	}



/*
* Navigation Elements
*
*/
/* Navigation A */
.navigationA {
	padding: 6px 0 18px 12px;
	background-image: url(../images/htg_marginal_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

.navigationA li {
	padding: 6px 10px 7px 0;
	background-image: url(../images/htg_navThemes.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	}
		
.navigationA li a {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	display: block;
	background-image: url(../images/icon_navA.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	}
	
.navigationA li a.active {
	background-image: url(../images/icon_navA_hi.gif);
	color: #75bbbe;
	}

.navigationB {
	padding-top: 4px;
	}
	
.navigationB li {
	padding: 2px 0 2px 0;
	background-image: none;
	}
	
.navigationB li a {
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	display: block;
	background-image: none;
	padding: 0 0 0 20px;
	}
	
.navigationB li a.active {
	background-image: none;
	color: #75bbbe;
	}
	



.navigationThemes {
	padding: 5px 0 18px 20px;
	background-image: url(../images/htg_marginal_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

.navigationThemes li {
	padding: 7px 10px 8px 0;
	background-image: url(../images/htg_navThemes.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	}

.navigationThemes li a {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	display: block;
	background-image: url(../images/icon_navThemes.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
	}
	
	
	
.navigationMeta {
	position: absolute;
	right: 10px;
	top: 52px;
	}

.navigationMeta li {
	float: left;
	padding-left: 20px;
	}	

.navigationMeta li a {
	font-size: 11px;
	color: #fff;
	}

.navigationFunctional {
	margin-top: -1px;
	height: 54px;
	background-color: #fff;
	}

.navigationFunctional ul {
	padding: 30px 15px 10px 15px;
	float: right;
	}

.navigationFunctional li {
	float: left;
	padding-left: 20px;
	font-size: 11px;
	}

.navigationFunctional li a {
	color: #75bbbe;
	}

.navigationFunctional li a.recommand {
	background-image: url(../images/icon_recommand.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding: 0 0 0 16px;
	}
	
.navigationFunctional li a.bookmark {
	background-image: url(../images/icon_bookmark.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
	}
	
.navigationFunctional li a.print {
	background-image: url(../images/icon_print.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	padding: 0 0 0 16px;
	}
	
.navigationFunctional li a.top {
	background-image: url(../images/icon_top.gif);
	background-position: right 5px;
	background-repeat: no-repeat;
	padding: 0 9px 0 0;
	}



#containerBreadcrump li {
	float: left;
	padding: 0 0 10px 12px;
	}

#containerBreadcrump li a {
	font-size: 11px;
	color: #fff;
	display: block;
	background-image: url(../images/icon_breadcrump.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding: 0 0 0 6px;
	}

#containerBreadcrump li.home {
	padding: 0 0 10px 0;
	}

#containerBreadcrump li.home a {
	padding: 0;
	background: none;
	}


	

/*
* Other Elements
*
*/
/* Logo */
#logo {
	left: 40px;
	position: absolute;
	top: 52px;
	}



/*
* General Content Styles
*
*/
#containerCenter {
	margin-bottom: 14px;
	}
	
.containerDetail {
	background-color: #fff;
	background-image: url(../images/htg_center_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 4px;
	margin-bottom: 15px;
	}
	
.containerDetail h1 {
	background-color: #003862;
	background-image: url(../images/htg_center_head.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 2px 0 6px 15px;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	}

.containerDetail h1 a {
	color: #fff;
	}
	
.containerDetail h2 {
	background-color: #003862;
	background-image: url(../images/htg_center_head.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 2px 0 6px 15px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	}

.containerDetail h2 a {
	color: #fff;
	}
	
.containerDetail .containerText {
	background-image: url(../images/htg_center_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 3px;
	}
	
.containerDetail .textBox {
	font-size: 12px;
	line-height: 18px;
	color: #606060;
	padding: 15px;
	}

.containerDetail .textBox h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	line-height: 18px;
	color: #336081;
	padding-bottom: 5px;
	background: none;
	}
	
.containerDetail .textBox h2 a {
	color: #336081;
	}

.containerDetail .textBox h3 {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #75bbbe;
	}
	
.containerDetail .textBox h3 a {
	color: #75bbbe;
	}
	
.containerDetail .textBox p {
	padding-bottom: 15px;
	}
	
.containerDetail .textBox ul {
	padding-bottom: 15px;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
	}
	
.containerDetail .textBox ol {
	padding-bottom: 15px;
	list-style-type: decimal-leading-zero;
	list-style-position: outside;
	margin-left: 25px;
	}


.containerDetail .downloadBox {
	font-size: 12px;
	line-height: 18px;
	color: #606060;
	padding: 5px 15px 15px 15px;
	border-top: 1px solid #d9eaeb;
	}

.containerDetail .downloadBox h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	line-height: 18px;
	color: #336081;
	padding-bottom: 5px;
	background: none;
	}
	
.containerDetail .downloadBox p {
	padding-bottom: 5px;
	color: #808080;
	font-size: 11px;
	}

.pdf {
	background-image: url(../images/icon_download.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	}
	
.extLink {
	background-image: url(../images/icon_extern.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	}

.containerDetail .imageBox {
	background-color: #d9eaeb;
	margin-bottom: 10px;
	}
	
.floatLeft {
	float: left;
	margin-right: 15px;
	}
	
.floatRight {
	float: right;
	margin-left: 15px;
	}

.containerDetail .imageBox img {
	border: 1px solid #d9eaeb;
	}

.containerDetail .imageBox p {
	font-size: 11px;
	line-height: 18px;
	color: #606060;
	padding: 1px 7px;
	}



.containerTeaser {
	background-color: #fff;
	background-image: url(../images/htg_marginal_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 4px;
	margin-bottom: 15px;
	}
	
.containerTeaser h2 {
	background-color: #003862;
	background-image: url(../images/htg_marginal_head.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 2px 0 6px 12px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	}

.containerTeaser h2 a {
	color: #fff;
	}

.containerTeaser .containerText {
	background-image: url(../images/htg_marginal_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom:3px;
	}

.containerTeaser .textBox {
	padding: 12px 12px 0 12px;
	color: #808080;
	font-size: 11px;
	line-height: 18px;
	}
	
.containerTeaser .textBox p {
	padding-bottom: 12px;
	}
	
.linebottom {
	border-top: 1px solid #d9eaeb;
	}

.containerTeaser .textBox h3 {
	color: #336081;
	font-size: 11px;
	line-height: 18px;
	}
	
.containerTeaser .textBox .downloadBox {
	/*padding-top: 5px;*/
	margin-top:-7px;
	padding-bottom:12px;
	}
	
.containerTeaser .imageBox {
	position: relative;
	margin-top: -12px;
	left: -12px;
	margin-bottom: 12px;
	height: 68px;
	}

.containerTeaser .imageBox .bgImage {
	bottom: 1px;
	left: 0;
	position: absolute;
	}
	
.containerTeaser .floatLeft {
	margin: -12px 0 0 0;
	height: auto;
	}

.containerTeaser .floatRight {
	margin: -12px 0 0 0;
	right: -12px;
	left: auto;
	height: auto;
	}
	
.containerTeaser .imageFirst {
	margin-top: -14px;
	}
	
	
	
	
#containerCenter .containerTeaser {
	background-color: #fff;
	background-image: url(../images/htg_center_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 4px;
	margin-bottom: 15px;
	}
	
#containerCenter .containerTeaser h1 {
	background-color: #003862;
	background-image: url(../images/htg_center_head.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 2px 0 6px 15px;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	}

#containerCenter .containerTeaser h1 a {
	color: #fff;
	}
	
#containerCenter .containerTeaser h2 {
	background-color: #003862;
	background-image: url(../images/htg_center_head.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 2px 0 6px 15px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	}

#containerCenter .containerTeaser h2 a {
	color: #fff;
	}
	
#containerCenter .containerTeaser .containerText {
	background-image: url(../images/htg_center_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 3px;
	}
	
#containerCenter .containerTeaser .textBox {
	font-size: 12px;
	line-height: 18px;
	color: #606060;
	padding: 15px 15px 0 15px;
	}
	

	
#containerCenter .containerTeaser .textBox p {
	/*padding: 0;*/
	}

#containerCenter .containerTeaser .textBox h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	line-height: 18px;
	color: #336081;
	padding-bottom: 5px;
	background: none;
	}
	
#containerCenter .containerTeaser .textBox h2 a {
	color: #336081;
	}

#containerCenter .containerTeaser .textBox h3 {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #75bbbe;
	}
	
#containerCenter .containerTeaser .textBox h3 a {
	color: #75bbbe;
	}

#containerCenter .containerTeaser .downloadBox {
	
	}
	
#containerCenter .containerTeaser .floatLeft {
	margin-top: -15px;
	left: -15px;
	margin-right: 0;
	}

#containerCenter .containerTeaser .floatRight {
	margin-top: -15px;
	right: -15px;
	margin-left: 0;
	}

.tx-powermail-pi1 form {
	padding: 15px 15px 0 15px;
	}
	
.tx-powermail-pi1 fieldset {
	padding: 0 0 14px 0;
	}
	
.tx-powermail-pi1 legend {
	display: none;
	}
	

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_text {
	padding: 0 0 1px 0;
	/*height:22px;*/
	min-height: 22px;
	}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_textarea {
	padding: 0 0 1px 0;
	height:82px;
	}
	
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html label {
	float: left;
	width: 95px;
	border-bottom:1px solid #D9EAEB;
	padding: 4px 0 3px 0;
	font-size: 12px;
	color: #606060;
	}
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html input {
	float: right;
	width: 335px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #d9eaeb;
	background-color: #d9eaeb;
	color: #606060;
	padding: 3px 4px;
	}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html textarea {
	float: right;
	width: 335px;
	height: 80px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #d9eaeb;
	background-color: #d9eaeb;
	padding: 3px 4px;
	overflow: auto;
	}
	
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html input.powermail_submit {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #003862;
	color: #fff;
	padding: 2px 18px;
	float: left;
	margin-left: 95px;
	width: auto;
	}

.powermail_mandatory_js {
	font-size: 11px;
	color: red;
	padding: 4px 0 4px 96px;
	}
	
.tx-powermail-pi1_thx {
	font-size: 12px;
	line-height: 18px;
	color: #606060;
	padding: 15px;
	}


.formBox form {
	padding: 15px 15px 0 15px;
	}

.formBox fieldset {
	padding: 0 0 14px 0;
	}

.formBox .formItem {
	padding: 0 0 1px 0;
	}

.formBox .formLabel {
	float: left;
	width: 95px;
	border-bottom:1px solid #D9EAEB;
	padding: 4px 0 3px 0;
	}

.formBox .formLabel label {
	font-size: 12px;
	/*font-weight: bold;*/
	color: #606060;
	}

.formBox .formField {
	float: right;
	width: 345px;
	}

.formBox input.input {
	width: 335px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #d9eaeb;
	background-color: #d9eaeb;
	color: #606060;
	padding: 3px 4px;
	}

.formBox textarea.input {
	width: 335px;
	height: 80px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #d9eaeb;
	background-color: #d9eaeb;
	padding: 3px 4px;
	margin-right: 10px;
	overflow: auto;
	}
	
.formBox input.submit {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/*border: 1px solid #fff;*/
	background-color: #003862;
	color: #fff;
	padding: 2px 18px;
	/*float: right;
	margin-right: 8px;*/
	}