/*	IT-POTT OHG, Multimedia im Ruhrgebiet
	Promenadenweg 23
	45219 Essen
	Telefon: 02054-969598-3
	Telefax: 02054-969598-4 
	www.it-pott.de
*/	

/* Grundaufbau */	
body {	
	margin:				0;
	padding:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#333;
	line-height:		1.4;
	background-repeat:	repeat-x;
	background-color:	#fff
	}

#rahmen {
	position: 			absolute;
	height:				630px;
	margin-left: 		-450px;
	left: 				50%;
 	top:				50%;
	margin-top:			-315px;
	width:				900px;
	z-index:			4;
	}

#head {
	position:			relative;
	background-image:	url(../images/head.png);
	height: 			186px;
	width:				900px;
	z-index:			3;
	behavior:			url(iepngfix.htc);
	}
	
#head_guest {
	position:			relative;
	background-image:	url(../images/head_guest.png);
	height: 			186px;
	width:				900px;
	z-index:			3;
	behavior:			url(iepngfix.htc);
	}

#homelink {
	position: 			absolute;
	left:				160px;
	top:				60px;
	z-index:			3;
	}
#homelink img {
	width:				400px;
	height:				100px;
	}

#content {
	position:			relative;
	background-image:	url(../images/content.jpg);
	height: 			439px;
	width:				900px;
	behavior:			url(iepngfix.htc);
	z-index:			1;
	}

#border_content {
	position:			absolute;
	left: 				115px;
	top:				184px;
	width:				566px;
	height:				343px;
	background-image:	url(../images/rahmen.png);
	behavior:			url(iepngfix.htc);
	background-repeat:	no-repeat;
	z-index:			3;
	}

/* Navigation */
#navi {
	position:			absolute;
	width:				200px;
	top:				185px;
	height:				249px;
	z-index:			3;
	}

#sub_navi {
	position:			absolute;
	left:				60px;
	width:				266px;
	top:				555px;
	height:				15px;
	background-image:	url(../images/navi/sub_bg_t.gif);
	background-repeat:	no-repeat;
	z-index:			3;
	}
	
	
#navi ul,
#sub_navi ul {
	list-style:			none;
	padding:			0;
	margin:				0;
	}	

.about {
	position: 			absolute;
	left: 				38px;
	top:				26px;
	width:				55px;
	height:				14px;
	background:			url(../images/navi/about_off.gif);
	}
.about:hover,
.about_active {
	position: 			absolute;
	left: 				38px;
	top:				26px;
	width:				55px;
	height:				14px;
	background:url(../images/navi/about_over.gif);
	}	
	
.music {
	position:			absolute;
	left: 				44px;
	top:				71px;
	width:				52px;
	height:				12px;
	background:			url(../images/navi/music_off.gif);
	}
.music:hover,
.music_active {
	position:			absolute;
	left: 				44px;
	top:				71px;
	width:				52px;
	height:				12px;
	background:			url(../images/navi/music_over.gif);
	}

.video {
	position:			absolute;
	left: 				35px;
	top:				122px;
	width:				52px;
	height:				13px;
	background:			url(../images/navi/video_off.gif);
	}
.video:hover,
.video_active {
	position:			absolute;
	left: 				35px;
	top:				122px;
	width:				52px;
	height:				13px;
	background:			url(../images/navi/video_over.gif);
	}

	.gallery {
	position:			absolute;
	left: 				38px;
	top:				170px;
	width:				77px;
	height:				15px;
	background:			url(../images/navi/gallery_off.gif);
	}
.gallery:hover,
.gallery_active{
	position:			absolute;
	left: 				38px;
	top:				170px;
	width:				77px;
	height:				15px;
	background:			url(../images/navi/gallery_off.gif);
	background:			url(../images/navi/gallery_over.gif);
	}
	
	.guestbook {
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				95px;
	height:				15px;
	background:			url(../images/navi/guestbook_off.gif);
	background-repeat:no-repeat;
	}
.guestbook:hover,
.guestbook_active {
	background:url(../images/navi/guestbook_over.gif);
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				95px;
	height:				15px;
	background-repeat:no-repeat;
	}

	.impress {
	position:			absolute;
	top:				0px;
	left:				104px;
	width:				75px;
	height:				15px;
	background:			url(../images/navi/impress_off.gif);
	background-repeat:no-repeat;
	}
.impress:hover,
.impress_active {
	background:url(../images/navi/impress_over.gif);
	position:			absolute;
	top:				0px;
	left:				104px;
	width:				75px;
	height:				15px;
	background-repeat:no-repeat;
	}
	
	.contact {
	position:			absolute;
	left:				187px;
	width:				79px;
	top:				0px;
	height:				15px;
	background:			url(../images/navi/contact_off.gif);
	}
.contact:hover,
.contact_active {
	position:			absolute;
	left:				187px;
	width:				79px;
	top:				0px;
	height:				15px;
	background:url(../images/navi/contact_over.gif);
	}

