/* andreas00 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com/ . Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jan 29, 2007) */

/* changed by Tilo Klesper */

body {
	background:url(../img/bg.gif) repeat-y top center #eaeaea;
	color:#3a3a3a; 
	font:76% Verdana,Tahoma,Arial,sans-serif; 
	margin:0 auto; 
	padding:0;}

/*----------------------- Main layout ------------------------- */

#wrap {
	background:#fff; 
	color:#303030; 
	margin:0 auto; 
	padding:1px 5px; 
	width:760px;}

/*----------------------- Header -------------------------------*/

#header {
	background:url(../img/chiemsee_segeln_banner_760_172_95.JPG) no-repeat bottom left #fff; 
	color:#505050; 
	height:20px; 
	margin:5px 0 10px; 
	padding:0;}


#header h1 {
	font-size:2.0em; 
	font-weight:400; 
	letter-spacing:0; 
	margin:0 0 0px 15px; 
	padding:0 0;}

#header h1 a,#header h1 a:hover {
	font-weight:400; 
	padding:0;}

#header p {
	color:#fff;
	font-size:1.1em; 
	letter-spacing:0px; 
	margin:0 0 0px 15px; 
	padding:0 0 0 3px;}
	
#header p.linkbar {
	position:absolute; top:10px; width:750px;
	font-size:0.9em; 
	text-align:right; 
	margin:0; 
	padding:0 10px 0 0; 
/*	font-weight:bold; */
	line-height:1.3em;}

#header p.linkbar a {
	font-weight:500;}

#header p.linkbar a:hover {
	text-decoration:underline;}


/*------------------ Left sidebar and menu ------------------*/

#leftside {
	clear:left; 
	float:left; 
	margin:0 0 10px; 
	padding:0; 
	width:150px;}

#leftside ul.avmenu {
	list-style:none; 
	margin:0 0 18px; 
	padding:0; 
	width:150px;}

#leftside ul.avmenu li {
	display:inline; 
	padding:0; 
	width:150px;}

#leftside ul.avmenu li a {
	background:url(../img/menubg.gif) repeat-x bottom left #f4f4f4; 
	border-bottom:1px solid #d8d8d8; 
	border-left:4px solid #ccc; 
	border-right:1px solid #d8d8d8; 
	border-top:1px solid #d8d8d8; 
	color:#505050; 
	float:left; 
	font-size:1em; 
	font-weight:700; 
	margin-bottom:5px; 
	padding:5px 1px 5px 5px; 
	text-decoration:none; 
	width:138px;}

#leftside ul.avmenu li a:hover,
#leftside ul.avmenu li a.current {
	background:url(../img/menubg2.gif) repeat-x bottom left #eaeaea; 
	border-bottom:1px solid #b0b0b0; 
	border-left:4px solid #505050; 
	border-right:1px solid #b0b0b0; 
	border-top:1px solid #b0b0b0; 
	color:#505050;}
	
#leftside ul.avmenu ul {
	font-size:0.9em; 
	margin:0 0 0 15px; 
	padding:0 0 5px 0; 
	width:133px;}
	
#leftside ul.avmenu ul a {
	padding:3px 1px 3px 5px; 
	width:123px;}
	
#leftside ul.avmenu ul ul {
	font-size:1em; 
	width:120px;}
	
#leftside ul.avmenu ul ul a {
	width:108px;}
	
#leftside h2 {
	font-size:1.1em; 
	font-weight:700;}

#leftside .announce {
	background:url(../img/menubg.gif) repeat-x bottom left #f4f4f4; 
	border-bottom:1px solid #d8d8d8; 
	border-left:4px solid #ccc; 
	border-right:1px solid #d8d8d8; 
	border-top:1px solid #d8d8d8; 
	clear:left; 
	color:#505050; 
	line-height:1.1em; 
	margin:10px 0; 
	padding:5px 5px 5px; 
	width:134px;}
	
#leftside p,.announce p {
	font-size:0.9em;}


/*------------------------ Right sidebar ----------------------*/

#extras {
	float:right; 
	margin:0 0 10px; 
	padding:0; 
	width:140px;}
	
#extras p,#extras ul {
	font-size:0.9em; 
	line-height:1.3em; 
	margin:0 0 1.5em; 
	padding:0;}
	
#extras li {
	list-style:none; 
	margin:0 0 6px; 
	padding:0;}
	
#extras h2 {
	font-size:1.2em; 
	font-weight:700; 
	letter-spacing:-1px; 
	margin:0 0 6px;}


/*---------------------  Main content variations -------------------*/

#content {line-height:1.5em; margin:10px 150px 10px 160px; padding:0; text-align:left;}
#contentwide {line-height:1.5em; margin:10px 50px 10px 120px; padding:0; text-align:left;}

#content h2,#contentwide h2 {font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 20px; padding:0;}
#content h3,#contentwide h3 {font-size:1.5em; font-weight:400; margin:6px 0 12px; padding:0;}
#content h4,#contentwide h4 {font-size:1.0em; font-weight:700; margin:4px 0; padding:0;}
#content img,#contentwide img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px; margin:0 10px 5px 0;}
#content ul,#content ol,#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 20px;}
#content li,#contentwide li {margin:0 0 2px 10px; padding:0 0 0 4px;}


/*------------------------ Footer ----------------------------------*/

#footer {background:#fff; border-top:2px solid #dadada; clear:both; color:gray; font-size:0.9em; margin:0 auto; padding:8px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}


/*----------------------- Links and paragraphs ----------------------*/

a {background:inherit; color:#166090; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(../img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}


/*--------------------- Tables and forms ----------------------------*/

#avtable09em table {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.3em; width:95%; margin:0 0 16px; padding:0;}
#avtable09em caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
#avtable09em th {background:url(../img/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; padding:7px; text-align:left;}
#avtable09em td {background:url(../img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; padding:7px; text-align:left;}

#avtable table {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.3em; width:95%; margin:0 0 16px; padding:0;}
#avtable caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
#avtable th {background:url(../img/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; padding:7px; text-wight:700; text-align:left;}
#avtable td {background:url(../img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:1em; padding:7px; text-align:left;}


#hiddentable table {border:0; border-collapse:collapse; line-height:1.3em; width:95%; margin:0 0 16px; padding:0;}
#hiddentable caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
#hiddentable th {padding:7px; text-align:left;}
#hiddentable td {font-size:1em; padding:7px; text-align:left; vertical-align:top;}

input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
label {margin:2px;}
input {width:200px;}
textarea {width:400px;}


/*------------------------- Search box -------------------------------*/

#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:0.9em; padding:4px; width:116px;}


/*----------------------- Various classes -----------------------------*/

.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(../img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:700; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}

.headerbox {background:#f4f4f4; border:1px solid #d8d8d8; color:#505050; line-height:2em; text-align:center; margin:50px 0 16px; padding:1.7em}