/* CSS Dokument */

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background-color: #F5F5F5;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center; /* horizontal centering for IE Win quirks */
}

hr {
    width: 760px;
    height: 1px;
    margin-top: 20px; 
    margin-bottom: 20px; 
	padding: 0px;
	color: #44494F;
    border-top: 1px solid #DCDFDF;
	border-bottom: transparent;
	clear: left;
}

#distance { 
	width: 1px;
	height: 50%;
	margin-bottom: -400px; /* half of container's height */
	float: left;
}

#container {
	padding: 0px;
	margin:0 auto;
	position: relative; /* puts container in front of distance */
	text-align: left;
	width: 1200px;
    height: 800px;
	clear: left;
	background-color: #DCDFDF;
}

/* Grundgerüst */
#kopfzeile {
    position: relative;
	width: 1030px;
	height: 110px;
	padding-left: 170px;
	background-color: #D1D2D2;
}

#inhaltszeile {
    position: relative;
	width: 1200px;
	height: 580px;
}

#fusszeile {
    position: relative;
	padding-top: 38px;
	padding-left: 150px;
	padding-bottom: 38px;
	padding-right: 150px;	
	width: 900px;
	height: 36px;
	background-color: #D1D2D2;
}

/* Inhaltsbereich */
#navi {
	width: 110px;
	height: 385px;
	padding-top: 195px;
	padding-left: 30px;
	padding-right: 30px;
	float: left;
}

#inhalt {
	width: 640px;
	height: 435px;
	float: left;
}

.navibutton {
    width: 110px;
	height: 11px;
	margin-bottom: 30px;
	padding-top:8px;
}

.navibutton_home {
    width: 110px;
	height: 11px;
	margin-top: 205px;
}

.bild {
	width: 860px;
	height: 580px;
}

#bg_dunkel {
	width: 860px;
	height: 580px;
	background-image: url(img/bg_studios.jpg);
	background-repeat: no-repeat;
	padding: 50px;
	float: left;
}

#studio1 {
	width: 235px;
	height: 580px;
	float: left;
	padding-right: 27px;
}

#studioxxl {
	width: 235px;
	height: 580px;
	float: left;
	padding-right: 28px;
}

#studiogreece {
	width: 235px;
	height: 580px;
	float: left;
}

#kontakt {
	width: 320px;
	height: 580px;
	padding-top: 75px;
	padding-right: 20px;
	float: left;
}

#anfahrtsskizze {
	width: 420px;
	height: 580px;
	padding-top: 75px;
	float: left;
}

#teamzeile1 {
	width: 760px;
	height: 225px;
	padding-top: 45px;
	float: left;
}

#teamzeile2 {
	width: 499px;
	height: 225px;
	padding-left: 266px;
	float: left;
}

.portrait {
	width: 100px;
	height: 225px;
	padding-right: 33px;
	float: left;
}

#impressum1 {
	width: 370px;
	height: 280px;
	padding-top: 0px;
	padding-right: 20px;
	float: left;
}

#impressum2 {
	width: 370px;
	height: 280px;
	padding-top: 0px;
	float: left;
}

#impressum3 {
	width: 370px;
	height: 280px;
	padding-top: 0px;
	padding-right: 20px;
	float: left;
}

#impressum4 {
	width: 370px;
	height: 280px;
	padding-top: 0px;
	float: left;
}

.bildleiste {
	width: 860px;
	height: 36px;
	overflow: hidden;
	white-space: nowrap;
	/* padding: 0px; */
	float: left;
}

#pfeil_rechts, #pfeil_links {
	width: 20px;
	height: 36px;
	float: left;
	cursor: pointer; 
	cursor: hand;
	text-align: center;
} 

#rheinline {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:right;
	width: 900px;
    height: 30px;
	clear:left;
}