/* generell */
html, body {
	font-family:	Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:		12px;
	color:			#4e5c6e;
	line-height: 	20px;
	text-align:		center;
	margin:			0px;
	padding:			0px;
	/*height: 			100%;*/
	background:		url(gfx/backgrounds/body-bg.jpg) top left repeat-x #fff;
	}
	

/* Container Styles */
#container {
	width:			930px !important;
	width /**/:		930px;
	height: 			auto !important;
	min-height: 	100%;  /*Mindesthöhe in FF, Opera, ab IE7 */
	height: 			100%;  /*Extrawurst Mindesthöhe bis IE7 */
	margin:			0 auto;
	/*margin-bottom: 100px;
	padding: 		145px 108px 55px 108px;*/
	text-align:		left;
	}
	
	#printcontainer {
	width:			930px !important;
	width /**/:		930px;
	height: 			auto !important;
	min-height: 	100%;  /*Mindesthöhe in FF, Opera, ab IE7 */
	height: 			100%;  /*Extrawurst Mindesthöhe bis IE7 */
	margin:			0 auto;
	/*margin-bottom: 100px;
	padding: 		145px 108px 55px 108px;*/
	text-align:		left;
	boder: 2px solid red;
	}
	


/* allgemeine Styles */

a{
	color:			#1f9f4f;
	text-decoration: none;
}

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

a.pfeil{
	color:			#012546;
	font-weight:	bold;
	text-decoration: none;
	background: url(gfx/grafiken/pfeil.gif) left no-repeat;
	padding-left: 13px;
}

a:hover{
	text-decoration: underline;
}


h1{
	font-size:		16px;
	padding:			0px;
	margin:			20px 0 15px 0;
	clear:			both;
	color:			#012546;
}

h2{
	font-size:		12px;
	padding:			0px;
	margin:			20px 0 10px 0;
	clear:			both;
	color:			#012546;
}

h3, h4, h5, h6{
	font-size:		12px;
	padding:			0px;
	margin:			20px 0 10px 0;
	clear:			both;
	color:			#1f9f4f;
}


p{
	padding:			0px;
	margin:			0 0 10px 0;
	/*clear:			both;*/
}

hr{
	border: none;
	background: url(gfx/backgrounds/hr-bg.gif) repeat-x;
	height: 1px;
	margin: 10px 0 10px 0;
	float: none;
	clear: both;
	}
	
.csc-frame-rulerAfter{
	background: url(gfx/backgrounds/hr-bg.gif) bottom repeat-x;
	padding-bottom: 10px;
	margin-bottom: 10px;
}	
span.eleven{
	font-size:  11px;
}

/* DIVs und Anordnung */

div.global{
	position: 		absolute;
	margin: 			2px 0 0 35px;
	width:			250px;
	font-size: 		11px;
}

div.global a{
	color: 			#4e5c6e;
}

div.global img{
	border: none;
	margin: 0 2px -4px 2px;
}


form.suche{
	position: 		absolute;
	margin: 			0 0 0 340px;
	padding: 0px;
	background: url(gfx/backgrounds/suche-bg.gif) center no-repeat;
	width: 187px;
	height: 24px;
}

form.suche input.suchfeld{
	height:			16px;
	width:			115px;
	border:			none;
	color: 			#4e5c6e;
	font-size: 		10px;
	padding:			2px 5px 0 5px;
	margin:			2px 15px 0 15px;
	background: none;
}

a.logo{
	position: 		absolute;
	margin: 			25px 0 0 635px;
	display: 		block;
	height:			80px;
	width:			257px;
	background: url(gfx/quattro-research-logo.png);
}

a.logo:hover{
	margin: 			24px 0 0 634px;
	background: url(gfx/quattro-research-logo-hover.png);
}



#navigation{
	position: 		absolute;
	margin: 			70px 0 0 0px;
	height:			27px;
	background: 	url(gfx/backgrounds/navigation-bg.png);
}

#navigation .firstnav{
	width:			10px;
	height:			27px;
	margin-left: 	-2px;  /*ermöglicht Runde Ecken mit Transparenz!*/
	background: 	url(gfx/backgrounds/first-nav.png);
	float: left;
}

