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

body { 
		background-color: #dad4ae;
		margin: 0;
		padding:0px;
		text-align: left;
		color:#333333;
		font-family: Times New Roman, Times, serif;
		font-size: 14px;	
		
}
a:link {
		color: #3a382a;
		text-decoration: none;
}
a:visited {
		color: #3a382a;
		text-decoration: none;
}
a:active {
		color: #3a382a;
		text-decoration: none;
}
a:hover {
		text-decoration: none;
}
.container {
	width: 910px;
	margin: 0 auto 0 auto;
	position: relative;
}
.header-links-josef {
	background-image: url(../Bilder/logoneu-links-josef-foto.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 400px;
	width: 279px;
	float: left;
}
.header-links-worldlogo {
	background-image: url(../Bilder/logoneu_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 400px;
	width: 279px;
	float: left;
}
.header-links-stephanie {
	background-image: url(../Bilder/logoneu-links-stephanie.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 400px;
	width: 279px;
	float: left;
}
.header-links-west {
	background-image: url(../Bilder/logoneu-links-west.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 400px;
	width: 279px;
	float: left;
}
.header-links-leonard {
	background-image: url(../Bilder/logoneu-links-leofoto.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 400px;
	width: 279px;
	float: left;
}
.header-links-chantal {
	background-image: url(../Bilder/logoneu-links-chantal.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 400px;
	width: 279px;
	float: left;
}
.header {
	background-image: url(../Bilder/logoneu_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 301px;
	width: 631px;
	float: right;
}
.titel {
	background-image: url(../Bilder/rahmen-oben.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 99px;
}
.titel h2 {
	margin-left: 20px;
	margin-top: 55px;
}
.maincontainer {
	position:absolute;
	top: 301px;
	width: 631px;
	left: 279px;
	}
.menuecontainer {
	width: 279px;
	float: left;
	position: absolute;
	left: -1px;
	top: 400px;
}
.boxinhalt {
	width: 600px;
	background-image: url(../Bilder/rahmen-zeile.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 15px;
	padding-right: 15px;
	top: -1px;
}
.abschluss {
	background-image: url(../Bilder/rahmen-unten.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 99px;
	width: 631px;
	position: relative;
	margin-top: 0px;
}

h2 { padding-left: 20px;
		padding-top: 30px;
		
}

.float-links {
		float:left;
		margin-right: 10px;
		margin-bottom: 5px;
}
.float-rechts { float:right;
				
}
.textinhalt {
	width: 600px;
	padding: 10px;
	border-bottom: solid 1px black;
}
.termine {
	width: 600px;
	padding: 10px;
	color: #333;
	text-align: center;
}
.hp-westbox {
		width: 600px;
		padding-top: 5px;
		margin-left: 5px;
		cursor: pointer;
}
#hp-west {
	background-image:url(../Bilder/hp-logos/hoerproben-background-west.jpg);
	width: 600px;
	visibility: hidden;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 800px;
	position: absolute;
}
.hp-chantalbox {
		width: 150px;
		padding-top: 20px;
		margin-left: 10px;
		clear: right;
		cursor: pointer;
		margin-right: 20px;
		}
#hp-chantal {
	width: 600px;
	visibility: hidden;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 600px;
	position: absolute;
	background-image: url(../Bilder/hp-logos/hoerproben-background-chantal.jpg);
}
.hp-leonardbox {
		width: 260px;
		padding-top: 20px;
		float: left;
		margin-left: 10px;
		clear: left;
		cursor: pointer;
		}
#hp-leonard {
	width: 600px;
	visibility: hidden;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 600px;
	position: absolute;
	background-image: url(../Bilder/hp-logos/hoerproben-background-leonard.jpg);
}
.hp-sarahbox {
		width: 260px;
		padding-top: 20px;
		float: right;
		margin-left: 10px;
		clear: right;
		cursor: pointer;
		margin-right: 20px;
		}
#hp-sarah {
	width: 600px;
	visibility: hidden;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 600px;
	position: absolute;
	background-image: url(../Bilder/hp-logos/hoerproben-background-sarah.jpg);
	
}
.hoerprobe {
	margin-bottom: 0px;
	width: 300px;
	float: right;
	margin-top: 20px;
}
.margin-rechts {
	margin-right: 10px;
	margin-left: 10px;
}
.cursor_pointer {cursor: pointer;}
.leerbox {
	width: 620px;
	height: 600px;
}
.hp-box {
	height: 80px;
	width: 310px;
	float: right;
}
.video-box {
	height: 337px;
	width: 542px;
	float: right;
}