/* CSS Document */

/* 
Blau Überschriften links und rechts: #6DAEF1

*/


@import "extensions.css";
@import "css_styled_content.css";

* {
  margin: 0px;
  padding: 0px;}

body {
        text-align: center;
	background-color: #F2F8FF;
	background-image: url(img/bg_grey.gif);}

a img {
  border: none}

ul,ol {
  padding-left: 20px}
  
td, th, table, a, p, div, input {
  font-size: 1.0em;}

a:hover {
	text-decoration: underline;}

input,select,textarea  {
	border: 1px solid #ccc;
	font-size: 1.0em;
  padding: 1px;
  margin: 2px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555555;}


th,td {
  text-align: left;
  vertical-align: top}


#main {
  width: 780px;
  margin:0px auto;
  background: #ffffff;
  text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #555555;
	letter-spacing: 0.03em;
}


/******* OBEN ************/

#top {
  border-top: 3px solid #68ABEF;
  border-bottom: 15px solid #68ABEF;
}
#top #menutop {
	height: 20px;
	margin: 17px 0px; 
  width:460px;
	color: #1B88E4;
	font-weight: bold;
  font-size: 1.1em;
}
#menutop td img {
  margin-right: 8px}
#menutop a, #menutop a:link, #menutop a:hover {
	font-size: 0.9em;
	color: #004B8A;
	cursor: hand;
	font-weight: bold;
	text-decoration: none;
}
#menutop a:hover {
	color: #1B88E4;
	text-decoration: underline;
}

#top #logo {
  width: 200px;
  float:right}

#top .top_img {
  border-bottom: 4px solid #267FCA;
  clear:both;
}

/******* RECHTS ************/

#right-IEHACK {
  border: 1px solid #6DAEF1;
  margin-top: 10px;
  float:right;}

#right{
  width:150px; }
#right a {
  color: #125B98;
	text-decoration: none;}
#right a:hover {
	color: #1B88E4;}

/******* MITTE ************/

#middle{
  margin-top: 10px;
}

/*****MITTE-RECHTS******/

#content {
  color: #555555;
  width: 430px;
  margin-left: 190px;
}

#menu-rootline {
  list-style-type: none;
  margin: 0px;
  padding: 0px;}
#menu-rootline li {
  display: inline;}

#content h1 {
  padding: 8px 0px 8px 0px;
  color: #888888;
  font-size: 2.0em;} 
#content h2 {
  padding: 8px 0px 8px 0px;
  font-size: 1.2em}
#content h3 {
  padding: 8px 0px 8px 0px;
  color: #6DAEF1;
  font-size: 1.2em}
#content p, #content td, #content th {
  padding-top: 8px ;
	line-height: 1.5em;}
#content a  {
  font-weight: bold;
	color: #125B98;
	text-decoration: none;}
#content a:hover {
	color: #1B88E4;} 



/******MITTE-LINKS******/  

#content-left-IEHACK {
  border: 1px solid #6DAEF1;
  float:left;}

#content-left {
  width:178px; 
  background: #fff;
} 
#content-left h4 {
  background: #6DAEF1; 
}

.content-bottom {
  text-align: center;
  clear:both;
  margin-top: 20px;}

/******* UNTEN ************/

#footer {
  width: 780px;
	color: #ffffff;
  clear:both;
  background-color: #68ABEF;
	color: #555555;
  border-top: 2px solid #267FCA; 
  border-bottom: 2px solid #267FCA; ;}
#footer div {
  margin: 0px 8px}

#footer a, #footer a:link, #footer a:hover {
  color: #ffffff;
	text-decoration: none;}
#footer a:hover {
	color: #125B98;}






#title {
	padding: 0px 0px 26px 37px;
}


/* Layer vom oberen Menu (Tabelle) */

.menusub {
	color: #1B88E4;
	background-color: #E8C515;
	opacity: .85;
	filter: alpha(opacity=85);
	padding: 1px 5px;
	font-size: 0.7em;
        text-align:left;
}

.menusub a, .menu a:link, .menu a:hover {
	color: #004B8A;
	cursor: hand;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.menusub a:hover {
	color: #1B88E4;
	text-decoration: none;
}


.newsletter {
	padding: 20px 0px 0px 20px;
	font-family: Arial;
	font-size: 11px;
	color: #CCCCCC;
}

.newsletter a, .newsletter a:link, .newsletter a:hover {
	color: #2870AD;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}
.newsletter a:hover {
	color: #1B88E4;
}

.formular {
	font-family: verdana;
	font-size: 10px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #C5C8D0;
	color: #3A3A3A;
	margin: 4px 4px 4px 4px;
	line-height: normal;
}

.formulartext {
	font-family: verdana;
	font-size: 10px;
	color: #3A3A3A;
	padding: 1px 1px 1px 1px;
	margin: 4px 4px 4px 4px;
	line-height: normal;
}

.formulartextpara {
	font-family: verdana;
	font-size: 10px;
	color: #3A3A3A;
	line-height: normal;
	padding-left: 5px;
}


.formularbutton {
	font-family: verdana;
	font-size: 10px;
	padding: 1px 1px 1px 1px;
	color: #F1F1F1;
	background-color: #1B88E4;
	border: 1px solid #1B88E4;
	margin: 4px 4px 4px 4px;
	line-height: normal;
}




.content {

	padding: 0px 10px 10px 10px;
}




.info {
	font-family: arial;
	font-size: 10px;
	color: #125B98;
}

.info a, .info a:hover {
	font-size: 10px;
	font-family: arial;
	text-decoration: none;
}
.info a:hover {
	color: #1B88E4;

}

.title {
	color: #267FCA;
	font-weight: bold;
}

.title a, .title a:hover {
	color: #267FCA;
	text-decoration: none;
}

.titlebig {
	font-size: 14px;
	color: #267FCA;
	font-weight: bold;
	line-height: 18px;
}

#bild{
	border: 6px solid #FFD553;
}

.quick {
	padding: 20px 0px 0px 14px;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}




.statistik {
  background-color: #eee;
}