/* ALLGEMEIN */

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; /* AUSGANGS-Schriftgroesse */
   color: #555555;
   background-color: #FFFFFF;
   background-image:url(images/site_layout/bg.jpg);
   background-repeat:repeat-x;
}

img {
   border: 0;
}


a {
   text-decoration:none;
   color: #013668;
}

a:hover {
   text-decoration: underline;
}

a:visited {
   color: black;
}
/*  ... Ueberschriften definieren weil IE sie falsch anzeigt ... */

h2 {
   color: #013668;
   font-size:150%;
   font-weight:bold;
   line-height:130%;
}

h3 {
   color: #013668;
   font-size:120%;
   font-weight:bold;
   line-height:130%;
}

h4 {
   color: #013668;
   font-size:110%;
   font-weight:bold;
   line-height:130%;
}

hr {
	color: #013668;
	background-color: #013668;
	height: 1px;
	border: 0 none;
	width: 50%;
}


/* LINKS */


/* NAVIGATION */

#leftCol * {
   margin: 0;
   padding: 0;
}

#leftCol {
   padding-top: 40px; /* ABSTAND ZU OBEN */
}

#leftCol ul {
   margin-left: 1px; /* ABSTAND LINKS */
   list-style-type: none;
   font-size: 16px;
}


#leftCol li a {
   color: #013668;
   padding-left: 20px;
   font-weight: bold;
   font-size: 80%;
   line-height:250%;
   text-decoration: none;
   display:block;
   height: 50px;
}

#leftCol a:hover {
	text-decoration: none;
}



#leftCol li a:hover {
  background-image:url(images/site_layout/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
    color: white;
}

#leftCol #active {
  color: white;
  background-image:url(images/site_layout/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}




/* RECHTE SPALTE */

#rightCol {
   padding-top: 40px;
   text-align: center;
   color: black;

}

/* 5px left and right, but only ONE level beneath the righCol div (using > )*/
#rightCol {
   padding: 0 10px;
}

#rightCol a:visited {
   color: #013668;
}



/* MITTELSPALTE */

#centerCol {
      line-height:19px;
}

#centerCol h2{
   text-align: center;
}

#centerCol .fett-center {
   text-align: center;
   font-weight: bold;
}

#centerCol h3.news-title {
   color: white;
   background-color: #719cc3;
   padding: 3px;
   padding-left: 6px;
   margin-bottom: 0;
   margin-top: 30px;
   background-image: url(images/site_layout/heading_bg.gif);
   background-repeat:repeat-x;
   }

#centerCol div.news-entry {
	border-bottom: 1px solid #88B7E1;
	margin: 0;
	padding: 10px;
	background-color: #F9F9F9;
}


#centerCol a  {
	text-decoration: underline;
}

#centerCol div.news-entry a:after {
	content: url(images/site_layout/link.png);
	padding-left: 4px;
}

#centerCol a:hover {
   background-color: #FFFFAA;
}


#credits {
   font-family: 'Trebuchet MS', sans-serif;
   letter-spacing:0.1em;
   color: #a4a4a4;
   font-size: 90%;
   text-align: center;
   margin: auto;

}

#credits a {
   text-decoration: none;
   color: #a4a4a4;

}

#credits a:hover {
   text-decoration: underline;
}


.more {
   margin-top: 50px;
   float: right;
}

.clear {
   clear: both;
}
/* 1px pic fors stats */
#stat_pic {
	display: block; /* sonst zerstoerts den footer */
}

/* FUER REGISTRIERUNG */


/* wenn Eingabefeld leer ist */
.input_empty {
   background-color: #F1F1F1;
}

/* wenn Eingabefeld falsch ausgefuellt ist, zB bei email */
.input_wrong {
   background-color: red;
}

/*  NEWSLETTER */

#nl_box {
	text-align: left;
	padding-left: 10px;
}

#nl_box #email {
	width: 150px;
}


#nl_submit {
	font-weight: bold;
	color: #013668;
	background-color: white;
	border:1px solid #013668; 
	margin-top: 5px;
}

#nl_submit:hover {
	background-color: #d9e6f9;
	color: #013668;
	border-color: white;
}

#green-it-nl {
	background-image: url("images/green-it-newsletter-banner.png");
	height: 160px;
	width: 160px;
	margin: auto;
}

#green-it-nl:hover {
	background-image: url("images/green-it-newsletter-banner-active.png");
}