HTML
{
	height:				101%;
    margin:				0; 
}

BODY
{
	/*background:		#0A0B0A url(../../images/bg-body.jpg) repeat-x;*/
	background-color:	#0A0B0A;
    font-family:		verdana, arial, helvetica, sans-serif;
    font-size:			small;
    margin:				0; 
}

TD
{
	background-color:	#F9F6C9;
	color:				#000000;
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			small;
	vertical-align:		top;
}

H1
{
    font-size:		    small;
    font-weight:        normal;
    letter-spacing:     .4em;
    padding-top:		16px;
}
H2
{
    font-size:		    small;
    font-weight:        normal;
    letter-spacing:     .4em;
    padding-top:		16px;
}
H3
{
    font-size:		    small;
    font-weight:        bold;
}

HR
{
	background-color:	#cccccc;
	color:				#728FCE;
	height:				1px;
}

IMG
{
   	border-width:		0;
}

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
 *-----------------------------------------------------------*/
 #container
 {
 	margin-bottom:		0;
 	margin-left:		auto;
 	margin-right:		auto;
 	margin-top:			0;
	padding-top:		14px;
	position:			relative;
	width:				720px;
 }
#aotop
{
	background:			#9DD6A2 url(../../images/curve_top.gif) no-repeat top left;
	height:				40px;
	margin:				0;
	width:				720px;
}
#content
{
	margin-bottom:		0;
	margin-left:		33px;
	margin-right:		20px;
	margin-top:			19px;
	padding:			0;
	text-align:			left;
	width:				508px;
}
#aobottom
{
	background:			#F9F6C9 url(../../images/curve_bottom.gif) no-repeat bottom left;
	height:				12px;
	width:				720px;
}
.aobackground,
.aobackground A:link, 
.aobackground A:visited, 
.aobackground A:active
{
	color:				white; 
	font-size:			x-small;
	text-align:			center;
   	text-decoration:	none;
}
.aobackground A:hover
{
	color:				white; 
   	text-decoration:	underline;
}

/**************************************************************
 * Top Nav
 *-----------------------------------------------------------*/
#topnav
{
	background:		#F7F3B7;
	border-top:		1px solid black;
	border-bottom:	1px solid black;
	float:			left;
	font-size:		small;
	list-style:		none;
	margin:			0;
	padding:		0;
	text-align:		left;
	white-space:	normal;
	width:			720px;
}
#topnav li
{
	border-right:	1px solid black;
	float:			left;
	margin:			0;
	padding:		0;
	min-width:		71px;
}
#topnav a
{
	color:			#000000;
	display:		block;
	float:			left;
	font-size:		90%;
	font-weight:	lighter;
	margin:			0;
	padding:		1px 2px 1px 2px ;	/*top right bottom left*/
	text-align:		center;
	text-decoration:none;
	min-width:		71px;
}
#topnav a:hover
{
	border-left:	1px solid gray;
	border-right:	1px solid gray;
	border-top:		1px solid gray;
	/*background:		#F7F3B7 url(../../images/button_topnav_rollover.gif) repeat-x top left;*/
	color:			#000000;
	display:		block;
	float:			left;
	margin:			0;
	padding:		1px 1px 0 1px ;	/*top right bottom left*/
	text-decoration:none;
	min-width:		71px;
}
#topnavselected a
{
	color:			#AC2629;
	display:		block;
	float:			left;
	margin:			0;
	padding:		1px 2px 1px 2px ;	/*top right bottom left*/
	text-decoration:none;
	min-width:		71px;
}

/**************************************************************
 * Side Nav
 *-----------------------------------------------------------*/
#sidenav
{
	background:			#A7C5CC url(../../images/curve_side_top.gif) no-repeat top left;
	clear:				both;
	margin-bottom:		0;
	margin-left:		10px;
	margin-top:			10px;
	padding-top:		24px;
	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:#A7C5CC url(../../images/nav_home.jpg) no-repeat bottom left;}
.sidenavimageproberaeume	{background:#A7C5CC url(../../images/nav_proberaeume.jpg) no-repeat bottom left;}
.sidenavimagewarteliste		{background:#A7C5CC url(../../images/nav_warteliste.jpg) no-repeat bottom left;}
.sidenavimagelogin			{background:#A7C5CC url(../../images/nav_login.jpg) no-repeat bottom left;}
.sidenavimagedrumkabinen	{background:#A7C5CC url(../../images/nav_drumkabinen.jpg) no-repeat bottom left;}
.sidenavimagekontakt		{background:#A7C5CC url(../../images/nav_kontakt.jpg) no-repeat bottom left;}
#sidenavtitle
{
	background:			#A7C5CC url(../../images/curve_side_bottom.gif) no-repeat bottom left;
	color:				#3C7582;
	font-size:			16px;
	letter-spacing:     .25em;
	margin:				0;
	padding:			10px 0 10px 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-size:			x-small;
    float:				left;
}
#RoomsOpen dl
{
    float:				left;
	margin:				2px;
	padding:			2px;
}
#RoomsOpen dd.img
{
    float:				left;
    margin:				0 10px 0 0;
}