#navigation .lastnav{
	width:			10px;
	height:			27px;
	margin-right: 	-2px;  /* ermöglicht Runde Ecken mit Transparenz! */
	margin-left:   -2px;		/* Wichtig!! Überlappt Strich im letzten Navigationspunkt! */
	background: 	url(gfx/backgrounds/last-nav.png);
	float: left;
}

#navigation a{
	display: 		block;
	height:			25px;
	color: 			#fff;
	font-weight:	bold;
	padding:			2px 10px 0 10px;
	background: 	url(gfx/backgrounds/nav-border.png) right no-repeat;
	float: left;
}

#navigation a:hover{
	color:			#012042;
	text-decoration: none;
	background: 	url(gfx/backgrounds/nav-border-hover.png) right no-repeat;
}

#navigation a.aktiv{
	display: 		block;
	height:			25px;
	font-weight:	bold;
	padding:			2px 10px 0 10px;
	color:			#012042;
	text-decoration: none;
	background: 	url(gfx/backgrounds/nav-border-hover.png) right no-repeat;
	float: left;
}


/*
#navigation a.firstnav{
	display: 		block;
	height:			25px;
	color: 			#fff;
	font-weight:	bold;
	padding:			2px 10px 0 10px;
	margin-left: 	-2px;  ermöglicht Runde Ecken mit Transparenz!
	background: 	url(gfx/grafiken/first-nav.png) left no-repeat;
	float: left;
}*/


div.wrapper{
	position: 		absolute;
	margin: 			135px 0 0 0px;
	width:			930px;
}

div.sidebar{
	width:			227px;
	float: 			left;
	margin-right: 	17px;
}

div.box{
	width:			227px;
	margin-bottom: 25px;
}

div.box .top{
	width:			227px;
	height:			29px;
	background:		url(gfx/backgrounds/box-top.png);
}

div.box .top img{
	margin: 11px 0 0 23px;
}

div.box .middle{
	width:			181px;
	padding:			25px 23px 25px 23px;
	background:		url(gfx/backgrounds/box-middle.png);
}

div.box .bottom{
	width:			227px;
	height:			4px;
	background:		url(gfx/backgrounds/box-bottom.png);
}

div.indexwrapper{
	width:			686px;
	float: left;
}

div.indexwrapper div.box{
	float: right;
	margin-top: 20px;
}

div.contentwrapper{
	width:			685px;
	min-height:			420px;
	float: right;
	background: url(gfx/backgrounds/contentwrapper-bg.png) top no-repeat;
}

div.flash{
	height:			320px;
	width:			686px;
	background: 	url(gfx/backgrounds/flash.png);
	margin-bottom: 10px;
}

div.kruemel{
	width:			500px;
	margin:			5px 0 0 30px;
	float: left;
}

div.kruemel a{
	color: #858f9b;
	padding: 0 5px 0 15px;
	background: url(gfx/grafiken/pfeil2.png) left no-repeat;
}

img.print{
	border: none;
	margin: 5px 0 0 100px;
}


div.indexwrapper div.content{
	width:			405px;
	margin:			0 25px 0 25px;
	float: 			left;
}


div.contentwrapper div.content{
	width:			395px;
	margin:			30px 0 0 25px;
	float: 			left;
}

div.content ul{
	padding: 0px;
}

div.content li{
	list-style:		none;
	background: 	url(gfx/grafiken/haken.gif) top left no-repeat;
	padding-left:	15px;
}

ul.seknavi{
	width:			180px;
	margin:			78px 0 0 25px;
	padding:			0px;
	float: left;
	text-align:    right;
}

ul.seknavi li{
	list-style:    none;
	background: url(gfx/backgrounds/hr-bg.gif) bottom repeat-x;
	padding:			0 17px 7px 0;
	margin-bottom:		7px;
}

ul.seknavi li a{
	color:			#012546;
	background:		url(gfx/grafiken/pfeil.gif) no-repeat;
	padding-left: 13px;
}

