@charset "utf-8";
/* CSS Document */

body {text-align: center;
		margin: auto;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		font-size: 12px;
		line-height: 1.5em;
		background-image: url(images/background.jpg);
		background-repeat: repeat-x;
		background-color: #831724;}
		
html {
  height: 100.5%;
}
		
h1 {color: #841725;
	font-size: 14px;}

#page {margin: auto;
		text-align: center;
		width: 976px;
		background-image:url(images/bg_page.png);
		background-repeat: repeat-y;
		}

#header {background-image: url(images/header.jpg);
		background-repeat: no-repeat;
		width: 929px;
		height: 136px;
		text-align: left;
		margin: auto;
		margin-bottom: 40px;}
		
#logo {padding-top: 8px;
		margin-left: 30px;}

a.naviactive:link {text-decoration: none; color: #841725!important; font-weight: bold;}
a.naviactive:visited {text-decoration: none; color: #841725!important; font-weight: bold;}
a.naviactive:hover {text-decoration: none; color: #841725!important; font-weight: bold;}
		
#navi li { background-image: url(images/bg_li.jpg);
			background-repeat: no-repeat;
			background-position: right;
			margin: 0px 0px 0px 0px;
			width: auto;
		float: left;
}
		
#navi li:hover {
    	
}
		
#navi ul {
    padding-left: 5px;
		padding-top: 0px;
		margin-top: -8px;
		list-style-type: none;
}

#navi {
    margin-top: 30px;
		font-size: 15px;
		color: white;
}

#navi li a {
    display: block;
		padding: 7px 15px 6px 15px;
		margin-right: 2px;
		text-align: center;
}

#navi li a:hover {background-image: url(images/hover.jpg);
		background-repeat: repeat-x;	
    	display: block;
		text-align: center;
}

#navi li a.active {background-image: url(images/hover.jpg);
		background-repeat: repeat-x;	
    	display: block;
		text-align: center;
}

#navi li a:link { color: white; text-decoration: none; }
#navi li a:visited { color: white; text-decoration: none; }
#navi li a:hover { color: white; text-decoration: none; }

#teaser {float: left;
		width: 260px;
		text-align: left;
		padding-left: 40px;}
		
#portrait {
    border: 1px solid #f2f2f2;
		padding: 1px;
		width: 217px;
		padding-left: 20px;
		margin-bottom: 40px;
		margin-left: -20px;
}
			
#portrait img {margin-left: -19px;}

#bild {float: right; margin-left: 20px; margin-top: -20px; margin-bottom: 0px;
		border: 1px solid #f2f2f2;
			padding: 1px;
			width: auto;}

#bild img {margin-left: 0px;}

.small {font-size: 11px;}

a:link {color: #666666; text-decoration: underline;}
a:visited {color: #666666; text-decoration: underline;}
a:hover {color: #666666; text-decoration: none;}
			
#content {text-align: left;
		float: left;
		width: 600px;}
		
.line {width: 100%;
		background-image:url(images/line.jpg);
		background-repeat: repeat-x;
		height: 1px;
		margin-top: 30px;
		margin-bottom: 30px;}
		
#content td {height: 30px;
			vertical-align: top;}
			
#footer {background-image: url(images/footer.png);
		background-repeat: no-repeat;
		background-position: bottom;
		height: 58px;
		width: 976px;
		clear: both;
		padding-top: 15px;
		font-size: 11px;
		margin-bottom: 20px;}
		
#kontakt {background-color: #f2f2f2;
			border: 1px solid #f2f2f2;
			padding: 0px;
			height: auto;
			width: auto;}
			
#kontakt form{border: 1px solid white;
			padding-right: 20px;
			padding-bottom: 60px;
			padding-left: 20px;}
			
.senden {background-image: url(images/senden.jpg);
		height: 29px;
		width: 140px;}
		
#teaser ul {list-style-type: none;
			font-size: 14px;
			margin-left: 0px;
			padding-left: 0px; 
      margin-bottom: 30px;}
			
#teaser li {padding-left: 0px;
			border-bottom: 1px solid #999999;
			width: 150px;
			line-height: 25px;}
			
#teaser a:link {text-decoration: none; color: #666666;}
#teaser a:visited {text-decoration: none; color: #666666;}
#teaser a:hover {text-decoration: none; color: #841725;}

.pdf ul {list-style-type: none;}
.pdf li {background-image: url(images/pdf.png);
			background-repeat: no-repeat;
			background-position: left;
			padding-left: 20px;
			margin-bottom: 10px;}