/*
		hqm css, Version 1.37
		by pixelpoems
*/


/*_______________________________________________________________________________*/
/* 1. BASICS  */
/*-------------------------------------------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: small;
    background-color: #556152;
}

ol, ul {
	list-style: none;
}

#fancybox-title {
	font-size: 130%;
	line-height: 130%;
	color: #DC2E5E;
	/*background: #556152;*/
	background: #ededed;
	border-top: 1px solid #556152;
}



table.disg-table {
	margin: 0 0 12px 0;
}

table.disg-table td {
	padding: 0 0 10px 0;
}


/* 1.1 LAYOUT  */
/*-------------------------------------------------------------------------------*/

#seite {
	width: 940px;
	color: #556152;
	border-left: 6px solid #3B4439;
	border-right: 6px solid #3B4439;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}

#header {
	height: 180px;	
	background: #fff url(img/bg_header.gif) repeat-x top left;
	padding: 0 0 5em 0;
}

.homepage #header {
	background: #fff url(img/bg_header_home.gif) repeat-x top left;
	height: auto !important;
	padding: 0;
	margin: 0 0 2.5em 0;
}

#navigation {
	margin: 0;
	background: #fff url(img/bg_navileiste_gruen.gif) repeat-x top left;
}

#logo {
	height: 110px;
}

.homepage #logo {
	height: 148px;
}

#topnavi{
	height: 24px;
	padding: 6px 24px 0px 0px;
	color: #000;
	text-align: right;

}

.homepage #topnavi{
	height: 18px;
	padding: 12px 24px 0px 0px;
}

#bereichsbild {
	margin-top: -110px;
	width: 240px;
	padding: 0 25px 0 0;	
	float: right;
	z-index: 1;
}

.homepage #bereichsbild {
	margin-top: -156px;
	padding:0 60px 0 0;
	width: 260px;
	float: right;
}
/* IE 6 Hack */
* html .homepage #bereichsbild {
	margin-top: -216px;
	position: relative;
	top: 56px;
	right: 47px;
	width: 260px;
	padding: 0;	
	float: right;
	z-index: 1;
}


#haupt-spalte {
	clear: left;
	float: left;
	clear: both;
	width: 660px;
	margin: 0 0 3em 0;
}
.homepage #haupt-spalte {
	width: 620px;
	padding: 0 0 0 0;
}
* html .homepage #haupt-spalte {
	padding-top: 2em;
}

#zusatz-spalte {
	float: left;
	width: 204px;
	padding: 12px;
	margin:  0 0 0 21px;
	background-color: #F6F6DA;
}



#inhalt {
	float: right;
	width: 390px; 
	/*width: 420px;*/
	padding: 0 40px 0 0;
}


.homepage #inhalt {
	float: left;
	width: 586px;
	margin: 0 20px;
	padding: 0;
}

#navi-spalte {
	float: left;
	width: 195px;
	padding: 0 0 0 0;
}

#footer {
	clear: both;
	background: transparent url(img/bg_footer.gif) repeat-x top left;
	border-bottom: 6px #dc2e5e solid;
}

.clearer {
	clear: both;
}

/* Homepage Teaser Boxen */



#prewords { background: #e6e6e6; margin-top: 3px; } 
#prewords p.intro { 
	font-size: 15px; 
	color: black; 
	padding: 30px 0px 30px 25px; 
	line-height: 1.4;
	width: 500px;
	float: left;
} 
p.zitat {
	font-size: 120%; 
/*	font-family: Georgia, Times;*/
	font-style:italic !important;
	color: #666;
	float: right;
	line-height: 1.5;	
}
#zusatz-spalte p.zitat {
	line-height: 1.2;
}
#prewords p.zitat { 
	font-size: 18px; 
/*	font-family: Georgia, Times;*/
	font-style:italic !important;
	width: 275px;
	padding: 30px 47px 15px 0px; 
	color: #666;
	float: right;
	line-height: 1.5;	
} 
* html #prewords p.intro,
* html #prewords p.zitat{ 
	padding-bottom: 0px;
}

.zitat-autor{
	font-style:normal !important;
	font-size: 12px;
	display: block;
	padding: 10px 0 0 0;
} 
#zusatz-spalte  .zitat-autor {
	padding-top: 2px;
	text-align: right;
}
#teaser-boxen{
	float: left;
	width: 600px;
}
* html #teaser-boxen{
	float: left;
}


