html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 50px 0px;
	
	background-color: rgb(231,240,249);
	background-image: url(../pictures/background.jpg);
	background-repeat: repeat-x;
	
	font-family:  Helvetica, sans-serif;
	line-height: 110%;
	text-align: justify;
	
	color: rgb(0, 51, 102);
}

/**********
*
* styles for the logo section.
*
**********/

h1.Logo{
	margin: 0px;
	padding: 0px;
	text-indent: -5000px; 
	
	position: absolute;
	top: 0px;
	left: 100px;

	height: 130px;
	width: 130px;

	background-image: url(../../../bildlogo.php);

	z-index: 1;
}


#headerPicture{
	margin: 0px;
	padding: 0px;
	
	position: absolute;
	top: 0px;
	left: 220px;

	height: 130px;
	width: 430px;

	background-image: url(../pictures/headerPictureWithShadow.jpg);
	background-position: left bottom;
	z-index: 1;
	
	overflow: hidden;
}

#headerPicture img{
	z-index: 2;
	width: 420px;
	height: 120px;
}

/**********
*
* styles for the container of the web content and its helpers.
*
**********/

#pageWrapper{
	position: relative;
	top: 75px;
	left: 60px;
	background-color: rgb(255,255,255);
	background-image: url(../pictures/pageWrapperBackgroundLightBlue.jpg);
	background-repeat: repeat-y;
	
	width: 950px;
	
	padding: 0px;
	margin-bottom: 50px;
}

#pageWrapperAdmin{
	position: relative;
	top: 75px;
	left: 60px;
	background-color: rgb(255,255,255);
 /*	background-image: url(../pictures/pageWrapperBottom.jpg);
  background-repeat: repeat-y;*/
	width: 990px;
	
	padding: 0px;
	margin-bottom: 50px;
}

#header{
	width: 100%;
	height: 10px;
	background-image: url(../pictures/pageWrapperTopLightBlue.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

#headerAdmin{
	width: 100%;
	height: 10px;
  background-image: url(../pictures/pageWrapperBottom.jpg);
  background-repeat: no-repeat;
	padding-bottom: 20px;
}

#footer{
	clear: both;
	width: 100%;
	height: 10px;
	background-position: bottom;
	background-image: url(../pictures/pageWrapperBottomLightBlue.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
}

#footerAdmin{
	clear: both;
	width: 100%;
	height: 10px;
	/*background-position: bottom;
	background-image: url(../pictures/pageWrapperBottom.jpg);
	background-repeat: no-repeat;*/
	padding-top: 20px;
}



/**********
*
* styles for the mainContentArea section.
*
**********/


#mainContentArea{
	display: inline;
	float: left;
	width: 540px;
	padding: 0px 0px 0px 0px;
	margin: 40px 40px 40px;
}

#mainContentAreaAdmin{
	display: inline;
	float: left;
	width: 910px;
	padding: 0px 0px 0px 0px;
	margin: 40px 40px 40px;
}


#contentColumn{
	margin: 0px;
	padding: 20px 0px 0px 0px;
	border-color: rgb(215,0,41);
	border-style: none solid solid solid;
	border-width: 1px;
}

#contentColumn h2{
  border-bottom: thin solid rgb(0,51,102);
	clear: both;
  margin: 0px 20px 10px 20px;
	padding: 20px 0px 0px 0px;
	font-size:100%;
}

#contentColumn p{
	clear: both;
  margin: 0px 20px 20px 20px;	
	font-size:12px;
}

#contentColumn ul,
#contentColumn ol{
  font-size: 12px;
}

#contentColumn ul li,
#contentColumn ol li{
  margin: 0px 20px 5px 20px;	
}

#contentColumn table{
	clear: both;
  margin: 0px 20px 20px 20px;
}

#contentColumn table tr th{
	font-size: 12px;
  font-weight: bold;  
}

#contentColumn table tr td{
	font-size: 12px;
}



#contentColumn table tr td img{
	float: none;
}

#contentColumn #admintable{
	border-style: solid;
  border-width: 1px;
  border-color: rgb(0,0,0);
  margin: 0px; 
  width: 100%;
}

#contentColumn #admintable tr td,
#contentColumn #admintable tr th{
	border-style: solid;
  border-width: 1px;
  border-color: rgb(0,0,0);
}

#contentColumn #admintable tr td table,
#contentColumn #admintable tr td table tr th,
#contentColumn #admintable tr td table tr td{
	border-style: solid;
  border-width: 1px;
  border-color: rgb(60,60,60);
  background-color: rgb(200,200,200);
  margin: 0px;
  padding: 0px;
}

#contentNavigation{
	margin: 0px;
	padding: 0px;
}

ul#topLevelNavigation{
	margin: 12px auto 10px 0px;
	padding: 0px;
}

ul#topLevelNavigation li{
	list-style: none;
	margin: 0px; 
	display: inline;
}

ul#topLevelNavigation li a{
	text-decoration: none;
	padding: 10px;
	color: rgb(215,0,41);
	background-color: rgb(255,255,255);
	border-color: rgb(215,0,41);
	border-style: solid solid none solid;
	border-width: 1px 1px 1px 1px;
}

