/* [0] reset all styles from default browser preferences */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img { border: 0px; }

/* [1] HTML5 tags for IE */
header, section, footer, aside, nav, article, figure {display: block;}


/* [2] body */
body {
	margin: 0;
	padding: 0;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	color: rgb(112,114,116);
	background-color: rgb(255,255,255);
}
p{
	color:rgb(112,114,116);
	font: 0.7em Helvetica, Arial, sans-serif;
	line-height: 1.1em;
	-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -hyphens: auto;
}
h1{
	color:rgb(112,114,116);
	font: 0.7em Helvetica, Arial, sans-serif;
	line-height: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
}
h1.kontakt{
	text-transform: lowercase;
	font:0.6em Helvetica, Arial, sans-serif;
	text-align:left;
	font-weight: bold;
	letter-spacing: 0px;
}
a {
	color:rgb(112,114,116);
	font: 1em Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
a.kontakt{
	text-transform: lowercase;
	font-weight: bold;
}
a:hover{
	color:rgb(225,0,25);
}
/* */
#top-bar{
	position:relative;
	display:block;
	width:1010px;
	height:15px;
	left:-15px;
	margin-bottom:5px;
}
#bottom-bar{
	position:absolute;
	display:block;
	width:1010px;
	height:15px;
	left:-15px;
	top:665px;
}

#top-left{
	position:absolute;
	display:block;
	width:15px;
	height:15px;
	left:0px;
	top:0px;
	background: url(../images/topleft.jpg) 0 0 no-repeat;
}
#top-right{
	position:absolute;
	display:block;
	width:15px;
	height:15px;
	right:0px;
	top:0px;
	background: url(../images/topright.jpg) 0 0 no-repeat;
}
#bottom-left{
	position:absolute;
	display:block;
	width:15px;
	height:15px;
	left:0px;
	bottom:0px;
	background: url(../images/bottomleft.jpg) 0 0 no-repeat;
}
#bottom-right{
	position:absolute;
	display:block;
	width:15px;
	height:15px;
	right:0px;
	bottom:0px;
	background: url(../images/bottomright.jpg) 0 0 no-repeat;
}
.clearall{
	clear:both;
}
#wrap{
	position:relative;
	display:block;
	width:970px;
	margin: 40px auto;
}
/* [3] header */
header{
	position:relative;
	display:block;
	width:960px;
	height:22px;
	margin-bottom:5px;
	margin-top:20px;
}
#logo{
	position:relative;
	display:block;
	float:right;
}
/* [4] navigation */
nav{
	position:relative;
	display:block;
	width: 150px;
	margin-right:10px;
	float:left;
}
nav ul{
	list-style-type: none;
}
nav ul li{
	
}
nav a{
	color:rgb(112,114,116);
	font: 0.7em Helvetica, Arial, sans-serif;
	line-height: 0.5em;
	text-decoration: none;
	text-transform: uppercase;
}
nav a:hover{
	color:rgb(225,0,25);
	text-decoration: none;
}
nav a.active{
	font-weight:bold;
	text-decoration: none;
}
li.subnav{
	display:none;
	margin-top:0.5em;
	/*margin-bottom:10px;*/
}
li.li-nav{
	height:0.75em;
}
li.subnav ul{
	margin-left:5px;
}
li.subnav ul li{
	margin-bottom:0.5em;
}
a.subnav-link {
	color:rgb(112,114,116);
	font: 1em Helvetica, Arial, sans-serif;
	line-height: 1em;
	text-decoration: none;
	text-transform: uppercase;
}
a.subnav-link:hover, a.subnav-link-active{
	color:rgb(225,0,25);
}
/* content */
#content{
	position: relative;
	display:block;
	width: 810px;
	float:left;
}
#main{
	position: relative;
	display:block;
	width: 640px;
	float:left;
	margin-right:10px;
}
#main-image{
	position: relative;
	display:block;
	width: 640px;
	height:495px;
	margin-bottom:5px;
	overflow:hidden;
}
#main-text{
	position: relative;
	display:block;
	width: 640px;
	margin-top:5px;
}
#kontakt-text{
	position: relative;
	display:block;
	width: 655px;
	margin-top:5px;
}
#main-text p{
	margin-top:5px;
}
#main-nav{
	position: relative;
	display:block;
	width: 160px;
	height:495px;
	float:left;
	overflow:hidden;
}
#main-nav-container{
	position: absolute;
	display:block;
	width: 160px;
}
.small-image{
	position: relative;
	display:block;
	width:70px;
	height:55px;
	float:left;
	margin-right:10px;
	margin-top:10px;
	cursor: pointer;
}
.small-placeholder{
	position: relative;
	display:block;
	width:70px;
	height:55px;
	float:left;
	margin-right:10px;
	margin-top:10px;
}
.small-image img{
	width:70px;
	height:55px;
}
.small-image-active{
	-moz-opacity:0.25; -khtml-opacity:0.25; opacity:0.25;
	filter:alpha(opacity=25);
}
.text-right{
	position: relative;
	float:right;
}
#buero-kartusche{
	position: relative;
	display:block;
	width: 640px;
	float:left;
	margin-right:10px;
	background-color:rgb(200,200,200);
}
#buero-image{
	position: relative;
	display:block;
	float:left;
	width:225px;
	margin:10px;
}
#buero-text{
	position: relative;
	display:block;
	width: 385px;
	margin-top:10px;
	/*margin-left:140px;*/
	float:left;
}
#buero-mitarbeiter{
	position: relative;
	display:block;
	margin:10px;
	width: 385px;
	margin-left:245px;
	float:left;
}
.buero-right{
	position:relative;
	display:block;
	width:300px;
	float:right;
}