/*

Quajoo

*/

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


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


body
{
   font: normal 75.01% verdana, arial, helvetica;
   background: #E7E7E7;
   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;
   padding-left: 13px;
   font-size: 18px;
}

.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: 200px;
   float: left;
   margin: 0px;
   display: block;
   display: inline;
   line-height: 16px;
   height:200px;
}

#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;
}

.floatbox li
{
   list-style-type: circle;
   margin-left: 16px;
   padding-bottom: 5px;
}

/* footer
--------------------------------------------------------------*/
#footer
{
   width: 100%;
   height: 30px;
   margin: 0 auto;
   font-size: 11px;
   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: 9px;
}

.footermenu
{
   float: left;
}

.footermenu li
{
   float: left;
   padding-right: 5px;
   padding-left: 8px;
}
.footermenu li a
{
   color: #fff;
   text-decoration: none;
}

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

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


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

#headernav
{
   height: 29px;
   background: #8BA1BB 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: #fff;
}

#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;
}