ul#topLevelNavigation li a.current{
	text-decoration: none;
	padding: 10px;
	color: rgb(255,255,255);
	background-color: rgb(215,0,41);
	border-color: rgb(215,0,41);
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
}

ul#subLevelNavigation{
	margin: 0px 0px;
	padding: 12px 10px 12px 0px;
	background-color: rgb(215,0,41);
	font-size: 12px;
}

ul#subLevelNavigation li{
	list-style: none;
	margin: 0px; 
	display: inline;
}

ul#subLevelNavigation li a.current{
	background-image: url(../pictures/linkHighlightNavTriangle.jpg) ;
	background-repeat: no-repeat;
	background-position: center bottom;
	border-style: none;
}

ul#subLevelNavigation li a,
ul#subLevelNavigation li a:link,
ul#subLevelNavigation li a:visited{
	text-decoration: none;
	border-style: none;
	padding: 0px 0px 16px 0px;
	margin: 10px;
	color: rgb(255,255,255);
}

ul#subLevelNavigation li a:active,
ul#subLevelNavigation li a:hover{
	background-image: url(../pictures/linkHighlightNavTriangleSoft.jpg) ;
	background-repeat: no-repeat;
	background-position: center bottom;
	border-style: none;
}

#contentColumn p.pages{
	padding: 0px 20px 0px;
	margin: 0px;
	font-size: 12px;
}

#contentColumn ul.news{
	padding: 5px 20px 20px;
	margin: 0px;
	font-size: 12px;
	list-style-type: none;
}

#contentColumn ul.news li{
	clear: both;
	padding: 5px 0px;
	margin: 5px 0px;
}

#contentColumn img{
	clear: both;
	float: left;
	padding: 0px 10px 5px 10px;
}

/**********
*
* styles for the navigationColumn section.
*
**********/

#navigationColumn{
	margin-left: 620px;
}

#navigationColumn h2{
	position: relative;
	background-color: rgb(255,255,255);
	border-bottom-style: solid;
	border-bottom-color: rgb(215,0,41);

	margin: 40px 40px 0px 40px;
	padding: 10px 10px 5px 10px;
	font-size: 100%;
}


#navigationColumn ul{
	
	background-color: transparent;
	
	margin: 0px 40px 20px 40px;
	padding: 10px 10px 0px 10px;
	
	font-size: 12px;
	list-style-type: none;
	
}

#navigationColumn img{
	
	float: right;
	background-color: transparent;
	
	margin: 0px 40px 20px 40px;
	padding: 10px 10px 5px 10px;
	
	font-size: 12px;
	list-style-type: none;
}

#navigationColumn ul li{
	
	margin: 3px 0px 0px 0px;
	
}


#navigationColumn ul li a img{
	margin: 0px 0px 0px 0px;
  padding: 3px 0px 0px 0px;
  float: none;
  display: block;
  
}

#navigationColumn a{
	color: rgb(0, 51, 102);
}

#navigationColumn a:link, a:visited {
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: thin;;
	border-bottom-color: rgb(215,0,41);
}
	 
#navigationColumn a:hover, a:active {
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-bottom-color: rgb(215,0,41);
}

#navigationColumn a:link img, a:visited img,  a:hover img , a:active img { 
	border-style: none;
	text-decoration: none;
}

#navigationColumn p{
	
	margin: 0px 40px 20px 40px;
	padding: 10px 10px 5px 10px;
	
	font-size: 12px;
}

a .redColor{
	color: rgb(255,0,0);
}

li img{
	float: left;
	padding: 0px 5px;
}

#news a, #news a:hover, #news a:link, #news a:visited{
	text-decoration: none;
	border-style: none;
	color: rgb(0, 51, 102);;
}


/*#navigationColumn .withImg{
	border-bottom-style: none;
  border-bottom-width: 0px;
}

#navigationColumn .withImg a, #navigationColumn .withImg a:link, #navigationColumn .withImg a:visited, #navigationColumn .withImg a:hover, #navigationColumn .withImg a:active{
	border-bottom-style: none;
  border-bottom-width: 0px;
}

#navigationColumn a.withImg a, #navigationColumn a.withImg:link, #navigationColumn a.withImg:visited, #navigationColumn a.withImg:hover, #navigationColumn a.withImg:active{
	border-bottom-style: none;
  border-bottom-width: 0px;
}*/

#navigationColumn a.withImg a, #navigationColumn a:link.withImg, #navigationColumn a:visited.withImg, #navigationColumn a:hover.withImg, #navigationColumn a:active.withImg{
	border-bottom-style: none;
  border-bottom-width: 0px;
}


.newsEven{
	background-color: rgb(231,240,249);
}

.additionalInfo{
	font-size: 70%;
}

a, a:link, a:visited {
	color: #003366;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: rgb(215,0,41);
}

a:hover, a:active{
	color: #003366;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-bottom-color: rgb(215,0,41);
}

