/* Standard */
body { 
   background-color:	#CCCCCC;         /* Hintergrundfarbe aussen */
   font-family:			Verdana,Arial; 
   color:				#572B38;
}

h1 {
   font-family:			Verdana,Arial; 
   color:				#572B38;
   font-size:			16px;
   font-weight:			normal;
   margin-top:			0px;
   margin-left:			-1px;
}

a {
    font-family:		Verdana,Arial; 
    color:				#000000;
	text-decoration:    none;
	font-size:			16px;
}

a:hover {
	font-family:		Verdana,Arial; 
    color:				#572B38;
	text-decoration:    underline;
	font-size:			16px;
}

a.impressum {
    font-family:		Verdana,Arial; 
    color:				#572B38;
	text-decoration:    none;
	font-size:			12px;
}

a.impressum:hover {
	font-family:		Verdana,Arial;
	color:				#572B38;
	text-decoration:    underline;
	font-size:			12px;
}

.active {
	font-family:		Verdana,Arial; 
    color:				#572B38;
	text-decoration:    underline;
	font-size:			16px;
}

/* zentraler Div */
.mainDiv { 
   position:			absolute; 
   left:				50%; 
   top:					50%; 
   height:				650px; 			/* Höhe der Website   */
   width:				950px; 			/* Breite der Website */
   margin-top:			-325px; 
   margin-left:			-475px; 
} 


.div1 {
   position:			relative;
   width:				950px;
   height:				168px;
   background-color: 	#FFFFFF;
   background-image:    url(images/header.jpg);
}


.div2 {
   position:			absolute;
   width:				100px;
   height:				120px;
   top:					123px;
   left:				85px;
   z-index:				1000;
}


.div3 {
   position:			relative;
   width:				950px;
   height:				428px;
   background-color: 	#FFFFFF;
}

.div4 {
   position:			relative;
   width:				950px;
   height:				54px;
   background-color: 	#572B38;
}

.divFooter1 {
   position:			relative;
   float:				left;
   margin-top:			16px;
}

.divFooter2 {
   position:			absolute;
   right:				0px;
   margin-top:			18px;
   padding-right:		20px;
   text-align:			right;
   color:				#FFFFFF;
   font-size:			13px;
}

.divNavi {
   position:			relative;
   width:				566px;
   right:				0px;
   height:				34px;
   margin-top:			90px;
   padding-top:			9px;
   color:				#000000;
   float:				left;
   text-align:			right;	
   font-size:			13px;
}

.divNaviPoint {
   position:			relative;
   width:				100px;
   margin-top:			90px;
   padding-left:		85px;
   padding-top:			9px;
   color:				#000000;
   float:				left;
   font-size:			13px;
   border:				thin 1pt #333;
}

.divContentTextMargin {
   position:			relative;
   height:				428px;
   width:				384px;
   float:				right;
   text-align:			center;
}

.divContentText {
   position:			relative;
   height:				427px;
   padding-left:		20px;
   padding-right:		20px;
   color:				#572B38;
   font-size:			12px;
   text-align:			left;
}

.divContentHome {
   position:			relative;
   height:				428px;
   width:				384px;
   line-height:			1.8;
   text-align:			center;
   color:				#572B38;
   float:				right;
   font-size:			13px;
   padding-top:			50px;
}


.logoDiv {
   position:			absolute;
   width:				222px;
   height:				122px;
   top:					15px;
   right:				80px;
   z-index:				1000;
}

.grauDiv{
   position:			absolute;
   top:					0px;
   left:				0px;
   width: 				100%;
   height:				100%;
   background-color:	#222222;
   z-index: 			10000;
   filter:				alpha(opacity=80);	/* Internet Explorer */ 
   						-moz-opacity: 0.80; /* Mozilla Browser */ 
						opacity: 0.80; 		/* Opera */
   display: 			none;
}

.kontaktDiv{
   position:			absolute; 
   left:				50%; 
   top:					50%; 
   height:				350px; 			/* Höhe der Website   */
   width:				500px; 			/* Breite der Website */
   margin-top:			-175px; 
   margin-left:			-250px;
   background-color:	#FFF;
   z-index:				10001;
   display:				none;
   border: 				solid 2px #572B38;
}

