* {
	
	padding:0px;
	margin:0px;

}

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0px;
	margin: 0px;
	text-align:center;
	background:#fffee0;
	color:#000;

}

h2 {

	margin-left:10px;
	margin-top:20px;
	padding-bottom:20px;

}

p {

	padding-left:20px;
	padding-bottom:20px;
	padding-right:10px;
	padding-top:10px;
	text-align:justify;

}

span {
	padding-left:10px;
}



form {

	font-size:10pt;

}

th {

	color:#00a0c6;
	background:#fff;
	padding-right:35px;
	padding-bottom:10px;
	font-size:13pt;
	text-align:center;

}

td {

	padding-right:35px;
	padding-bottom:10px;

}

td.long {

	width:230px;

}

td.oben {

	vertical-align:top;

}



h3 {

	margin-left:20px;
	margin-top:10px;
	padding-bottom:10px;

}

img{

	border:0px;
	float:left;
	padding-right:15px;
	padding-bottom:15px;

}

address {
	
	position:absolute;
	padding-top:20px;
	bottom:10px;
}


/*Definition of the wrapper*/

#container {

	width:800px;
	text-align:left;
	margin: 0 auto 0 auto;
	min-height:600px;
	background:#f7f7f9;
	color:#000;
	border-left:#e1e6e9 solid 1px;
	border-right:#e1e6e9 solid 1px;
	border-bottom:#e1e6e9 solid 1px;

}



/*Header graphic*/

#pageheader_l {

	position:relative;
	margin-top:0px;
	margin-left:0px;
	width:800px;
	height:200px;
	background: url(../img/header.jpg) no-repeat;
}



/*Navigation*/

#leftnav {

	position:relative;
	margin-top:20px;
	padding-bottom:20px;
	text-align:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 200px;
}


html>body #leftnav {

	width: 200px; 

}
		




#leftnav ul {

	margin-left: 0px;
	padding-left: 8px;
	padding-bottom:10px;
	list-style-type: none;
	font-family: Verdana, Helvetica, sans-serif;

}

#leftnav ul.sublist {

	margin-left: 10px;
	padding-left: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	padding-bottom:3px;

}

#leftnav a {

	display: block;
	padding: 0px;
	width: 193px;
	border-bottom: 1px solid #000;
	text-decoration: none

}

#leftnav a.pure {

	width: 0px;
	border-bottom:none;
	padding-bottom:3px;

}

#leftnav a.sublink {

	display: block;
	padding: 0px;
	width: 161px;
	background-color: #1FA3E7;
	border-bottom: 1px solid #000;
	text-decoration: none

}

#leftnav a.sublink_selected {

	display: block;
	padding: 0px;
	width: 161px;
	background-color: #369;
	border-bottom: 1px solid #000;
	text-decoration: none

}

#leftnav a.selected, #leftnav a.selected:visited {

		color:#00a0c6;

}

body#teams a#teamnav,
body#anfrage a#anfragenav,
body#kontakt a#kontaktnav,
body#events a#eventsnav,
body#gallerie a#gallerienav,
body#guestbook a#guestnav,
body#partner a#partnernav,
body#referenzen a#refnav{
	color: #00a0c6;

}



#leftnav a.selected:hover {

		color:#fff;

}

#leftnav a:link {

	color: #000;
	text-decoration: none;

}

#leftnav a:visited {

	color: #000;
	text-decoration: none;

}

#leftnav a:hover {

	background-color: #369;
	color: #fff;

}

#leftnav a.pure:hover {

	background-color: #1fa3e7;

}

#leftnav img {

	margin-left:8px;
	border:none;

}



/*Definition of the content section*/

#content {

	position:relative;
	background:#fff;
	margin-top:-220px;
	margin-left:220px;
	padding: 5px;
	border-left:solid 2px #b9b9b9;
	min-height:550px;
	voice-family: "\"}\"";
	voice-family:inherit;

}

* html #content { height: 600px;
		width:580px;}

#content hr {

	display: block;
	clear: left;
	margin: -0.66em 0;
	visibility: hidden;
	padding-bottom:25px;
}

#content a {

    padding-top: 2px;

}

#content form {
	padding-left:20px;
}

#content ul {
	padding-left:40px;
}

#content_an ul {
	padding-left:40px;
}



#content table {
	padding-left:20px;
	font-size:10pt;
}



/*Headlines of each site*/

#content h2.wi {
	background: url(../img/will.png) no-repeat top left;
	width:470px;
	height:30px;
}

#content h2.wi span {
	display:none;
}

#content h2.ref {
	background: url(../img/ref.png) no-repeat top left;
	width:498px;
	height:30px;
}

#content h2.ref span {
	display:none;
}

#content h2.anf {
	background: url(../img/bankett.png) no-repeat top left;
	width:498px;
	height:30px;
}

#content h2.anf span {
	display:none;
}

#content h2.eve {
	background: url(../img/events.png) no-repeat top left;
	width:498px;
	height:30px;
}

#content h2.eve span {
	display:none;
}

#content h2.gal {
	background: url(../img/gallery.png) no-repeat top left;
	width:498px;
	height:30px;
}

#content h2.gal span {
	display:none;
}

#content h2.gue {
	background: url(../img/guest.png) no-repeat top left;
	width:498px;
	height:30px;
}

#content h2.gue span {
	display:none;
}

#content h2.kon {
	background: url(../img/kon.png) no-repeat top left;
	width:498px;
	height:30px;
}

#content h2.kon span {
	display:none;
}

#content h2.par {
	background: url(../img/partner.png) no-repeat top left;
	width:498px;
	height:30px;
}

#content h2.par span {
	display:none;
}

#content h2.team {
	background: url(../img/kute.png) no-repeat top left;
	width:498px;
	height:30px;
}

