/* CSS Document */

* html body * { overflow:visible }     

/* Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { font-size: 100.01% }           



body {
	margin: 0;
	padding: 0;
	font: 11pt/1.5 sans-serif;
	color: #ffffff;
	background-color: #d8d9db;
}



#header {
	margin: 0;
	padding: 0;
	/* background: #992277; */
	background: url("../bilder/header.jpg") top left no-repeat;
	width: 1002px;
	height: 170px;
	color: #CC0000;
}

#page {
  width: 1002px;
  text-align:left;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom:20px;
}

#main1 {
	margin: 0;
	padding: 0;
/*	background: #444c55 url("red.gif") top left repeat-y;  */
  background-color: #444c55;
	clear:both;        /* wegen navigation-bar  */
	/* width: 500px; */
	/* background-color: grey; */
}
#main2 {
	margin: 0;
	padding: 0;
	background: url("../bilder/bg_vistabar.jpg") top right repeat-y;
}
#left {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	/* background: url("corner.gif") top right no-repeat; */
	font-size: 80%;
/*	background-color: green; */
}


/* ************************************************************************** */
/* ################ SIDE BAR ################################################ */

#right {
	float: right;
	/* width: 229px; */
	width: 192px;
	margin: 0;
	padding: 0;
	/* background: url("corner.gif") top right no-repeat; */
	font-size: 80%;
	
 /*	border: 1px #637fac dashed; */

  margin-top: 50px;
  
  padding-left: 15px;
  padding-right: 22px;
	
}

#right .blueBox {
	background: url("../bilder/blueBox-201px.jpg") top left no-repeat;

	height: 171px;
	width: 159px;

	padding: 15px;
	padding-top: 23px;
	
/*	border: 1px #637fac dashed; */
}


#right .blueBox h2 { 
	font: bold 13px Verdana,Helvetica,Arial;
	color: #ffffff;
}

#right .blueBox p { 
	font: 11px Verdana,Helvetica,Arial;
	color: #ffffff;
	
	margin-top: 12px;
}

#notizbuch {
	background: url("../bilder/notiz_oben.jpg") top left no-repeat;
	
	min-height: 38px;
	width: 159px;
	
	margin-top: 25px;
	padding: 15px;
	padding-top:37px;
	padding-bottom:5px;
	
/*	border: 1px #637fac dashed; */
}


#notizbuch h2 { 
	font: bold 13px Verdana,Helvetica,Arial;
	color: #15366B;
	margin-bottom: 0px;
	padding-bottom: 0px;
	/* border: 1px #637fac dashed; */
}

#notizbuch p { 
	font: 11px Verdana,Helvetica,Arial;
	color: #15366B;		/* DAS blau */
	
	padding-top: 7px;
}

#notizbuch a { 
	font: bold 13px Verdana,Helvetica,Arial;
	color: #15366B;		/* DAS blau */
	
	margin-top: 12px;
}

#notizbuch a:hover { 
	font: bold 13px Verdana,Helvetica,Arial;
	color: #a20703;		/* DAS blau */
	
	margin-top: 12px;
}

#notizbuch ul {
	display: block;
	
	padding-left: 2px;

  list-style-type: none;
/*	border: 1px #ff7fac dashed; */
}

#notizbuch ul li {

	
	padding-left: 18px;
	padding-bottom: 7px;
	
/*	background-image: url(pic_std/stwrk_gr.gif);*/
  background-image: url(../bilder/b1.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
/*    background-position: 50% 50%; */
}


#notizbuch_news {
	background: url("../bilder/notiz_oben.jpg") top left no-repeat;

	min-height: 38px;
	width: 159px;

	margin-top: 25px;
	padding: 15px;
	padding-top:37px;
	padding-bottom:5px;

/*	border: 1px #637fac dashed; */
}


#notizbuch_news h2 {
	font: bold 15px Verdana,Helvetica,Arial;
	color: #15366B;
	margin-bottom: 0px;
	padding-bottom: 0px;
	/* border: 1px #637fac dashed; */
}

#notizbuch_news p {
	font: 11px Verdana,Helvetica,Arial;
	color: #15366B;		/* DAS blau */

	padding-top: 7px;
}

#notizbuch_news a {
	font: bold 13px Verdana,Helvetica,Arial;
	color: #15366B;		/* DAS blau */

	margin-top: 12px;
}

#notizbuch_news a:hover {
	font: bold 13px Verdana,Helvetica,Arial;
	color: #a20703;		/* DAS blau */

	margin-top: 12px;
}


#notizbuch_news ul {
	display: block;
	
	list-style-type: disc;
	
	padding-left: 17px;
	
	margin: 0px;
/*	border: 1px #ff7fac dashed; */
}

#notizbuch_news ul li {
	margin: 0px;

	padding-left: 2px;
	padding-bottom: 7px;
	
	color: #15366B;		/* DAS blau */
    background-image: none;
	background-repeat: repeat-y;
	background-position: 0px 5px;
}


#notizbuch ul li:hover {

	
	padding-left: 18px;
	padding-bottom: 7px;
	
/*	background-image: url(pic_std/stwrk_gr.gif);*/
  background-image: url(../bilder/b3.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
/*    background-position: 50% 50%; */
}

#notizbuch_bg {
	background: url("../bilder/bg_notiz.jpg") top left repeat-y;
	padding: 0px;
	margin: 0px;
}

#notizbuchEnde {
	background: url("../bilder/notiz_unten.jpg") top left no-repeat;
	height: 12px;
	width: 189px;
	
	margin: 0px;
	padding: 0px;
	
/*	border: 1px #637fac dashed; */
}
/* ################ SIDE BAR ################################################ */
/* ************************************************************************** */