/* NEU */
#news-spalte{
	float: left;
	width: 240px;
	margin: 0 0 0 14px;
}

.homepage #news-spalte{
	float: left;
	width: 270px;
	margin: 0;
}


/* NEU/Adaptiert */

#news-box{
	background-color: #F6F6DA;
	padding: 12px;
	margin: 0 0 1em 0;
}


.homepage #news-box{
	background-color: #F6F6DA;
	padding: 12px;
	margin: 0 0 1em 0;
}

.button {
	margin: 0 0 1em 0;
}	

.button img {
	width: 240px;
	height: 100px;
}

.homepage .button img {
	width: 270px;
	height: 112px;
}

.box {
	width: 169px;
	padding: 0 29px 0 0;
	float: left;
	display: block;
}
.box p {
	line-height: 140% !important;
}

.box img {
	margin: 0 0 1em 0;
}

a.weiter,
.box a.weiter {
	display: block;
	margin: 0.8em 0 0 0;
	background: transparent url(img/mehr_pfeil.gif) no-repeat left 2px;
	padding: 0 0 0 18px;
	line-height: 100%;
}


/*_______________________________________________________________________________*/
/* 2. STYLES */
/*-------------------------------------------------------------------------------*/

h1, h2, h3, h4 {
	color: #000;
	font-weight: normal;
}

h1 {
	font-size: 180%;
	padding: 0 0 0.6em 0;
}

h1.cart {
	border-bottom: 1px solid #C5C5C5;

	margin: 0 0 1em 0;
}

h1.cart img {
	float: right;
}

h2 {
	font-size: 115%;
	padding: 0 0 0.4em 0;	
}


.box h2 {
	font-size: 119%;
	padding: 0 0 0.4em 0;	
}


h3 {
	font-size: 110%;
	padding: 0 0 0.1em 0;	
}

p, ul, ol {	padding: 0 0 1em 0;	}


#inhalt ul,
#zusatz-spalte ul {
	list-style: square;
	padding: 0 0 1em 1.6em;
}

#inhalt ol {
	padding: 0 0 1em 1.6em;
}

#inhalt li, #inhalt ol {
	padding-bottom: 0.8em;

}

#inhalt ol {
	list-style-type: decimal;
}



#inhalt .teaser.small li {
	list-style: outside;
	padding-top: 15px;
}
#inhalt strong {
	font-weight: bold;
}

#inhalt p, #inhalt ul, #inhalt ol, #inhalt td{
	line-height: 120%;
}


#footer p {
	padding: 10px 10px 10px 25px;
	color: #000;
}

.left {
	float: left;
}

.right {
	float: right;
}

img.img-right {
	float: right;
	margin: 0 0 12px 12px;
}

img.img-left {
	float: left;
	margin: 0 12px 12px 0px;
}


.homepage .left {
	width: 410px;
	padding: 0 65px 0 0;
	float: left;
}

.homepage .right {
	width: 380px;
	float: left;
}
a {color: #dc2e5e; text-decoration: none;}
a:visited {color:#dc2e5e;}
a:hover {color: #dc2e5e;}
a:active { color:#dc2e5e;}

.homepage #header #prewords a { text-decoration: underline;}

a.skip { position: absolute; left: -1000em;}


.datum {
	font-size: 70%;
	color: #666;
	font-weight: normal;
	margin: 2px 0 0 0;
}

.article .datum {
	display:block;
}

#news .article {
	margin: 0 0 10px 0;
	clear: both;
	
}


#news img {
	margin: 0px 0 20px 0;
	float: left;
}

#news h2, #news p {
	float: right;
	width: 270px;
}

#news p {
	margin: 0 0 20px 0;
}



p.caption-small {
	font-size: 80%;
	line-height: 90%;
	text-align: center;
	padding: 10px 0 20px 0;
}

				
				.teaser {
					width: 180px;
					height: 85px;
					float: left;
					margin: 0em 0.7em 3em 0em;
					
				}
				.teaser.small {
					width: 120px;
					height: auto;
					overflow: visible;
					margin-bottom: 2em;
					/* background-color: #fafafa; */
				}
				.teaser h3 { 
					font-size: 14px;
					font-weight: bold;
					margin-bottom: 0.3em;
				}
				.teaser p {
					font-size: 12px;
					line-height: 150%;
				}
				.teaser a.weiter {
					margin: 0;
					line-height: 1.1;
				}

