body {
	background-color: #3e3e3d;
	padding: 0;
	margin: 0px auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 11px;
}

#header {
	width: 1023px;
	height: 210px;
	margin: 0px auto;
	background: url(images/header.png) no-repeat;
}

#topmenu {
	width: 1023px;
	height: 80px;
	margin: 0px auto;
	/*background: url(images/topmenu.png) repeat-x;*/
}

#topmenu-in #languages {
	float: right;
	margin: 18px 0 0 0;
	font-weight: bold;
	font-size: 12px;
}
#topmenu-in #languages a {
	color:#2D4897;
}


/* Navi TOP */

#topmenu .navi-top
{
	width:980px;
	left:0px;
	top:0px;
	position:relative;
	overflow:visible;
}
#topmenu .navi-top span,
#topmenu .navi-top a
{
	display:block;
	font-family:Arial, Verdana;
	text-decoration:none;
	font-size:12px;
	color:#ffffff;
	text-transform: uppercase;
}

/* 1. Ebene */
#topmenu .navi-top li
{
	position:relative;
	float:left;
	text-align:center;
	background-repeat:no-repeat;
	line-height:60px;
	list-style-type:none;
}
#topmenu .navi-top ul.level_1 a.active,
#topmenu .navi-top ul.level_1 a:hover,
#topmenu .navi-top ul.level_1 li.trail
{

	color:#2D4897;
}
#topmenu .navi-top ul.level_1 li
{
	width:100px;
}
#topmenu .navi-top ul.level_1 li.first
{ 
	border-left:1px dashed #666;
}
#topmenu .navi-top ul.level_1 li
{ 
	border-right:1px dashed #666;
}

/* 2. Ebene */

#topmenu .navi-top ul.level_2 .navimg
{
	left:-20px;
	top:0px;
	height:16px;
	width:200px;
	position:relative;
	background-image:url("clear.png");
	background-repeat:repeat;
	overflow:hidden;
}

#topmenu .navi-top ul.level_2
{
	bottom:0;
	left:-20px;
	right:0;
	top:50px;
	position:absolute;
	display:none;
	max-height:50px;
}
#topmenu .navi-top ul.level_1 li:hover ul
{
	display:block;
}
#topmenu .navi-top ul.level_2 li,
#topmenu .navi-top ul.level_2 li.first
{
	width:180px;
	line-height:24px;
	background-image:url("navibg.png");
	background-repeat:repeat;
	text-align:left;
	padding-left:20px;
}
#topmenu .navi-top ul.level_2 li:hover,
#topmenu .navi-top ul.level_2 li.first:hover,
#topmenu .navi-top ul.level_2 li.active,
#topmenu .navi-top ul.level_2 li.first.active
{
	
}


#topmenu .navi-top ul.level_2 li.first,
#topmenu .navi-top ul.level_2 li
{ 
	border-left:0px dashed #666; 
	border-right:0px dashed #666;
}

 /*Navi TOP end */
 
 
#main {
	width: 960px;
	margin: 25px auto;
}

#leftmenu {
	width: 205px;
	padding: 0;
	margin: 0;
	float: left;
	font-size: 11px;
}
#leftmenu ul {
	margin: 0;
	padding: 0;
}
#leftmenu li {
	margin-top: 5px;
	padding: 0;
	width: 205px;
	height: 30px;
	list-style: none;
	background-color: #2d4897;
}
#leftmenu li:hover,
#leftmenu li.active {
 margin-top: 5px;
 padding: 0;
 width: 205px;
 height: 30px;
 list-style: none;
 background-color: #ffffff;
}

#leftmenu li a {
 display: block;
 color: #FFF;
 text-decoration: none;
 padding: 6px 0 0 70px;
 text-transform: uppercase;
}

#leftmenu li a:hover,
#leftmenu li a.active { 
 color: #2d4897; 
}

#leftmenu #contact {
	margin-top: 20px;
	background-color: #2d4897;
	padding: 20px 8px;
	font-size: 10px;
}

#content {
	width: 700px;
	padding: 0;
	margin: 0 0 0 50px;
	float: left;
}
#content ul {
	margin: 0;
	padding: 0;
}
#content.table li {
	float: left;
	height: 178px;
	width: 143px;
	padding: 6px;
	list-style: none;
	margin: 0 20px 20px 0;
	background-color: #FFF;
	color: #3a3a3a;
	font-weight: bold; 
	text-transform: uppercase;
}