#middle {
	margin: 0px 230px 40px 0px;     /* oben rechts unten links */
/*  width: auto; */
	background: #444c55;
	font-size: 80%;
	
	padding-top: 40px;
	padding-right: 0px;
	
/*	border: 1px #637fac dashed;*/
}


#headline {
/*	border: 1px #6f4fac dashed;*/

	margin: 0px;
	margin-right: 90px;

	padding: 0px;
	padding-left: 40px;
	padding-right: 2px;
	padding-bottom: 0px;
}

#headline h1 {
	border-bottom: 1px #637fac dashed;
	font: bold 24px Verdana,Helvetica,Arial;
	margin-bottom: 35px;
	
	padding-bottom: 5px;
	padding-left: 5px;
}

#headline h2.alleinauftrag {
/* border-bottom: 1px #637fac dashed; */
	font: bold 14px Verdana,Helvetica,Arial;
	margin-bottom: 35px;
	
	padding-bottom: 5px; 
	padding-left: 5px;
	
	margin-top: -30px;
}


#middleMain {
/*	border: 1px #637fac dashed;*/

	margin-right: 315px;
	padding-left: 45px;
	padding-right: 2px;
	
	/* margin-right: 170px; */			/* wenn bildspalte ausgeblendet wird */
}

#middleMain h1 {
	font: bold 24px Verdana,Helvetica,Arial;
	margin-bottom: 40px;
}

#middleMain h2 {
	font: bold 18px Verdana,Helvetica,Arial;
	margin-bottom: 20px;
	margin-top:50px;
}

#middleMain p {
	font: 13px Verdana,Helvetica,Arial;
	margin-bottom: 17px;
}

#middleMain p.block {
	font: 13px Verdana,Helvetica,Arial;
	margin-bottom: 10px;
	
	line-height: 20px;
}

#middleMain a,
#middleMain a:link,
#middleMain a:visited,
#middleMain a:hover,
#middleMain a:active {
	font: 13px Verdana,Helvetica,Arial;
	margin-bottom: 17px;
	color: #ffffff;
	text-decoration: underline;
}

#middleMain a:hover {
	font: 13px Verdana,Helvetica,Arial;
	margin-bottom: 17px;
	color: #ffffff;
	text-decoration: none;
/*	font-weight: bold;*/
}


#middleMain a.bigger,
#middleMain a.bigger:link,
#middleMain a.bigger:visited,
#middleMain a.bigger:hover,
#middleMain a.bigger:active {
	font: 14px Verdana,Helvetica,Arial;
	margin-bottom: 17px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

#middleMain a.bigger:hover {
	font: 14px Verdana,Helvetica,Arial;
	margin-bottom: 17px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#middleMain ul {
/*	border: 1px #637fac dashed;*/
/*	margin-left: 30px;*/
	padding-left: 30px;

}


#middleRight {
	float: right;
/*	border: 1px #637fac dashed;*/
	
	margin-right: 0px;
	padding: 10px;
	padding-top: 0px;
	
	width: 265px;
	
	/* display: none; */			/* Bildspalte ausblenden */
}

#middleRight img.with_h2 {
/*	border: 1px #637fac dashed;*/
	
	padding-top: 10px;
}

#middleRight p {
	font: italic 11px Verdana,Helvetica,Arial;
	color: #ffffff;
	
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 25px;
}

#middleRight h2 {
	font: bold 18px Verdana,Helvetica,Arial;
	margin-bottom: 20px;
	margin-top:50px;
}

#footer {
	background: #444c55 url("../bilder/bg_vistabar.jpg") top right repeat-y;
	font: 8px Verdana,Helvetica,Arial;
	padding-left: 20px;
/*   background-color: #444c55; */
}

#footer a {
  color: #ffffff;
  text-decoration: none;
}

#footer a:hover,
#footer a:focus,
#footer a:active  {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}


#abschluss {
  background: url(../bilder/bg_unten.jpg) bottom no-repeat;
  height: 10px;
  
  margin-top: 0px;
  
  font-size: 0px;
}



/* ************************************************************************** */
/* ################ TOP NAV ################################################# */

#topNav ul {

  float: right;
  margin-top: 10px;
  margin-right: 25px;
  
  font: 11px Verdana,Helvetica,Arial;

}

#topNav li {
  display:inline;  /*für eine zeile */
  
  list-style-type:none;
  
  color: #ffffff;
}

#topNav ul li a:link,
#topNav ul li a:visited {
  font: 11px Verdana,Helvetica,Arial;
  text-decoration: none;
  
  color: #ffffff;
}


#topNav ul li a:hover, 
#topNav ul li a:active, 
#topNav ul li a:focus {
  font: 11px Verdana,Helvetica,Arial;
  text-decoration: underline;
  
  color: #ffffff;
}


#topNav ul li a.active:link,
#topNav ul li a.active:visited,
#topNav ul li a.active:hover,
#topNav ul li a.active:active,
#topNav ul li a.active:focus {
  font: bold 11px Verdana,Helvetica,Arial;
  text-decoration: none;


  color: #ffffff;
}
/* ################ TOP NAV - ENDE ########################################## */
/* ************************************************************************** */



/* ************************************************************************** */
/* ################ TEXTSCROLLER ############################################ */

#textScroller {
  
  margin-left: 35px;
  margin-top: 101px;

}

/* ################ TEXTSCROLLER ############################################ */
/* ************************************************************************** */


.column-in {
	margin: 0;
	padding: 0.5em 1em;
}
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}
h1, h2, h3, h4 {
	margin: 0.2em 0
}
p {
	margin: 0.5em 0
}
a {
	color: black
}
.copy {
	text-align: center;
	font-size: 80%
}