blockquote {
	font-size: 16px; 
	font-family: Georgia, Times;
	font-style:italic !important;
	padding: 5px 0px 5px 0px; 
	color: #666;
	line-height: 1.2;		
}

cite {
	font-size: 11px; 
	font-family: "Trebuchet MS";
	padding: 0px 0px 30px 0px; 
	color: #333;
	line-height: 1.2;
	display:block;
}
hr {
	background-color: #556152; /* Farbe für Opera und Firefox */
	color: #556152; /* Farbe für Internet Explorer (IE) */
	border: 0;
	height: 1px; 
	margin: 2em 0 1em 0;
}


p.bildunterschrift {
	font-size: 11px; 
	margin: 10px 0 0 0 ;
}


#kunden-logos{
	background: #e2e2e2;
	padding: 0 0 4px 0;
	margin: 8px 0;
}

#kunden-logos img {
	margin: 8px 8px 4px 12px;
}

img.partner-logo{
	margin: 8px 0px;
}

/* 2.1 HEADER & FOOTER SACHEN
/*-------------------------------------------------------------------------------*/

#bereichsbild img{
	border: 6px solid #fff;
}

#logo img{
	/* margin: 17px 0 0 18px; */
	margin: 17px 0 0 22px;
	z-index: 0;
}

.homepage #logo img{
	/* margin: 55px 0 0 18px; */
	margin: 55px 0 0 23px;
}


#footer a {color: #000;}

/* 2.2 SPALTEN SACHEN
/*-------------------------------------------------------------------------------*/

#zusatz-spalte h2, #news-box h2{
	font-size: 100%;
 	font-weight: bold;
	color: #000;
	padding: 0 0 0.4em 0;
	margin: 0 0 0.4em 0;
	text-transform: uppercase;
}

#news-box h2{
	border-bottom: none;
}

#news-box h3{
	font-size: 100%;
}


#zusatz-spalte h3 {
	font-size: 100%;
 	font-weight: bold;
	padding: 0 0 0.4em 0;	
}

#zusatz-spalte li {
	line-height: 110%;
	padding: 0 0 0.8em 0;
}

#zusatz-spalte a {color: #dc2e5e;}
#zusatz-spalte a:visited {color:#dc2e5e;}
#zusatz-spalte a:hover {color: #dc2e5e;}
#zusatz-spalte a:active { color:#dc2e5e;}

/* 3 NAVIGATION */
/*-------------------------------------------------------------------------------*/

#navi-umbrecher {width: 680px;}
.homepage #navi-umbrecher {width: 600px;}
* html .homepage #navi-umbrecher{
	overflow: hidden;
}
* + html.homepage #navi-umbrecher {
	overflow: hidden;
}

#navigation ul {
	margin: 0 0 0 12px;
}

#navigation ul li {
	float:left;
	/* margin: 0 -2px 0 0; */
	border-right: 1px solid #D3C21E;
	width: 143px; height: 45px;
	text-align: center;
	overflow: hidden;
}

#navigation ul li a {
	color: #000;
	/* padding: 0.8em 0.8em 0.6em 0.8em; */
	display: table-cell; 
	vertical-align: middle;
	text-transform: none;
	font-size: 100%;
	text-decoration: none;
	width: 143px;
	height: 46px;
}

#navigation ul li a:hover {
	color: #000;
 	text-decoration: none;
 	background: #ECEC66;
	height: 46px;
}
#navigation li.aktiv {
 	margin: -0.5em 0px 0 0;
	z-index: 100;
	height: 51px;
	overflow: hidden;
}
#navigation li.aktiv a {
	background: transparent url(img/bg_navi_aktiv.gif) repeat-x top left;
 	/* padding: 1.3em 0.9em 0.6em 0.9em; */
	position: relative; 
	height: 58px;
}
#navigation ul li.aktiv a:hover {
	height: 58px;
}
#navigation ul li a.zweizeilig {
	padding-left: 1em;
	padding-right: 1em;
}
/** IE HACK **/
* html #navigation ul li,
* html #navigation ul li a,
* html #navigation ul li a:hover{
	width: 143px; height: 47px;
	line-height: 45px;
	overflow: hidden;
	display: block;
}
* html #navigation ul li.aktiv a:hover,
* html #navigation ul li.aktiv a{
	height: 54px;
}
* html .hauptseite  #navigation ul li,
* html .hauptseite  #navigation ul li a,
* html .hauptseite  #navigation ul li.aktiv a:hover,
* html .hauptseite  #navigation ul li a:hover{
	width: 143px; height: 47px;
	line-height: 45px;
	overflow: hidden;
	display: block;
}
* html #navigation ul li a.zweizeilig,
* html #navigation ul li a.zweizeilig:hover,
* html #navigation ul li.aktiv a.zweizeilig,
* html #navigation ul li.aktiv a.zweizeilig:hover {
	display: block;
	padding-top: 0.45em;
	line-height: 120%;
	width: 117px;
	height: 48px;
}