/* Schatten Rahmen */	
.shadow_bottom {
	position:			absolute;
	bottom:				0;
	width:				907px;
	}
	
.shadow_right {

	position:			absolute;
	left:				900px;
	top:				0px;
	height:				623px;
	}
	
/* Inhalte */	
#content_inhalt{
	position: 			absolute;
	left: 				118px;
	top:				150px;
	width:				455px;
	z-index:			2;
	height:				350px;
	padding-right:		20px;
	background-color:	#fff;
	overflow:			hidden;
	}
#content_inhalt img {
	float:				left;
	margin-right:		5px;
	}

#content_about{
	position: 			absolute;
	left: 				120px;
	top:				148px;
	width:				400px;
	z-index:			2;
	height:				300px;
	padding-right:		20px;
	padding-left:		55px;
	padding-top:		60px;
	color:				#fff;
	background-image: 	url(../images/fotos/about_bg_rose.jpg);
	}

#content_music{
	position: 			absolute;
	left: 				400px;
	top:				190px;
	width:				435px;
	z-index:			3;
	height:				310px;
	color:				#fff;
	font-size:			10px;
	font-weight:		bold;
	}

#content_pic{
	position: 			absolute;
	left: 				120px;
	top:				145px;
	width:				487px;
	z-index:			2;
	height:				360px;
	overflow:			hidden;
	}

#content_contact{
	position: 			absolute;
	left: 				150px;
	top:				195px;
	width:				428px;
	height:				272px;
	z-index:			3;
	}
#content_booking{
	position: 			absolute;
	font-size:11px;
	left: 				735px;
	top:				415px;
	height:				100px;
	padding:10px;
	z-index:			3;
	
	}	
#content_booking a{
color: #000;
	}		
	
#content_links{
	position: 			absolute;
	font-size:			9px;
	left: 				750px;
	top:				200px;
	height:				100px;
	padding:10px;
	z-index:			3;
	
	}
			
#content_links a{
color: #000;
	}			

#content_video{
	position: 			absolute;
	left: 				124px;
	top:				151px;
	width:				473px;
	z-index:			2;
	height:				370px;
	
	padding-left:		0px;
	background-color:	#fff;
	overflow:			hidden;
	}

.impress_text {
	position:			absolute;
	width:				390px;
	top:				220px;
	left:				165px;
	z-index:			3;

	}
.impress_text .left {
	float:				left;
	}
.impress_text .right {
	float:				right;
	}
.datenschutz {
	position:			relative;
	top:				30px;
	}

#content_datenschutz{
	position: 			absolute;
	left: 				120px;
	font-size:			10px;
	top:				148px;
	width:				435px;
	z-index:			3;
	height:				310px;
	padding-right:		20px;
	padding-left:		20px;
	padding-top:		40px;
	color:				#000;
	}
	
.frame{
	border:				0;
	position: 			absolute;
	left: 				120px;
	font-size:			10px;
	top:				185px;
	width:780px;
	z-index:			4;
	height:				345px;
	color:				#000;
	
	
	}

/* Form */
.kontaktform {
	margin-top:			10px;
	}

.fehler_mail {
	position:			absolute;
	top:				40px;
	left:				285px;
	font-size:			10px;
	color:				red;
	}

.schutz {
	display:			none;
	}

input	{
	height:				12px;
	font-size:			9px;
	border:				solid 1px #000;
	width:				150px;
	height:				15px;
	padding:			2px;
	margin-left:		20px;
	background-image: 	url(../images/bg_ton.gif);
	}

textarea {
	background-image: 	url(../images/bg_ton.gif);
	width:				250px;
	border:				solid 1px #000;
	padding:			3px;
	margin-left:		20px;
}

.knopf {
	width:				50px;
	height:				20px;
	border:				none;
	}

/* Gallery */	
.thumb	{
	position:			absolute;
	top:				380px;
	left:				37px;
	z-index:			10;
	}
.thumb img {
	padding:			1px;
	border:				#fff solid 1px;
	filter:				Alpha(opacity=50); /* IE */
	-moz-opacity: 		0.50; /* Gecko */
	opacity: 			0.50; /* Opera */
	}
.thumb img:hover {
	filter:				Alpha(opacity=100); /* IE */
	-moz-opacity: 		1; /* Gecko */
	opacity: 			1; /* Opera */
	}
/* MusicPlayer */
.player {
	padding-bottom:		10px;
	width: 				150px;
	}

.abstand {
	padding-left:		20px;
	}

/* FormatEdit */

.welcome {
	position:			absolute;
	top:				80px;
	left: 				245px;
	}

.center {
	text-align:			center;
	}

.red_font {
	font-weight:		bold;
	color:				#660000;
	}

a {
	text-decoration:	underline;
	color:				#999999;
	}
a:hover {
	color:				#660000;
	}