/*

Quajoo

*/

/* Reset
--------------------------------------------------------------*/
@import url(reset.css);


/* Layout
--------------------------------------------------------------*/


body {
	font: 			normal 75.01% verdana, arial, helvetica;
	background: 	#5f7084;
	color: 			#333;
}

h1 {
	font: 			bold 140.01% verdana, arial, helvetica;
	color: 			#e67817;
	padding-bottom:	10px;		
}

h2 {
	font: 			bold 120.01% verdana, arial, helvetica;
	color: 			#e67817;
	padding-bottom:	10px;		
}

h3 {
	font: 			bold 100.01% verdana, arial, helvetica;
	color: 			#5f7084;
	padding-bottom:	10px;		
}

h4 {
	font: 			bold 140.01% verdana, arial, helvetica;
	color: 			#5f7084;
	padding-bottom:	10px;
}

p {
	padding-bottom:	1em;	
}

.blue {
	color:			#5f7084;
}

a:link , a:active, a:visited{
	color:			#5f7084;
}

.padding {
	margin:			10px;
}

/* Header
--------------------------------------------------------------*/
#header {
	width: 			100%;
	height:			120px;
	margin:			0 auto;
	background: 	url(../images/header_bg.gif) repeat-x;
}

#headercontent{
	width: 			1000px;
	height:			120px;
	margin:			0 auto;	
}


/* main
--------------------------------------------------------------*/
#main {
	width:			100%;
	min-height:		487px;
	margin:			0 auto;
	text-align:		center;
	background: 	#fff ;
}

#content2{
	width:			1000px;
	margin:			0 auto;
	padding:		0px 10px 10px 10px;
	text-align:		left;
	background: 	#fff ;
}

#content{
	width:			975px;
	margin:			0 auto;
	padding:		   20px;
	text-align:		left;
	background: 	#fff ;
}

.bigbox{
	width:			1000px;
	height:			341px;
	background: 	url(../images/frog.jpg) no-repeat;
	display: 		block;
}

.col_left {
	width:			485px;
	float:			left;
	text-align:		left;
	display:		inline;
}

.col_right {
	width:			485px;
	float:			left;
	text-align:		left;
	display:		inline;
}

.floatbox {
	width:			322px;
	min-height:		286px;
	float:			left;
	margin:			0px;
	display: 		block;
	display:		inline;
}

#floatbox1 {			background: 	#fff url(../images/floatbox_bg1.jpg) no-repeat; }
#floatbox2 {			background: 	#fff url(../images/floatbox_bg2.jpg) no-repeat; margin: 0px 17px; }
#floatbox3 {			background: 	#fff url(../images/floatbox_bg3.jpg) no-repeat; }

.floatbox p {
	text-align:		left;
}

/* footer
--------------------------------------------------------------*/
#footer {
	width:			100%;
	height:			100px;
	margin:			0 auto;
	font-size:		10px;
	text-align:		center;
	background:		#5f7084 url(../images/footer_bg.gif) repeat-x top;
	color:			#fff;
}

#footercontent {
	width:			1000px;
	margin:			0 auto;
	text-align:		center;
	padding-top:	10px;	
}

.footermenu {
	float:			left;
}

.footermenu li {
	float:			left;
	padding-right:	5px;
	padding-left:	10px;

}
.footermenu li a {
	color:			#fff;
	text-decoration:none;
}

.footermenu a:hover {
	color:			#e67817;
	text-decoration:underline;
}

.copyright {
	float:			right;
	padding-right: 10px;
}


/* Hauptnavigation
--------------------------------------------------------------*/

#headernav {
	height:			29px;
	background: 	orange url(../images/nav_bg.gif) left top repeat-x;		
}

#headernav ul {
	width:			1000px;
	margin:			0 auto;
	padding:		6px 0 0 6px;
	text-align:		center;
}

#headernav li {
	display:		inline;
}

#headernav li a{
	float:			left;
	border-right: 	1px solid #708094;
	padding:		0 10px;
	color:			#fff;
	display:		block;
	text-decoration:none;
}

#headernav li a:hover{
	text-decoration:underline;
	color:			#e67817;
}

#headernav li a.current {
	text-decoration:underline;
}

#headernav li.last a {
	border-right: 	none;
}


/* Clearing
--------------------------------------------------------------*/
.cleaner1,
.cleaner2 {
	display: 		block;
	clear: 			both;
	font-size: 		0;
	line-height: 	0;
	background: 	transparent;
}

.cleaner1 { height: 0; }
.cleaner2 { height: 1px; }

.hide {
	display: 		none;
}