/* WYC CSS screen */

html {
	height: 100.3%;
	font-size: 62.5%;
}

body {
	text-align: center;
	font: 1.2em/1.6em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: url(../images/bg_main.png) top left repeat-x #999;
}

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

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, sans-serif; 
	margin: 0em 0em 0.5em 0em; 
	color: #003;
}

h1 {
	font-size: 1.6em; 
	padding-bottom: 0.4em;
	font-weight: bold;
}

div#header h1 {border: 0px;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}

a {color: #000; text-decoration: none;}
a:link {}
a:visited {}
a:hover {}
a:active {}

div#wrapper {
	width: 800px;
	margin: 10px auto;
	text-align: left;
}

div#header {
	height: 150px;
	position: relative;
	text-align: left;
	background: url(../images/header.jpg) top center no-repeat;
}

div#nav {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	padding: 2px 0px 2px 20px;
	text-align: left;
	border-left: #FFF 2px solid;
	border-right: #FFF 2px solid;
	border-bottom: #FFF 2px solid;
	background: #BBB;
}

div#nav li {
	display: inline;
	margin-right: 5px;
}

div#nav a {
	padding: 3px 5px 3px 5px;
	text-decoration: none; 
	font-weight: bold; 
	color: #333;
}

div#nav a:hover, 
body#home li.navhome a,
body#ueberuns li.navueberuns a,
body#regatta li.navregatta a,
body#termine li.navtermine a,
body#galerie li.navgalerie a,
body#wetter li.navwetter a,
body#links li.navlinks a,
body#gaestebuch li.navgaestebuch a,
body#anfahrt li.navanfahrt a,
body#impressum li.navimpressum a {
	color: #FFF;
}

div#wrap_content {
	background: url(../images/bg_wrap.png) top left repeat-y #EEE;
	border-left: #FFF 2px solid;
}

div#col1 {
	font-size: 0.9em;
	float: left;
	text-align: left;
	width: 160px;
	margin: 0px auto;
	padding: 30px 0px 10px 0px;
}

div .infobox {
	margin-bottom: 10px;
	border-bottom: #666 1px dotted;
}

div.infobox h6 {padding: 2px 0px 0px 20px; color: #333; font-weight: bold;}

div.infobox p {color: #333; padding: 0px 0px 10px 20px;}

div#maintext {
	background: #FFF;
	border-left: #BBB 1px dotted;
	text-align: left;
	margin: 0px 0px 0px 205px;
	padding: 30px 50px 30px 30px;
}

body#termine table {border: #ccc 1px solid;}
body#termine table td {padding: 3px;}
body#termine table tr {background: #eee;}
body#termine table tr.alt {background: #cdcdcd;}

body#regatta table {border: #ccc 1px solid;}
body#regatta table td {padding: 3px;}
body#regatta table tr {background: #eee;}
body#regatta table tr.alt {background: #cdcdcd;}

div#maintext a {}
div#maintext a:link {}
div#maintext a:hover {color: #F00; border-bottom: 1px dotted #F00;}

div#maintext ul.main {margin-left: 20px;}

body#links table {font-size: 0.8em;}
body#ueberuns table {font-size: 0.9em;}

div#footer {
	padding: 10px;
	font-size: 0.7em;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	text-align: center;
	background: url(../images/footer.png) bottom left no-repeat;
	border-top: #FFF 2px solid;
}

/* Styles for Example #1 */
#example1{
margin:0;
padding:0;
width:200px;
list-style-type:none;
line-height:120%;
}
#example1 .closed{
background-image:url(ha-down.gif);
}
#example1 .closed,#example1 .opened{
padding-right:10px;
background-position:98% 50%;
background-repeat:no-repeat;
}
#example1 .header{
background-color:#7B7B7B;
}
#example1 .opened{
background-image:url(ha-up.gif);
}
#example1 a{
display:block;
font-weight:bold;
text-decoration:none;
}
#example1 a.hover{
border-top:1px solid #5F5F5F;
border-bottom:1px solid #7B7B7B;
background-color:#7B7B7B;
color:#FFFFFF;
}
#example1 ul{
overflow: hidden;
margin:0;
padding:0;
}
#example1 li{
margin:0;
padding:0;
list-style-type:none;
background-color:#848484;
color:#FFFFFF;
}
#example1 li a{
padding:2px 10px 2px 4px;
border-top:1px solid #9A9A9A;
border-left:1px solid #9A9A9A;
border-right:1px solid #696969;
border-bottom:1px solid #757575;
background-color:#848484;
color:#FFFFFF;
}
#example1 li.active a,#example1 li li.active a{
border-top:1px solid #5F5F5F;
border-bottom:1px solid #7B7B7B;
border-left:1px solid #757575;
border-right:1px solid #9A9A9A;
background-color:#404040;
color:#FFFFFF;
}
#example1 li.active li a,#example1 li li a{
padding:2px 4px 2px 8px;
border-top:1px solid #696969;
border-left:1px solid #696969;
border-right:1px solid #8A8A8A;
border-bottom:1px solid #7B7B7B;
background-color:#757575;
color:#FFFFFF;
}

/* Styles for Example #2 */

#example2 {
	margin:0;
	padding:0;
	width: 205px;
	list-style-type:none;
	color:#000000;
	line-height: 1.5em;
	height:300px;
}

#example2 a {
	display:block;
	font-weight:normal;
	text-decoration:none;
}

#example2 ul {
	overflow: hidden;
	margin:0;
	padding:0;
}

#example2 li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#example2 li a {
	width:190px;
	padding: 5px 0px 0px 15px;
	display:block;
	color:#fff;
	height:25px;
}

#example2 li a.closed {
	color:#000000 !important;
	background-image:url(images/js/ha-header.jpg) !important;
}

#example2 li.firstitem a.closed {
	color:#000000 !important;
	background-image:url(images/js/ha-header-first.jpg) !important;
}

#example2 li.lastitem a.closed {
	color:#000000 !important;
	background-image:url(images/js/ha-header-last.jpg) !important;
}

#example2 li li {
	padding: 8px 15px 3px 25px;
	margin-bottom: 20px;
	background: #333;
	color: #fff;
}

#example2 li a.opened {
	color: #333;
	font-weight: bold;
	font-size: 1.1em;
}

#example2 li.firstitem a.opened {
	color:#333;
	font-weight: bold;
	font-size: 1.1em;
}

#example2 li.lastitem li {
	margin-bottom:-4px;
}

#example2 li.lastitem ul {
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:4px;
}