/*main.css www.gantner.cc
--------------------------------------------*/
body {
background-color: #000;
font-size: 12px;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
color:#000000;  
padding:0px;
margin: 0px;
text-align : center;
}
/* container 
-------------------------------------- */
#container {
width:  800px !important;
width: 802px;
border-top: 1px solid #EEE;
border-right: 1px solid #EEE;
border-left: 1px solid #EEE;
border-bottom: 1px solid #EEE;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
background-color: #DBDBDB;
}
/* topbanner ... display actual path
-------------------------------------- */
#topbanner {
/*
padding: 0px;
margin: 0px;
*/

height: 20px;
background-color: #312F2C;
background-color: #DBDBDB;
color: white;
}
/* mainbanner
-------------------------------------- */
#mainbanner {
/*
padding: 0px;
margin: 0px;
*/

height: 130px !important;
height: 125px; 
background-color: #DBDBDB;
border-top:1px solid #797979;
/*
border-bottom:1px solid #FFF;
*/
/*
margin: 0px 0px 0px 0px;
*/
font-size: 14px;
/*
margin-bottom: 0px;
*/
color: white;
text-align: left; 
}
/* topmenu
-------------------------------------- */
#topmenu {
padding-top: 0px !important;
padding-top: -4px;
height: 20px;
background-color: #CCC;
background-color: #DBDBDB;
border-top:0px solid #797979;
border-bottom:0px solid #fff;
font-size: 14px;
color: #000;
text-align: right;
border-bottom: 0.5px solid #7F8C94;
border-top: 0.5px solid #ccc;  
}
#topmenu a{
text-decoration: none;
color: #3E4D61;
 }
#topmenu  a:hover{
text-decoration: yes;
color: #CEDBEB;
}
/* content 
-------------------------------------- */
#content {
float: left;
padding-top: 10px;
padding-bottom: 10px;
width: 525px;
margin-top: 15px;
margin-left: 15px;
margin-right: 0px;
background-color: #413F3C;
background-color: #DBDBDB;
text-align:left;
font = #000;
/*force content to scroll starting defined height*/
height: 450px;
overflow: auto;
}
/*========================================================================
	MENUS  
========================================================================*/
/* linker container for Untermenu
-------------------------------------- */
#left {
float: left;
/*height:400px;*/
width: 230px !important;
width: 230px;
margin-top: 15px;
margin-left: 10px;
margin-bottom: 15px;
background-color: #DBDBDB;
}
/* menu01 in container left
-------------------------------------- */
#menu01 {
float: left;
width: 130px !important;
width: 130px;
background-color: #DBDBDB;
text-align: left;
}
/* menu02 in container left
-------------------------------------- */
#menu02 {
float: right;
padding-top: 0px;
width: 100px !important;
width: 100px;
background-color: #DBDBDB;
text-align: left;


}
/*========================================================================
	behaviour1  
========================================================================*/
.menuitem1  a{
display:block;
width:100px !important;
width:100px;
margin-left:0px;
padding-left:10px;
text-decoration:none;
color: #000;
}
.menuitem1  a:link{
display:block;
margin-left:0px;
padding-left:10px;
text-decoration:none;
}
.menuitem1 a:hover {
background-color: #18F32A;
background-color: #fff;
color:#000;
}
.menuitem-active1 a{
background-color: #F50000;
background-color: #000;
display:block;
color:#fff;
margin-left: 0px;
padding-left:10px;
text-decoration:none;
}
/*========================================================================
	behaviour 2  
========================================================================*/
.menuitem2 a  {
width:100px !important;
width:85px;
margin-left:0px;
padding-left:5px;
text-decoration:none;
color: #000;
font-size:10px;
}
.menuitem2  a:link{
width:100px !important;
width:85px;
margin-left:0px;
padding-left:5px;
text-decoration:none;
}
.menuitem2 a:hover, a:active{
color: #eee;
}
.menuitem2-active a{
font-size:10px;
color: #14751C;
width:100px;
margin-left: 0px;
padding-left:5px;
text-decoration:none;
}
.menuitem2-active a:hover{
color: #18F32A;
}
/*leftcontent
-------------------------------------- */
#leftcontent {
clear: both;
height: auto;
width: 210px;
margin-top: 0px;
margin-left: 5px;
background-color: #DBDBDB;
text-align: left;
border-top: 0px dotted #EEE;
}
#leftcontent .bodytext{
font-color: #ccc;
}
#leftcontent H1, H2, H3, H4  {
color: #14751C;
font-size: 11px;
}
#leftcontent .bodytext {
color: #320001;
}
#leftcontent p.bodytext {
font-size: 9px;
}
#leftcontent a:hover {
color: #9F7123;
}
#leftcontent a:active {
color: #eee;
}
/*footer
-------------------------------------- */
#footer {
clear: both;
height: 16px;
padding-right: 10px;
color: #3E4D61;
margin: 0px;
background-color: #CCC;
text-align: right;
border-top: 0.5px solid #7F8C94;
}
#footer a{
text-decoration: none;
color: #456DB3;
 }
#footer  a:hover{
text-decoration: yes;
color: #ccc;
}