#content h2.team span {
	display:none;
}



/*Content of the galleries has to be treated differently*/

#gal_content {

    position:relative;

    background:#fff;

    margin-top:-220px;
    
    margin-left:220px;

    padding: 5px;

    border-left:solid 2px #b9b9b9;

    min-height:550px;

    voice-family: "\"}\"";
    voice-family:inherit;
}

#gal_content hr {

	display: block;
	clear: left;
	margin: -0.66em 0;
	visibility: hidden;
}

* html #gal_content { height: 600px;
		width:580px;}



/* make the dropdown ul invisible */

#gal_content ul {

	width:580px;
	display: none;

}

/* clear the link floats at the end of each line so that IE gets it right */
span.clr {display:block; clear:both; width:0; height:0; font-size:0; line-height:1px;}

/* make the sub menu ul visible and position it beneath the first list item */
#gal_content ul {

	display:block; 
	position:absolute; 
	top:31px; 
	left:50px; 

}
/* make the sub menu ul li the full width with padding and border. */
#gal_content ul li {

	cursor:pointer;
	list-style-type: none;

}

/* style the initial image size 100px x 75px no border and 5pixel padding */
#gal_content ul li a img {

	width:100px; height:75px;
	margin:5px;

}

/* style the size, background color, border and margin of the submenu links */
#gal_content ul li a {

	float:left;
	width:110px;
	height:85px;
	background:#eee;
	border:1px solid #888;
	margin:1px;

}

/* style position of the links on hover */
#gal_content ul li a:hover {

position:relative;

}

/* keep the large image hidden with a position absolute to take it out of the page flow */
#gal_content ul li a img.bigger {

visibility:hidden; position:absolute; z-index:0;

}

/* style the 2x size image on hover with an absolute position to place it centrally over the original image */
#gal_content li a:hover img {

		width:225px; height:150px;
		position:absolute;
		left:-50px; top:-38px;
		border:0;
		border:1px solid #888;
		padding:5px;
		background:#ccc;

}

/* give the link focus/active state a relative position and remove the focus/active border so that it doesn't spoil the large image */
/* active img for Opera (and Safari thanks to Anonymous Coward) and focus for Firefox */
#gal_content ul li a:active img, #gal_content ul li:hover ul li a:focus {

	background:#aaa; 
	position:relative; 
	outline:none;

}

/* make the large image visible and give it an absolute position, set the padding and margin, use the default pointer */
#gal_content ul li a:active img.bigger, #gal_content ul li:hover ul li a:focus img.bigger {

	visibility:visible;
	background:#ddd; 
	position:absolute; 
	width:540px; 
	height:360px; 
	z-index:200; 
	padding:5px; 
	border:1px solid #888; 
	cursor:default;
	top:-42px; left:-50px;

}

#gal_content table {

	border-collapse:collapse;
	margin:0; 
	padding:0;
}
	

/* position the large image depending on the photo clicked */
#gal_content ul li:hover ul li a:active img.pos1, #gal_content ul li:hover ul li a:focus img.pos1 {top:-42px; left:-50px;}
#gal_content ul li:hover ul li a:active img.pos2, #gal_content ul li:hover ul li a:focus img.pos2 {top:-42px; left:-217px;}
#gal_content ul li:hover ul li a:active img.pos3, #gal_content ul li:hover ul li a:focus img.pos3 {top:-42px; left:-331px;}
#gal_content ul li:hover ul li a:active img.pos4, #gal_content ul li:hover ul li a:focus img.pos4 {top:-42px; left:-445px;}
#gal_content ul li:hover ul li a:active img.pos5, #gal_content ul li:hover ul li a:focus img.pos5 {top:-131px; left:-103px;}
#gal_content ul li:hover ul li a:active img.pos6, #gal_content ul li:hover ul li a:focus img.pos6 {top:-131px; left:-217px;}
#gal_content ul li:hover ul li a:active img.pos7, #gal_content ul li:hover ul li a:focus img.pos7 {top:-131px; left:-331px;}
#gal_content ul li:hover ul li a:active img.pos8, #gal_content ul li:hover ul li a:focus img.pos8 {top:-131px; left:-445px;}
#gal_content ul li:hover ul li a:active img.pos9, #gal_content ul li:hover ul li a:focus img.pos9 {top:-220px; left:-103px;}
#gal_content ul li:hover ul li a:active img.pos10, #gal_content ul li:hover ul li a:focus img.pos10 {top:-220px; left:-217px;}
#gal_content ul li:hover ul li a:active img.pos11, #gal_content ul li:hover ul li a:focus img.pos11 {top:-220px; left:-331px;}
#gal_content ul li:hover ul li a:active img.pos12, #gal_content ul li:hover ul li a:focus img.pos12 {top:-220px; left:-445px;}
#gal_content ul li:hover ul li a:active img.pos13, #gal_content ul li:hover ul li a:focus img.pos13 {top:-309px; left:-103px;}
#gal_content ul li:hover ul li a:active img.pos14, #gal_content ul li:hover ul li a:focus img.pos14 {top:-309px; left:-217px;}
#gal_content ul li:hover ul li a:active img.pos15, #gal_content ul li:hover ul li a:focus img.pos15 {top:-309px; left:-331px;}
#gal_content ul li:hover ul li a:active img.pos16, #gal_content ul li:hover ul li a:focus img.pos16 {top:-309px; left:-445px;}



/*Anfragefenster*/
#anfr {

	height:600px;
	width:400px;
	border:0px;

}

/*Gästebuchfenster*/
#guest {

	height:800px;
	width:500px;
	border:0px;
	overflow:auto;

}


#test {
	background:#1fa3e7;
	position:relative;
	margin-bottom:0px;
}

img.event {
	float:left;
}