HTML
{
	
    margin:				0; 
}

BODY
{
	/*background:		#0A0B0A url(../../images/bg-body.jpg) repeat-x;*/
	background-color:	#170909; /*1b0404*/
	background: -moz-linear-gradient(center top, #170909, #000);
	background: -webkit-gradient(linear, center top, center bottom, from(#170909), to(#000));
	background: -webkit-linear-gradient(top,#170909, #000);
    font-family:		'NunitoLight', verdana, arial, helvetica, sans-serif;
    font-size:			90%;
    margin:				0; 
}

@font-face {
    font-family: 'CabinSemiBoldItalic';
    src: url('../../fonts/Cabin-SemiBoldItalic-webfont.eot');
    src: url('../../fonts/Cabin-SemiBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Cabin-SemiBoldItalic-webfont.ttf') format('truetype'),
         url('../../fonts/Cabin-SemiBoldItalic-webfont.svg#CabinSemiBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NunitoLight';
    src: url('../../fonts/Nunito-Light-webfont.eot');
    src: url('../../fonts/Nunito-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Nunito-Light-webfont.ttf') format('truetype'),
         url('../../fonts/Nunito-Light-webfont.svg#NunitoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PerspectiveSansRegular';
    src: url('../../fonts/persans-webfont.eot');
    src: url('../../fonts/persans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/persans-webfont.ttf') format('truetype'),
         url('../../fonts/persans-webfont.svg#PerspectiveSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
H1
{
	font-family:		'PerspectiveSansRegular', verdana, arial, helvetica, sans-serif;
	font-size:			109%;
    font-weight:        normal;
    letter-spacing:     .07em;
    padding-top:		0px;
}
H2
{
    font-family:			'CabinSemiBoldItalic', verdana, arial, helvetica, sans-serif;
    font-size:		    	100%;
    font-weight:        normal;
    letter-spacing:     .08em;
    padding-top:		16px;
}
H3
{
     font-family: 			'CabinSemiBoldItalic', verdana, arial, helvetica, sans-serif;
     font-size:		   		 100%;
      letter-spacing:     .08em;
    font-weight:       	 normal;
}
H4
{
     font-family:			'CabinSemiBoldItalic', verdana, arial, helvetica, sans-serif;
    font-size:		    	100%;
    font-weight:        normal;
    letter-spacing:     .08em;
    padding-top:		26px;
}
HR
{
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #999999;
}

IMG
{
   	border-width:		0;
}

UL LI
{
	list-style:					circle outside;
	margin-bottom:		3px;
}

A:link, A:visited, A:active
{
	color:				#2701EA;
   	text-decoration:	underline;
   	white-space:		nowrap;
}
A:hover
{
	color:				#AC2629;
   	text-decoration:	none;
   	white-space:		nowrap;
}

.nobr {white-space: nowrap}

.aocolumn
{
	display:			inline-block;
	margin:				4px;
	vertical-align:		top;
}

/**************************************************************
 * Containers
 *-----------------------------------------------------------*/
#languagelink
 {
 	margin-bottom:		0;
 	margin-left:		auto;
 	margin-right:		auto;
 	margin-top:			0;
	position:			relative;
	text-align:			right;
	width:				880px; 
 }
#container
 {
 	margin-bottom:		0;
 	margin-left:		auto;
 	margin-right:		auto;
 	margin-top:			0;
	padding-top:		0px;
	position:			relative;
	width:				900px; 
 }
#aotop
{
	border-radius: 						6px 6px 0 0;
 	-moz-border-radius: 			6px 6px 0 0;
 	-webkit-border-radius: 		6px 6px 0 0;
	background-color:				#a7d2ab; /* abd1af*/
	 background-image:    -moz-linear-gradient(top, #a7d2ab, #7bb681);
	background-image: -webkit-gradient(linear,center  top,  center bottom, from(#a7d2ab), to(#7bb681)); 
	height:									40px;
	margin:									0;
	width:									900px;
}
#aomiddle TD 
{
	background-color:  			#f9f6d1;
}
#aomiddle
{
	background-color:  			#f9f6d1;
	border-radius: 						0 0 10px 10px;
 	-moz-border-radius: 			0 0 10px 10px;
 	-webkit-border-radius: 		0 0 10px 10px;
	padding:								25px 0px 10px 15px  ;
}

#aorenters
{
	width:	95%;
}

#rightcontent
{
	background-color:	#f9f6d1;
	float:right;
	border-radius: 						10px;
 	-moz-border-radius: 			10px;
 	-webkit-border-radius: 		10px;
 	margin-bottom:		0;
	padding-left:		23px;
	padding-right:		20px;
	padding-top:			0px;
	padding-bottom:			0;
	text-align:justify;
	width:				680px;
}
#aomiddleleftcolumn
{
	float:										left; 
	width:									51%;
}
#aomiddlerightcolumn
{
	float:										right; 
	width:									45%;
}
#aomiddlerightcolumn IFRAME
{
	height:									590px
	width:									302px;
	border: 									2px solid  #000;
	border-radius: 						5px;
 	-moz-border-radius: 			5px;
 	-webkit-border-radius: 		5px;
 	box-shadow: 						2px 5px 7px #696969;
}
#aomiddleleftcolumnteam
{
	float:										left; 
	width:									75%;
}
#aomiddlerightcolumnteam
{
	float:										right; 
	width:									20%;
}
#aomiddlerightcolumnteam  IMG
{
	border: 			0px solid  #000;
	box-shadow: 2px 2px 6px #696969;
	border-radius: 						12px;
 	-moz-border-radius: 			12px;
 	-webkit-border-radius: 		12px;
}
#aomiddleleftcolumnphotos
{
	float:										left; 
	width:									65%;
}
#aomiddlerightcolumnphotos
{
	float:										right; 
	width:									30%;
}
#aomiddlerightcolumnphotos IMG
{
	float:										right; 
	width:									50%;
	margin: 								0 43px 0 57px;
	box-shadow: 						2px 5px 7px #000;
}
#aomiddleleftcolumnphotos  IMG
{
	border: 									0px solid  #000;
	box-shadow: 						2px 2px 4px #696969;
	border-radius: 						7px;
 	-moz-border-radius: 			7px;
 	-webkit-border-radius: 		7px;
 }
 #aomiddleleftcolumnvideos
{
	float:										left; 
	width:									90%;	
}
#aomiddleleftcolumnvideos IFRAME
{
	float:										left; 
	/*width:									100%;*/
	border: 									3px solid  #000;
	margin: 								  0 0 20px 0;
 	border: 									3px solid  #000;
 	-webkit-border-radius: 		5px;
	/* border-radius: 						5px;
 	-moz-border-radius: 			5px; These break Firefox 8, 9 works fine*/
 	box-shadow: 						2px 2px 7px #000;
}
#aomiddleleftcolumnwaitinglist
{
	float:										left; 
	width:									43%;
	background-color:  			#efedd6;
	border: 									0px solid  #000;
	padding:								 0 20px 20px 20px;
	box-shadow: 						1px 1px 4px #696969;
	border-radius: 						3px;
 	-moz-border-radius: 			3px;
 	-webkit-border-radius: 		3px;
}
#aomiddlerightcolumnwaitinglist
{
	float:										right; 
	width:									43%;
	background-color:  			#efedd6;
	border: 									0px solid  #000;
	padding:								 0 20px 20px 20px;
	box-shadow: 						1px 1px 4px #696969;
	border-radius: 						3px;
 	-moz-border-radius: 			3px;
 	-webkit-border-radius: 		3px;
}
#aomiddlerightcolumndrummerscabin
{
	float:										right; 
	width:									45%;
 }

 #aomiddlerightcolumndrummerscabin IMG
{
	border-radius: 						3px;
 	-moz-border-radius: 			3px;
 	-webkit-border-radius: 		3px;
 	box-shadow: 						2px 5px 7px #696969;
 }
 #aomiddlerightcolumndrummerscabin  IFRAME
{
	height:									590px
	width:									302px;
	border: 									1px solid  #000;
	border-radius: 						3px;
 	-moz-border-radius: 			3px;
 	-webkit-border-radius: 		3px;
 	box-shadow: 						2px 5px 7px #696969;
  }
 #aomiddlerightcolumncontact
{
	float:										right; 
	width:									40%;
	background:							#f7d993;
	padding:								 0 20px 20px 20px;
	border: 									0px solid  #000;
	box-shadow: 						2px 2px 4px #696969;
	border-radius: 						7px;
 	-moz-border-radius: 			7px;
 	-webkit-border-radius: 		7px;
 }
#aomiddleleftcolumnlogin TD
{
	background-color:							#f7d993;
}
#aomiddleleftcolumnlogin
{
	background-color:							#f7d993;
	float:										left; 
	width:									47%;
	padding:								 20px 20px 20px 20px;
	border: 									0px solid  #000;
	box-shadow: 						2px 2px 4px #696969;
	border-radius: 						7px;
 	-moz-border-radius: 			7px;
 	-webkit-border-radius: 		7px;
 }
 #aomiddlerightcolumnlogin
{
	float:										right; 
	width:									36%;
	padding:								 20px 20px 20px 20px;
	border: 									1px solid  #854a05;
	border-radius: 						7px;
 	-moz-border-radius: 			7px;
 	-webkit-border-radius: 		7px;
 }
.aobackground,
.aobackground A:link, 
.aobackground A:visited, 
.aobackground A:active,
#languagelink A:link,
#languagelink A:visited,
#languagelink A:active
{
	color:				white; 
	font-size:			82%;
	text-align:			center;
   	text-decoration:	none;
}
.aobackground A:hover,
#languagelink A:hover
{
	color:				white; 
   	text-decoration:	underline;
}

/**************************************************************
 * Top Nav
 *-----------------------------------------------------------*/
#aotopnav UL
{
	background:		#F7F3B7;
	border-top:		1px solid black;
	border-bottom:	1px solid black;
	float:			left;
	 font-size:			100%;
	list-style:		none;
	margin:			0;
	padding:		0;
	text-align:		left;
	white-space:	normal;
	width:			900px;
}
#aotopnav LI
{
	border-right:	1px solid black;
	float:					left;
	list-style:			none;
	margin:				0;
	padding:			0;
	min-width:		71px;
}
#aotopnav A
{
	color:			#000000;
	display:		block;
	float:			left;
	font-size:		90%;
	font-weight:	lighter;
	margin:			0;
	padding:		1px 2px 1px 2px ;
	text-align:		center;
	text-decoration:none;
	min-width:		80px;
}
#aotopnav A:hover
{
	border-left:	1px solid gray;
	border-right:	1px solid gray;
	border-top:		1px solid gray;
	padding:		1px 1px 0 1px ;	
}
#aotopnav .topnavselected a
{
	color:			#AC2629;
}
#aologo
{
	position:		absolute;
	left:			700px;
	top:			4px;
	white-space:	normal;
	z-index:		99;
}

/**************************************************************
 * Side Nav
 *-----------------------------------------------------------*/
#sidenav
{
	border: 			0px solid  #c8bf93;
	box-shadow: 1px 2px 5px #696969;
	border-radius: 						10px;
 	-moz-border-radius: 			10px;
 	-webkit-border-radius: 		10px;
 	background-color:				#a7cbcc;/*a7cbcc*/
	float:										left;
	padding:								24px 0 10px 0;
	text-align:								left;
	width:									149px;
}
#sidenavlinks
{
	margin:				0;
	min-height:			331px;
	padding-left:		18px;
}
#sidenav ul
{
	height:				272px;
	margin:				0;
	padding-left:		16px;
}
#sidenav li
{
	list-style-type:	none;
	margin:				0;
	padding-bottom:		16px;
}
#sidenav A:link, #sidenav A:visited, #sidenav A:active
{
	color:				#27337B;
	margin:				0;
	text-decoration:	none;
	white-space:		normal;
}
#sidenav A.currentpage,
#sidenav A:hover
{
	color:				#AC2629;
	margin:				0;
	text-decoration:	none;
	white-space:		normal;
}
#sidenavimage
{
	color:				#3C7582;
	height:				107px;
}
.sidenavimagehome			{background:#a7cbcc url(../../images/nav_home.jpg) no-repeat bottom left;}
.sidenavimageproberaeume	{background:#a7cbcc url(../../images/nav_proberaeume.jpg) no-repeat bottom left;}
.sidenavimageinteressentenliste		{background:#a7cbcc url(../../images/nav_interessentenliste.jpg) no-repeat bottom left;}
.sidenavimagefotos			{background:#a7cbcc url(../../images/nav_fotos.jpg) no-repeat bottom left;}
.sidenavimagelogin			{background:#a7cbcc url(../../images/nav_login.jpg) no-repeat bottom left;}
.sidenavimagedrumkabinen	{background:#a7cbcc url(../../images/nav_drumkabinen.jpg) no-repeat bottom left;}
.sidenavimagekontakt		{background:#a7cbcc url(../../images/nav_kontakt.jpg) no-repeat bottom left;}
#sidenavtitle
{
	background-color:			#a7cbcc;
	color:				#3C7582;
	font-size:			16px;
	letter-spacing:     .25em;
	margin:				10px 0 0 0; /*top right bottom left*/
	text-align:			center;
}

/******************************
 * Validation and error display 
 *----------------------------*/
.ValidationSummary TD,
.ValidationSummary
{
	 background-color: 		#FFFF99;
	 border: 				1px solid #ff0000;
	 color:					#990000;
	 margin-top:			16px;
	 padding:	 			11px;
}
.ErrorMessage
{
 padding-left: 			11px;
 Border-Style: 			solid;
 Border-Width: 			0px;
 border-bottom-width: 	1px;
 Border-color: 			#C4C5B9;
 background-color: 		#FFFF66;
 font-size:				10pt;
 color:					#000099;
}
.ValidationComment
{
 padding: 				2px;
 padding-left: 			11px;
 Border-Style: 			solid;
 Border-Width: 			1px;
 Border-color: 			#990000;
 background-color: 		#ffffff;
 color:					#660000;
}

/******************************
 * RoomsOpen
 *----------------------------*/
#RoomsOpen
{
   	font-family:		'NunitoLight', verdana, arial, helvetica, sans-serif;
    font-size:			90%;
    float:				right; 
}
#RoomsOpen dl
{
	background:		#f7d993;
	display:			block;
    clear:				both;
	border: 			1px solid  #c8bf93;
	border-radius: 						7px;
 	-moz-border-radius: 			7px;
 	-webkit-border-radius: 		7px;
	margin:				0 0 36px 0;
	padding:			12px 0 0 0;
	background: -moz-linear-gradient(center top, #f7d993, #f7d993 94%, #e1b54f);
	background: -webkit-gradient(linear, center top, center bottom, from(#f7d993), color-stop(94%, #f7d993), to(#e1b54f));
}
#RoomsOpen dt
{
  float:				right;
    margin:				0 10px  0 20px;
}
#RoomsOpen dt IMG
{
   border: 			1px solid  #854a05;
	border-radius: 						6px;
 	-moz-border-radius: 			6px;
 	-webkit-border-radius: 		6px;
 	 box-shadow: 2px 2px 10px #696969;
}
#RoomsOpen dd
{
	margin:				0 245px  20px 20px;
}
#TeamContact
{
   	font-family:		'NunitoLight', verdana, arial, helvetica, sans-serif;
    font-size:			100%;
    float:				right; 
}
#TeamContact dl
{
	background:		#f7d993;
	display:			block;
    clear:				both;
	border: 			1px solid  #c8bf93;
	border-radius: 						7px;
 	-moz-border-radius: 			7px;
 	-webkit-border-radius: 		7px;
	margin:				0 0 30px 0;
	padding:			0 20px 0 0;
	background: -moz-linear-gradient(center top, #f7d993, #f7d993 94%, #e1b54f);
	background: -webkit-gradient(linear, center top, center bottom, from(#f7d993), color-stop(94%, #f7d993), to(#e1b54f));
}
#TeamContact dt
{  
  float:				right;
    margin:				18px 0 0 0 ;
}
#TeamContact dt IMG
{
   border: 			1px solid  #854a05;
	border-radius: 						6px;
 	-moz-border-radius: 			6px;
 	-webkit-border-radius: 		6px;
 	 box-shadow: 2px 2px 10px #696969;
}
#TeamContact dd
{
	margin:				0 245px  20px 20px;
}
#RoomPrices
{
   	font-family:		'NunitoLight', verdana, arial, helvetica, sans-serif;
    float:				right;
}
#RoomPrices dl
{
	 font-size:			90%;
	 background:		#f7d993;
	display:			block;
    clear:				both;
	border: 			1px solid  #c8bf93;
	border-radius: 						7px;
 	-moz-border-radius: 			7px;
 	-webkit-border-radius: 		7px;
	margin:				0 0 17px 0;
	padding:			0 10px 0 0;
	background: -moz-linear-gradient(center top, #f7d993, #f7d993 91%, #e1b54f);
	background: -webkit-gradient(linear, center top, center bottom, from(#f7d993), color-stop(91%, #f7d993), to(#e1b54f));
}
#RoomPrices dt
{
 	 float:				right;
  	margin:				15px 0 0 0 ;
}
#RoomPrices dt IMG
{
   border: 			1px solid  #854a05;
	border-radius: 						6px;
 	-moz-border-radius: 			6px;
 	-webkit-border-radius: 		6px;
 	 box-shadow: 2px 2px 10px #696969;
}
#RoomPrices dd
{
	margin:				0 200px  10px 10px;
}

/******************************
 * bottom container for sidemap
 *----------------------------*/

#sitemapcontainer
{
	border: 			1px solid  #383636;
	-moz-border-radius:		8px;
	border-radius:			8px;
	background-color:		#170909;
	background: -moz-linear-gradient(center top, #170909, #000);
	background: -webkit-gradient(linear, center top, center bottom, from(#170909), to(#000));
	background: -webkit-linear-gradient(top,#170909, #000);
	color:					#aab5b0;
	margin:					0 auto;
	margin-top:				12px;
	overflow:				auto;
	vertical-align:			middle;
	width:					900px;
}
.sm
{
	float:					left;
	font-size:				90%;
	margin-left:			4px;
	margin-top:				8px;
	min-width:				46px;
	text-align:				left;
}
.sm A:link, .sm A:visited, .sm A:active
{
	color:					#737272;
	text-decoration:		none;
}
.sm A:hover
{
	text-decoration:		underline;
	color:				#d7dad9;
}
.sm P
{
	margin:					10px;
}
.sm LI
{
	list-style: 			none;
	margin: 				4px;
	padding: 				0;
}

.sm LI.listheadline
{
	color:				#d7dad9;
	list-style: 		none;
	margin: 			4px;
	 margin-bottom:		10px;
	padding: 		0;
}