/*########################################################################## */
/* copyright 2005 by creativbox.net/Torsten Leithold & Georg von Kries GbR  */
/*######################################################################## */


/*
###################################################
Standards
###################################################
*/


body, html 
{
 font-family: Verdana, Arial, "Times New Roman", serif;
 color:#000;
 background:#426E33;
 font-size: 11px;
 margin:0;
 height: 100%;
 overflow:hidden;
}


ul
{
list-style:none;
margin:0;
padding:0;
}

h1
{
 font-family: Verdana, Arial, "Times New Roman", serif;
 font-size: 14px;
}

hr
{
margin:5px 0 5px 0;
height:2px;
border-top:1px solid #fff; 
border-right:1px solid #fff; 
border-left:1px solid #fff; 
border-bottom:1px solid #D5CEBB;
width:530px;
clear:both;
}

/*
###################################################
Layout
###################################################
*/


#outer
{
margin:0;
width:100%;
height: 100%; 
overflow: visible;
display: table; 
}


* html #outer
{
display: block; 
}/* for explorer only*/


*+html #outer 
{
display: block; 
}/* for explorer only*/

 
#middle
{
display: table-cell; 
vertical-align: middle; 
}


* html #middle
{
display:block;
position: absolute; 
top: 50%;
} /* for explorer only*/

 
*+html #middle
{
display:block;
position: absolute; 
top: 50%;
} /* for explorer only*/



* html #inner
{
position: relative; 
top: -50%;
} /* for explorer only */

 
*+html #inner
{
position: relative; 
top: -50%;
} /* for explorer only */
			


/*
###################################################
Navigation Top
###################################################
*/


#navigation-top
{
width:866px;
margin:0 auto 0 auto;
height:20px;
}

#navigation-top li
{
margin:0 20px 0 0;
float:right;
}

#navigation-top li.last
{
margin:0;
float:right;
}

#navigation-top a
{
color:#fff;
text-decoration:none;
}

#navigation-top a.aktiv-top
{
color:#98C65D;
text-decoration:none;
}


#navigation-top a:hover
{
color:#98C65D;
text-decoration:none;
}


/*
###################################################
Container
###################################################
*/


#container
{
width:885px;
height:431px;
background:url(../images/bg_1.jpg) no-repeat right;
margin:0 auto 0 auto;
padding:90px 0 0 0;
clear:both;
}


/*
###################################################
Navigation left
###################################################
*/


#navigation-left
{
width:150px;
float:left;
}


#navigation-left li
{
margin-bottom:15px;
width:65px;
height:67px;
}


#navigation-left a
{
width:65px;
height:66px;
display:block;
text-decoration:none;
}



#navigation-left a.point1 {background:url(../images/nav_bg1.png) no-repeat;}
#navigation-left a.point1:hover {background:url(../images/nav_bg1_hover.png) no-repeat;}
#navigation-left a.point1-aktiv {background:url(../images/nav_bg1_hover.png) no-repeat;}

* html #navigation-left a.point1 {background:url(../images/nav_bg1.gif) no-repeat;}
* html #navigation-left a.point1:hover {background:url(../images/nav_bg1_hover.gif) no-repeat;}
* html #navigation-left a.point1-aktiv {background:url(../images/nav_bg1_hover.gif) no-repeat;}



#navigation-left a.point2 {background:url(../images/nav_bg2.png) no-repeat;}
#navigation-left a.point2:hover{background:url(../images/nav_bg2_hover.png) no-repeat;}
#navigation-left a.point2-aktiv {background:url(../images/nav_bg2_hover.png) no-repeat;}

* html #navigation-left a.point2 {background:url(../images/nav_bg2.gif) no-repeat;}
* html #navigation-left a.point2:hover {background:url(../images/nav_bg2_hover.gif) no-repeat;}
* html #navigation-left a.point2-aktiv {background:url(../images/nav_bg2_hover.gif) no-repeat;}



#navigation-left a.point3 {background:url(../images/nav_bg3.png) no-repeat;}
#navigation-left a.point3:hover {background:url(../images/nav_bg3_hover.png) no-repeat;}
#navigation-left a.point3-aktiv {background:url(../images/nav_bg3_hover.png) no-repeat;}

* html #navigation-left a.point3 {background:url(../images/nav_bg3.gif) no-repeat;}
* html #navigation-left a.point3:hover {background:url(../images/nav_bg3_hover.gif) no-repeat;}
* html #navigation-left a.point3-aktiv {background:url(../images/nav_bg3_hover.gif) no-repeat;}



#navigation-left a.point4 {background:url(../images/nav_bg4.png) no-repeat;}
#navigation-left a.point4:hover {background:url(../images/nav_bg4_hover.png) no-repeat;}
#navigation-left a.point4-aktiv {background:url(../images/nav_bg4_hover.png) no-repeat;}

* html #navigation-left a.point4 {background:url(../images/nav_bg4.gif) no-repeat;}
* html #navigation-left a.point4:hover {background:url(../images/nav_bg4_hover.gif) no-repeat;}
* html #navigation-left a.point4-aktiv {background:url(../images/nav_bg4_hover.gif) no-repeat;}


#content
{
float:left;
}

#content p
{
margin:10px 0 10px 20px;
}


#content-text
{
float:left;
margin:20px 0 0 160px;
width:565px;
height:390px;
overflow:auto;
}

#content-einloesen
{
float:right;
margin:120px 0 0 170px;
width:550px;
height:230px;
overflow:auto;
}



#content-text a, #content a
{
color:#426E33;
text-decoration:none;
}

#content-text a:hover, #content a:hover
{
color:#98C65D;
text-decoration:none;
}



.clearer
{
clear:both;
}