ul.seknavi li a.aktiv{
	color:			#012546;
	background:		url(gfx/grafiken/pfeil.gif) no-repeat;
	padding-left: 13px;
	font-weight:		bold;
}

ul.seknavi li span{
	color:			#012546;
}

ul.seknavi li.navisubcol{
	list-style:    none;
	background: none;
	padding:			30px 17px 7px 0;
	margin-bottom:		7px;
}

div.footer{
	width: 946px;
	height: 45px;
	clear: both;
	float: none;
	color: white;
	font-size: 11px;
	font-weight: bold;
	padding-top: 45px;
	background: url(gfx/backgrounds/footer.png) bottom no-repeat;
}

div.footer a{
	color: white;
}

div.left{
	position: 		absolute;
	margin-left: 	35px;
}

div.right{
	position: 		absolute;
	margin-left: 	700px;
}


/* News */

.sidebar .news-list-item{
	font-size: 11px;
	line-height: 16px;
}

.sidebar .news-list-item h2{
	font-size:		11px;
	padding:			0px;
	margin:			0px;
	color:			#012546;
}

.sidebar .news-list-item p{
	margin: 0px;
}


.content .news-list-container{
	margin-top: -6px;
}


.content .news-list-date{
	font-size: 9px;
	float: left;
	padding: 0px;
	margin: 0px;
}

.content .news-single-rightbox{
	font-size: 9px;
	text-align: left;
	float: left;
	padding: 0px;
	margin: 15px 0 0 0px;
}

.content .news-single-img{
	text-align: left;
	float: left;
	margin-bottom: 10px;
}

.content .news-single-img img{
	text-align: left;
	float: left;
}

.content hr.cl-right{
	float: none;
	clear: both;
}


/* Kontaktformular */

table.contact td{
	padding-bottom: 5px;
}

input.eingabe{
	border: 				1px solid #0062ab;
	width: 				200px;
}

input.pflichteingabe{
	border: 			1px solid #0062ab;
	background: 	#b8eece;
	color: 			#008a8c;
	width: 			200px;
}

textarea{
	border: 			1px solid #0062ab;
	width:			310px;
	height:			100px;
	overflow: 		auto;
}

input.button{
	border: 1px solid #0062ab;
	background: #E5E5E5;
	color: #008a8c;
	width: 200px;
	font-weight: bold;
}

input.button2{
	border: 1px solid #0062ab;
	background: #E5E5E5;
	color: #008a8c;
}


/* Sitemap */

ul.sitemap li{
margin: 0 0 15px 0;
list-style:		none;
	background:		none;
}

ul.sitemap2{
margin: -15px 0 15px 20px;
}

ul.sitemap2 li{
margin: 0;
list-style:		none;
	background:		none;
}

ul.sitemap li a{
	font-weight:	bold;
	text-decoration: none;
	background: url(gfx/grafiken/pfeil2.png) left no-repeat;
	padding-left: 13px;
}

ul.sitemap2 li a{
	font-weight:	normal;
	text-decoration: none;
	background: url(gfx/grafiken/pfeil2.png) left no-repeat;
	padding-left: 13px;
}

/* Suche */

.tx-indexedsearch .info{
	display: none;
}

.tx-indexedsearch .descr{
	padding-bottom:	15px;
	background:		url(gfx/backgrounds/hr-bg.gif) bottom left repeat-x;
}

.tx-indexedsearch fieldset{
	border: 1px solid #1f9f4f;
	/*background: #f1f1f0;*/
}

.tx-indexedsearch legend{
	color: #1f9f4f;
	font-weight: bold;
}


.tx-indexedsearch fieldset input.sword{
	border: 				1px solid #0062ab;
	
}

.tx-indexedsearch fieldset input.submit{
	border: 1px solid #0062ab;
	background: #E5E5E5;
	color: #008a8c;
	width: 200px;
	font-weight: bold;
}


ul.browsebox li{
	margin: 0;
list-style:		none;
	background:		none;
}

/* Kunden Login */

form.login input.text{
	border: 			1px solid #00467a;
	background: 	#E5E5E5;
	color: 			#008a8c;
}