@charset "utf-8";
/* CSS Document */
/*
1. navbar

2. content
	2.1 #left_bar
	2.2 #right_block

3. burkard php

4. arbeiten
*/

/* 1. navbar */

.navbar {
	z-index: 1;
	position: relative;
	background-color: #cccccc;
	height: 60px;
	min-width: 968px;
	text-align: left;
}


.navbar div {
	position: absolute;
	display: inline-block;
	width: 160px;
	height: 60px;
	background-color: #cccccc;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 17px;
	text-align: left;
/*	background-color: #AAAAFF; */
}

.navbar_item {
	cursor: pointer;
}

.navbar > div > p {
	display: inline-block;
	position: relative;
	text-align: center;
	margin-top: 20px;

	background-color: #CCCCCC;
} 

#burkard_pfeifroth {
	left: 25px;
}

#arbeiten {
	left: 268px;
}

#kontakt {
	left: 500px;
}
#impressum {
	left: 633px;
}
#datenschutz
{
	left: 793px;
}

.notselected {
	opacity: 0.5;

}
.hover {
	opacity: 0.25;
}
.selected {
	opacity: 1;
}


.navbar a:link {
	text-decoration: none;
	color: black;
}
	
/* 2. content */
.content {
	position: absolute;
/*	background-color: #AAAAAA; */
	height: auto;
	width: 968px;
	text-align: left;

}

.content_bar > p > span {
	line-height: 1.8;
}
.content_bar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 1.5em;
}
/* 2.1 #left_bar */
#left_bar {
	float: left;
	position: relative;
	display: inline-block;
	margin-left: 25px;
	width: 228px;
	height: 500px;
/*	background-color: #EEEEEE; */
}

#left_bar:first-child {
	margin-top: 35px;
}
#left_bar_content p {
	margin-top: 0px;
}
/* 2.2 #right_block */
 
#right_block {
	float: left;
	position:relative;
	display: inline-block;
	margin-left: 15px;
	width: 700px;
	height: 500px;
/*	background-color: #EEEEEE; */

}
#right_block:first-child {
	margin-top: 30px;
}
/* 3 burkard php */
.button {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	display: inline-block;
	cursor: pointer;
}


/* 4. arbeiten */
.arbeiten_rechts_p {
	margin-top: 35px;
}

.arbeiten_bild {
	width: 160px;
	height:160px;
	margin-right: 15px;
	margin-bottom: 15px;

}

.button2 {
	cursor: pointer;
}

.pfeifroth_content {
	clear: both;
}
.pfeifroth_content img {
	max-width: 700px;
}

/*5. impressum */

.impressum {

	margin-top: 30px;
}