/*
* Julia Heymann 
* stylesheet.css
* 
* Author: Holger M. Stangl
* Company: Limeflavour | http://www.limeflavour.com
* Date: Februar 2010
*/





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

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

img, fieldset { border: 0; }

a { color: #cc0000; text-decoration: none; }
a:hover { color: #cc0000; text-decoration: underline; }
a:focus, a:active { outline: none; }





/*
* 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
*
*/
html {
	height: 101%;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 101%;
	color: #000;
	background-color: #fff;
	background-image: url(../images/htg_body.gif);
	background-position: left top;
	background-repeat: repeat-x;
	}

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





/*
* Structure Elements
*
*/
.container {
	width: 970px;
	text-align: left;
	}
	
.containerMain {
	min-height: 400px;
	width: 960px;
	}
	
.containerCenter {
	width: 640px;
	float: right;
	}
	
.containerMarginal {
	width: 320px;
	float: left;
	}
	
.containerFooter {
	background-image: url(../images/htg_footer.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #fff;
	height: 20px;
	font-size: 11px;
	}




/*
* Navigation Elements
*
*/
/* Navigation A */	


.navigationA {
	padding-top: 6px;
	width: 320px;
	}
		
.navigationA li a {
	color: #a2b500;
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 1px;
	padding: 0 0 2px 40px;
	display: block;	
	}

.navigationA li a:hover,
.navigationA li.hover a,
.navigationA li.active a {
	text-decoration: none;
	background-image: url(../images/htg_navA_act.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
	}
	
	
/* Navigation Meta */	
.navigationMeta {
	padding-top: 50px;
	width: 320px;
	}
		
.navigationMeta li a {
	color: #666;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 1px;
	padding: 0 0 0 40px;
	display: block;
	}

.navigationMeta li a:hover,
.navigationMeta li.hover a,
.navigationMeta li.active a {
	text-decoration: none;
	background-image: url(../images/htg_navMeta_act.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
	}
	
	
/* Navigation Service */	
.navigationService {
	text-align: right;
	width: 960px;
	padding-bottom: 30px;
	}
		
.navigationService li {
	padding: 0 0 0 5px;
	display: inline-block;
	}

.navigationService li a {
	color: #000;
	font-size: 11px;
	line-height: 14px;
	padding: 0 2px;
	}

.navigationService li a:hover,
.navigationService li.hover a,
.navigationService li.active a {
	text-decoration: none;
	color: #fff;
	background-color: #000;
	}

	/* Logo Zusatz */	
.zusatzMeta {
	padding-top: 150px;
	width: 320px;
	}
		
.zusatzMeta li a {
	color: #666;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 1px;
	padding: 0 0 0 40px;
	display: block;
	}





/*
* Other Elements
*
*/
/* Logo */
.logoBox {
	position: absolute;
	left: 39px;
	top: 45px;
	}
	
	
	
.textBox {
	font-size: 11px;
	line-height: 18px;
	}
	
.textBox h2 {
	font-size: 11px;
	line-height: 18px;
	padding-bottom: 15px;
	}
	
.textBox h3 {
	font-size: 11px;
	line-height: 18px;
	}
	
.textBox p {
	padding-bottom: 15px;
	}
.textBox p.meta {
	padding-bottom: 0;
	color: #666;
	}

.textBox ul {
	padding-bottom: 15px;
	list-style-type: square;
	margin-left: 14px;
	}

.textBox ul li {
	font-size: 11px;
	line-height: 18px;
	color: #000;
	}

.textZusatz p {
	color: #666;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 1px;
	padding: 0 0 0 40px;
	display: block;
	padding-top: 150px;
	width: 320px;
	}




.containerCenter {
	background-image: url(../images/htg_lines.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 30px;
	margin-bottom: 10px;
	}
	
	
	
	
	
.containerSlideshow {
	height: 350px;
	overflow: hidden;
	}
	
	
.containerSlideshow img {
	position: absolute;
	}



.containerHeadline {
	padding: 0 0 25px 20px;
	background-image: url(../images/htg_points.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	}
	
.containerHeadline h1 {
	font-size: 32px;
	line-height: 40px;
	padding-bottom: 5px;
	font-weight: normal;
	letter-spacing: 2px;
	}
	
.containerHeadline h2 {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	}



.containerImages {
	padding: 10px 0 11px 150px;
	background-image: url(../images/htg_points.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	height: 56px;
	}
	
.containerImages .image {
	float: left;
	width: 50px;
	padding-left: 10px;
	height: 56px;
	}
	

.containerImages .image a {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-bottom: 6px solid #fff;
	}
	
.containerImages .image a:hover,
.containerImages .image a.hover,
.containerImages .image a.active {
	border-bottom: 6px solid #c4db03;
	}
	
	
	

.containerDetail {
	padding: 15px 0 0 20px;
	}
	
.containerDetail h3 {
	float: left;
	width: 140px;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	letter-spacing: 3px;
	}

.containerDetail .textBox {
	float: right;
	width: 460px;
	padding: 0 20px 0 0;
	}	

	
.containerFond {
	padding: 20px 0 5px 20px;
	background-color: #f6f6f6;
	}
	
.containerFond .textBox p .hide {
	display: none;
	}

.containerDetail .textBox p a {
	white-space: nowrap;
	display: inline;
	color: #cc0000;
	padding: 0 2px;
	}

.containerDetail .textBox p a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #cc0000;
	}