/** pida style.css **/

body {
	margin: 0;
	padding: 0 0 40px 0;
	background-color: #e5e3db;
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #333;
	}


/************************ standarts **/
p {
	margin: 0 0 22px 0;
	padding: 0;
	}

h1 {
	font-size: 14px;
	color: #0087c6;
	margin: 0 0 15px 0;
	}

h2 {
	font-size: 14px;
	color: #0087c6;
	font-weight: bold;
	margin: 0 0 20px 0;
	}

/*** lists **********/
ul {
	margin: 0;
	padding: 0;
	}
	
	li {
		margin: 0 0 15px 45px;
		}


ol {
	margin: 0;
	padding: 0;
	}
	
	ol li {
		margin: 0 0 15px 75px;
		}

img {
	border: 0;
	}

hr {
	width: 564px;
	height: 1px;
	border: 0;
	background-color: #ccc;
	}

a {
	color: #0087c6;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}



/************************************************ container **/
#container {
	position: relative;
	width: 740px;
	margin: 0 auto;
	padding: 0;
	}


#header,
#topnav,
#content {
	width: 740px;
	background: #fff url(images/brbottom.jpg) bottom no-repeat;
	}


/************************************************ header with logo **/
#header {
	position: relative;
	height: 121px;
	margin: 22px 0 15px 0;
	padding: 0;
	}

.logo {
	position: absolute;
	left: 6px;
	top: 6px;
	}

.teaser {
	position: absolute;
	right: 8px;
	top: 96px;
	color: #a6a6a6;
	}

/************************************************ top navi **/
#topnav {
	height: 61px;
	margin: 0 0 15px 0;
	padding: 0;
	color: #333;
	}
	
	#topnav ul {
		height: 52px;
		width: 50em;
		margin: 0 auto;
		padding: 0;
		list-style: none;
		}
		
	#topnav ul li {
		float: left;
		height: 52px;
		margin: 0 5px;
		padding: 0;
		line-height: 4.4em;
		}
	
	#topnav ul li a {
		display: block;
		height: 52px;
		text-decoration: none;
		color: #333;
		padding: 0 15px;
		}
	
	#topnav ul li a:hover {
		text-decoration: none;
		color: #fff;
		background-color: #0085c5;
		}

	#topnav ul li a.current {
		text-decoration: none;
		color: #fff;
		}

.current {
		background-color: #0085c5;
		}



/************************************************ side navi **/
#side-nav {
	position: absolute;
	left: -21px;
	top: 268px;
	width: 128px;
	background: #fff url(images/sidenav-shadow.jpg) no-repeat bottom;
	}

#side-nav ul {
		margin: 20px 0;
		padding: 0;
		list-style: none;
		}

	#side-nav ul li {
		margin: 0;
		padding: 0;
		line-height: 2.2em;
		}
	
	#side-nav ul li:hover {
		color: #fff;
		background: #0085c5 url(images/arrow.jpg) no-repeat left;
		}
	
	#side-nav ul li.current {
		color: #fff;
		background-color: #0085c5;
		}

	#side-nav ul li.current a {
		color: #fff;
		background: url(images/arrow.jpg) no-repeat left;
		}


	#side-nav ul li a {
		display: block;
		text-decoration: none;
		padding: 0 0 0 12px;
		color: #0087c6;
		}

	#side-nav ul li a:hover {
		text-decoration: none;
		color: #fff;
		}




/************************************************ content **/
#content {
	margin: 0;
	padding: 5px 0 0 0;
	min-height: 500px;
	}


/***************************** inhaltsrahmen **/	
#inhalt {
		margin: 15px 0 0 0;
		padding: 20px 40px 60px 40px;
		}

		#inhalt img {
			border: 1px solid #ddd;
			margin: 0 5px 10px 5px;
			padding: 5px;
		}

#sub-inhalt {
		margin: 15px 0 0 0;
		padding: 20px 40px 60px 130px;
		}

/************************************************ Gallery **/
.gallery {
		position: relative;
		width: 550px;
		margin: 0 auto;
		padding: 0;
	}

.smal-teaser {
	position: absolute;
	bottom: 0;
	right: 30px;
	width: 130px;
	line-height: 1.8em;
	font-size: 14px;
	color: #0087c6;
	}


/********************* hr **/
.spacer {
	margin: 40px 0;
	}



/************************* members **/
	td {
		padding: 0 0 40px 0;
		margin: 0;
		}



table.pidamembers {
	padding: 0;
	margin: 0 0 40px 0;
	}

	table.pidamembers td {
		padding: 0;
		}


	table.pidamembers td.members {
		border-left: 3px solid #0085c5;
		padding: 0 0 0 10px;
		}


.name {
	font-weight: bold;
	color: #0085c5;
	}

#sub-inhalt img.members {
	border: 0;
	border-left: 3px solid #0085c5;
	margin: 0;
	padding: 0 0 0 5px;
	}

/********************************* contactformular **/
.contactform {
	margin: 0;
	padding: 0;
	}
	
	.contcatform td {
		padding: 0 0 2px 0;
		}
	

/********************************* sitemap **/
#inhalt ul {
	color: #299ACF;
	}
	
	#inhalt ul li {
		margin: 20px 0 10px 80px;
		padding: 0;
	}





/************************************************ footer **/
#footer {
	position: relative;
	margin: 10px 0 0 0;
	}

.copyright {
	position: absolute;
	top: 0;
	right: 200px;
	line-height: 2.4em;
	font-size: 11px;
	}

.footermenu {
	position: absolute;
	top: 0;
	right: 0;
	width: 181px;
	height: 32px;
	text-align: center;
	background: #fff url(images/brfooter.jpg) bottom no-repeat;
	}
	
	.footermenu ul {
		display: block;
		list-style: none;
		margin: 0 0 0 10px;
		padding: 0;
		}
	
	.footermenu ul li {
		float: left;
		margin: 0 5px 0 0;
		padding: 0;
		}
		
	
	.footermenu a {
		color: #333;
		text-decoration: none;
		line-height: 2.1em;
		padding: 0 4px;
		}

	.footermenu a:hover {
		display: block;
		color: #fff;
		background-color: #0087c6; 
		}
		
	.footermenu a.current {
		display: block;
		color: #fff;
		}