.trivalKontaktDiv {
   position:			absolute;
   background-image:    url(images/trival.gif);
   background-repeat:	no-repeat;
   width:				368;
   height:				114;
   left:				0px;
   bottom:				0px;
   z-index:				10002;
   display:				none;
   text-align:			right;
}

.kontaktForm {
   color:				#572B38;
   font-size:			12px;
}

.kontaktFormElement{
   border: 				solid 1px #572B38;
   width:				250px;
}

.kontaktButton {
   font-weight:         bold;
   color:				#572B38;
   font-size:			12px;
   cursor:				pointer;
}

.kontaktButtonHi {
   font-weight:         bold;
   color:				#9C4E65;
   font-size:			12px;
   cursor:				pointer;
}

.divGalery {			/* 534 x 159   */
   position:			absolute;
   overflow:			hidden;
   width:				345px;
   height:				33px;
   bottom:				0px;
   right:				0px;
   background-image:	url(images/galery.gif);
   background-repeat:	no-repeat;
   color:				#FFF;
   font-size:			14px;
   z-index:				11000;
   white-space:			nowrap;
   filter:				alpha(opacity=90);	/* Internet Explorer */ 
   						-moz-opacity: 0.90; /* Mozilla Browser */ 
						opacity: 0.90; 		/* Opera */
}

.divGaleryControl {		/* 534 x 159   */
   position:			absolute;
   width:				345px;
   height:				0px;
   bottom:				0px;
   right:				0px;
   z-index:				11001;
   font-size:			0px;
   background-color:	#FFF;
   filter:				alpha(opacity=1);	/* Internet Explorer */ 
   						-moz-opacity: 0.01; /* Mozilla Browser */ 
						opacity: 0.01; 		/* Opera */
}

.divGaleryContent {	    
   position:			absolute;
   width:				514px;
   height:				139px;
   bottom:				0px;
   right:				0px;
}

#mobile{
	display:			none;
}

@media only screen and (max-width: 1000px) {

	#desktop{
		display:			none;
	}
	#mobile{
		display:			block;
	}
	
	body { 
	   background-color:	#FFF;
	   font-family:			Verdana,Arial; 
	   color:				#572B38;
	}
	
	* {
		margin:				0;
		padding:			0;
	}

	h1 {
		color:				#572B38;	
		font-size:			1.5em;
		margin:				5% 0 5% 0;
		font-weight:		bold;
	}

	a {
		color:				#572B38;	
		text-decoration:	none;
	}


	#m_anzeigebereich {
		width:				100%;
	}

	#m_kopf {
		float:				left;
		width:				100%;
		background:			white;
		padding:			2% 0% 3% 0%;
	}

	.m_logo{
		width:				100%;
	}

	#m_inhalt {
		float:				left;
		width:				96%;
		background:			white;
		color:				#572B38;
		margin:				2% 2% 0% 2%;
		font-size:			1.0em;
	}

	.m_nav {
		float:				left;
		width:				96%;
		background:			#8C6B73;
		margin:				2% 2% 2% 2%;
		padding:			15px 0px 15px 0px;
		border-radius:		5px;
		color:				white;
		font-size:			1.5em;
		cursor:				pointer;
		text-align:			center;
	}

	.m_nav2 {
		float:				left;
		width:				100%;
		background:			#8C6B73;
		margin:				0% 0% 4% 0%;
		padding:			15px 0px 15px 0px;
		border-radius:		5px;
		color:				white;
		font-size:			1.5em;
		cursor:				pointer;
		text-align:			center;
	}

	#m_pic{
		float:				left;
		width:				100%;
	}

	#m_pic2{
		position:			relative;
		left:				-2%;
		float:				left;
		width:				104%;
	}

	#m_fuss {
		float:				left;
		width:				96%;
		background:			#572B38;
		margin-top:			0;
		padding:			3% 2% 3% 2%;
		font-size:			1.0em;
		text-align:			center;
		color:				white;
	}
}