/**  -----  **/

#navigation p {
	color: #000;
	padding: 0.8em 1.2em 0.6em 2em;
	display: block;
	text-transform: uppercase;
	font-size: 95%;
	text-decoration: none;
}


/* 3.1 SUBNAVIGATION */
/*-------------------------------------------------------------------------------*/


#subnavigation {
	margin: 0 0 0 24px;
}



#subnavigation ul li a {
	color: #000000;
	padding: 0 0 0 16px;
	margin: 0 0 0.7em 0;
	display: block;
	background: transparent url(img/subnavi_off.gif) no-repeat top left;
	font-size: 95%;
	text-decoration: none;
	line-height: 110%;	
}

#subnavigation ul li a:hover {
	background: transparent url(img/subnavi_on.gif) no-repeat top left;
	text-decoration: underline;	
}

#subnavigation .aktiv {
 	font-weight: bold;
 	background: transparent url(img/subnavi_on.gif) no-repeat top left;
}

#subnavigation li {
	border: 1px solid #fff;
}

/* 3.2 TOPNAVIGATION */
/*-------------------------------------------------------------------------------*/


#topnavi a {
	color: #000000;
	padding: 0 0.6em;
	margin: 0 0 0.7em 0;
	text-decoration: none;
}


#topnavi ul {
	margin: 0;
	padding:0;
}


#topnavi li {
	display:inline; 
	position:relative;
}

#topnavi li span { position:relative; z-index:10; padding:4px 4px 4px 6px;  border-bottom:none; }	

#topnavi img.arrow { /*margin-left:4px;*/ cursor:pointer; }

#topnavi div.sub_menu { 
	display:none; 
	position:absolute; 
	left:10px; 
	top:0px; 
	margin-top:18px;
	border-top:solid 1px #E5E5E5; 
	border-left:solid 1px #E5E5E5; 
	border-right:solid 1px #999999; 
	border-bottom:solid 1px #999999; 
	padding:4px; 
	top:2px; 
	width:110px; 
	background:#FFFFFF;
	z-index:10;	
	text-align: left;
	
}
* html #topnavi div.sub_menu { margin-top:23px; } /* IE6 */


#topnavi div.sub_menu a:link, #topnavi div.sub_menu a:visited, #topnavi div.sub_menu a:hover{ 
	display:block; 
	padding:2px;
	text-decoration: underline;	
	margin: 0 0 0.3em 0;
	font-size: 90%;
}	




/* 4 FORMULARE */
/*-------------------------------------------------------------------------------*/



legend {

	font-weight: bold;
	font-size: 120%;
	padding: 0 0 12px 0;
}

label {
	display: block;
	margin: 0 0 0.1em 0;
}

form h3 {
	font-size: 110%;
	color: #000;
	padding: 0 0 0.4em 0;
	margin: 0.4em 0;
	border-bottom: 2px #F1F1F1 solid;
	text-transform: uppercase;
	font-weight: bold;	
}






input, textarea {
	width: 200px;
	background:#fff;
	border: 1px solid #C6C9C8;
	padding: 4px;
	margin: 3px 0;
}

.radio {
	width: auto;
	border: none;
	padding: 0;
	margin: 0 0 0 0.6em;
}

#suchform {
	display: inline;
	padding: 0;	

	border-bottom: #D3D200 solid 2px;
}




input:focus, textarea:focus {
	border: 1px solid #333;
}

input.absenden {
	border: 0px #BCBB00;
	width: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
select {
	margin: 2px 0;
}

input.blind{
	display: none !important;
}




/* NEU */

/* 5 BANNER */
/*-------------------------------------------------------------------------------*/




.banner-button{
	clear: both;
	background: #e2e2e2;
	width: 180px;
	height: 150px;
	
}

.banner-quer{
	clear: both;
	background: #e2e2e2;
	width: 468px;
	height: 60px;
	margin: 1em 0 0 0;
	
}