#content.table li img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
	position: relative;
}
#content.table li:hover { 
 background-color: #2D4897;
}

#content.table li img {
	display: block;
}

#content.text {
	background-color: #646466;
    color: #FFFFFF;
    padding: 60px 20px 60px 20px;
    width: 595px;
	float: left;
}

#content h1 {
	font-size: 12px; 
	color:#ffffff; 
	margin-bottom:15px;
	font-weight:bold;
	text-transform: uppercase;
	
}
#content h2 {
	font-size: 11px;
	color:#FFFFFF;
	margin-bottom:10px;
    font-weight:bold;
	}
#content h3 {
	font-size: 11px;
	color:#FFFFFF;
	font-style: italic;
	font-weight:normal;
}
#content h4 {
	font-size: 12px; 
	color:#FFFFFF; 
	margin-bottom:11px;
	font-weight:normal;

}

#content .leftmenu,
#content .rightmenu { 
	width: 300px;
	background-color: #646466;
	padding: 20px;
	float: left;
	height: 450px;
	overflow:auto;
}

#content .rightmenu { 
	margin-left: 20px;
}

#content li { 
	margin-left:50px;
	margin-bottom:10px;
	list-style-image:url("images/li_bg.png");
}

#mailfrm {
	margin: 5px 0 0 0px;
	float: left;
}

.label {
	width:120px;
	margin: 3px 0 2px 0;
	
}

.input {
	width:297px;
	border:solid white;
	font-size: 12px;
}

.inputtext {
	width:297px;
	height: 80px;
	border:solid white;
	font-size: 12px;
}

.submit {
	margin-top:5px;
}

.reset {
	margin-top:5px;
}

/*
Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/

#contactus  
{
	border:0px solid #ccc;
	margin: 5px 0 0 0px;
	float: left;
}

#contactus fieldset
{
   width:700px;
   padding:20px;
   border:0px;
   float: left;
 }

#contactus label
{
   font-weight: bold;
}

#contactus input[type="text"],textarea
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;
  line-height:140%;
  color : #000; 
  padding : 3px; 
  border : 1px solid #333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#contactus input[type="text"]
{
  height:18px;
  width:220px;
}

#contactus input[type="number"],textarea
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;
  line-height:140%;
  color : #000; 
  padding : 3px; 
  border : 1px solid #333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#contactus input[type="number"]
{
  height:18px;
  width:220px;
}

#contactus #scaptcha
{
  width:60px;
  height:18px;
}

#contactus input[type="submit"]
{
   width:120px;
   height:30px;
   padding-left:0px;
}

#contactus input[type="reset"]
{
   width:120px;
   height:30px;
   padding-left:0px;
}

#contactus textarea
{
  height:120px;
  width:310px;
}

#contactus input:focus,textarea:focus
{
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-weight:bold;
}

#contactus .container
{
   margin-top:8px;
   margin-bottom: 10px;
}

#contactus .error
{
   font-family: Verdana, Arial, sans-serif; 
   color: #900;
   background-color : #ffff00;
}

#contactus fieldset#antispam
{
   padding:2px;
   border-top:0px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#contactus fieldset#antispam legend
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

#contactus .short_explanation
{
   font-family : Arial, sans-serif;
}

#contactus .tick{
	width:295px;
	margin:0px 0 15px 0;
	float:left;
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}


/* Button */
.button {
    padding: 10px 15px;
    background: #2d4897;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	width: 130px;
	text-decoration: none;
	text-align:center;
	display: block;
}
.button:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
	display: block;
}
.button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
	text-decoration: none;
	display: block;
}

span.reftitle
{
	font-size: 12px;
	color: #41a9cc;
	font-weight: bold;
}
span.reftitle span
{
	font-size: 10px;
}

div.datum
{
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}

div.pager
{
	float:right;
	font-weight:bold;
	font-size: 11px;
}

div.pager a 
{
	color: #FFF;
	text-decoration: none;
	padding: 0px 8px;
	line-height: 22px;
	display: block;
	float: left;
}

div.pager a.selected
{
	background-color: #f0edea;
}