/* 
  Titel: Dasan CSS Stylesheet
  Autor: Thies Kracht, Skyfillers GmbH
  Datum: 30.04.2010
*/
/************************************************************/
/* Allgemeine Schrift-Typen festlegen                       */
/************************************************************/
h1, h2, h3, h4, h5, p, td, ul, ol, blockquote, input, textarea, select { font-family: Calibri, Arial,Verdana, Helvetica, Sans-Serif; color: #000000; font-size: 13px;}
pre { font-family: monospace; }
form { margin: 0px 0px 0px 0px;}
p, pre { margin: 5px 5px 0px 0px; line-height: 1.6em;}
p, td, ul, ol { font-size: 13px; }
a {	color: #000000; text-decoration: none; }
a:hover {	color: #000000; text-decoration: underline; }

#content a { text-decoration: underline; }

h1 { font-size: 15px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }

/************************************************************/
/* Formatierungen	Seite                                     */
/************************************************************/
body {
  height: 100%;
	margin: 0;
	padding: 0;
  text-align: center;
  min-width: 980px;
	font-family: Calibri, Arial,Verdana,Helvetica, Sans-Serif;
	font-size: 12px;
	background-color: #cccccc;
}
html, body { 
	width: auto;
}
/************************************************************/
/* Formatierungen	Layer                                     */
/************************************************************/
#format {
  position: relative;
  top: 0;
  right: 0;  
	width: 980px;
	margin: auto;
	text-align: left;
	vertical-align: middle;
	padding: 30px 0 0 0;
}

#header-menu{
  float: left;
  height: 120px;
  width: 100%;
  background-color: #ffffff;
}

#subheader{
  float: left;
  height: 130px;
  width: 100%;
  background-image: url(../gfx/header-bg.jpg);
  background-repeat: no-repeat;
}

#container{
  float: left;
  width: 100%;
  min-height: 600px;
	height:auto !important;
	height: 600px;	
  background-image: url(../gfx/content-bg.gif);
  background-repeat: repeat-y;
}

#menu{
  float: left;
  width: 250px;
  padding: 0;
  margin: 0;
}

#content{
  float: left;
  width: 690px;
	padding: 20px 10px 10px 30px;
}

#footer{
  float: left;
  width: 950px;
  height: 82px;
  background-image: url(../gfx/footer-bg.gif);
  background-repeat: repeat-x;  
  padding: 38px 0 0 30px;
  color: #ffffff;
  font-size: 13px;
}

#logo{
  float: left;
  height: 80px;
  width: 300px;
  padding: 40px 0 0 30px;
}

#logo-freemate{
  float: right;
  height: 80px;
  width: 130px;
  padding: 40px 10px 0 0;
}

#language{
  float: left;
  height: 20px;
  width: 100px;
  padding: 10px 0 0 0;
  margin: 0;
}

#hotline{
  float: left;
  height: 80px;
  width: 400px;
  padding: 50px 0 0 20px;
  font-size: 22px;
  color: #ffffff;
}

#slogan{
  float: right;
  width: 200px;
  padding: 30px 250px 0 0;
  font-size: 28px;
  color: #ffffff;
  text-align: right;
}

div.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	font-size: 1pt;
}

/************************************************************/
/* MENU                                  */
/************************************************************/
#header-menu ul{
  float: left;
  list-style: none;
  padding: 35px 0 0 150px;
}
#header-menu ul li{
  float: left;
  padding-right: 10px;
  font-size: 14px;

}

#header-menu ul li a.active {
  text-decoration: underline;
}

#menu ul{
  float: right;  
  list-style: none;
  text-align: right;
  margin: 0;
  padding: 10px 20px 0 0;
  

}

#menu ul li{
  padding: 0 0 5px 0;
  font-size: 17px;
  font-weight: bold;
}

#menu ul .level2{
  font-size: 15px;
  font-weight: normal;
  padding: 0 15px 0 0 ;
  background-image: url(../gfx/level2.gif);
  background-position: right;
  background-repeat: no-repeat;
  line-height: 25px;
}
#menu ul .last{
  margin: 0 0 40px 0;
}

#menu a {
  color: #333333;
}

#menu .level2 a {
  color: #666666;
}

#language ul{
  float: left;
  list-style: none;
  text-align: left;
  width: 100px;
  height: 20px;
  padding: 0;
  margin: 0;
}
#language ul li{
  float: left;
}