html, body {width:100%; height:100.1%;}

body {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:normal;}

div, html, body, p, a, ul, li, h1, h2, h3, h5 {padding:0px; margin:0px;}

ul, ol, li {list-style-image: none; list-style-position: none; list-style-type:none;}

#wrapper {padding:0px; margin:0px; width:100%; text-align:center;}

#background {background-color:#ccff00; height:300px; width:100%; position:absolute; top:0px; left:0px; z-index:1;}

#content-wrapper {margin-left:auto; margin-right:auto; width:1000px; position:relative; z-index:5; height:auto;}

#header {position:relative; height:270px;}

#content {width:600px; min-height:600px; background-color:#eaeaea; float:left; text-align:left;}

#navigation {float:left; width:150px; min-height:300px; background-color:#ffffff; margin-right:20px; margin-top:50px;}

#side-content {margin-right:30px; margin-top:-30px; float:right; width:150px; min-height:600px; background-color:#ffffff; padding:10px 10px 10px 20px;}

#flash {width:600px; height:250px; background-color:#ccff00; top:20px; position:absolute; left:170px;}

#platzhalter {float:right; margin-left:auto; margin-right:auto; background-color:#ffffff; width:40%; height:20px; position:relative; top:280px; left:0px; right:0px; z-index:3;}


/*#logo {background: transparent url(../images/frik_logo.gif) no-repeat scroll left top; width: 176px; height: 30px; position:absolute ;left:795px; top:200px;}*/
#logo {background: transparent url(../images/frik_logo_autumn.gif) no-repeat scroll left top; width: 206px; height: 138px; position:absolute ;left:790px; top:129px;}


a:link, a:visited {text-decoration:none; color:#6b820e; font-weight:bold; outline:none;}
a:hover, a:active {text-decoration:none; color:#ccff00; font-weight:bold;}


#upcoming h1 {background: transparent url(../images/side_content/upcoming_events.gif) no-repeat scroll left top; width: 117px; height: 10px; margin-bottom:10px; margin-top:20px;}
#upcoming p {text-align:left; margin-bottom:10px;}
#upcoming ul {margin-top:10px; margin-bottom:10px;}
#upcoming li {list-style-image:url(../images/link.gif); text-align:left; margin-left:12px}
#upcoming li a {text-transform:uppercase; text-decoration:none; color:#6b820e; font-weight:bold;}
#upcoming li a:link, #upcoming a:visited {text-transform:uppercase; text-decoration:none; color:#6b820e; font-weight:bold;}
#upcoming li a:hover, #upcoming a:active {text-transform:uppercase; text-decoration:none; color:#ccff00; font-weight:bold;}



#details_events a:link, #details_events a:visited{background: transparent url(../images/side_content/details.gif); height:15px; width:90px; text-indent:-1000px; display:block; margin-left:65px; margin-bottom:40px;}
#details_events a:hover, #details_events a:active{background: transparent url(../images/side_content/details_active.gif);}

#details_termine a:link, #details_termine a:visited{background: transparent url(../images/side_content/details.gif); height:15px; width:90px; text-indent:-1000px; display:block; margin-left:65px; margin-bottom:40px;}
#details_termine a:hover, #details_termine a:active{background: transparent url(../images/side_content/details_active.gif);}

#redakt_login form #login{background: transparent url(../images/side_content/login.gif); height:15px; width:90px; text-indent:-1000px; display:block; margin-left:65px; margin-bottom:40px; margin-top:10px; border:none; line-height:0.1em; cursor:pointer;}


#sonstige_termine h1 {background: transparent url(../images/side_content/sonstige_termine.gif) no-repeat scroll left top; width: 122px; height: 10px; margin-bottom:10px; margin-top:20px;}
#sonstige_termine p {text-align:left; margin-bottom:10px;}
#sonstige_termine ul {margin-top:10px; margin-bottom:10px;}
#sonstige_termine li {list-style-image:url(../images/link.gif); text-align:left; margin-left:12px}
#sonstige_termine li a {text-transform:uppercase; text-decoration:none; color:#6b820e; font-weight:bold;}
#sonstige_termine li a:link, #upcoming a:visited {text-transform:uppercase; text-decoration:none; color:#6b820e; font-weight:bold;}
#sonstige_termine li a:hover, #upcoming a:active {text-transform:uppercase; text-decoration:none; color:#ccff00; font-weight:bold;}

#redakt_login h1 {background: transparent url(../images/side_content/redakt_login.gif) no-repeat scroll left top; width: 93px; height: 10px; margin-bottom:10px; margin-top:20px;}
#redakt_login form input {background-color:#FFFFFF; border-color:#000000; border-width:1px; border-style:solid; font-size:11px; color:#666666; padding:1px 3px; margin-bottom:5px;}



#content #container h1 {font-weight:bold; font-size:14px; color:#666666; text-transform:uppercase; margin-top:20px; margin-bottom:2px;}
#content #container h2 {font-weight:bold; font-size:11px; color:#666666; margin-bottom:15px;}
#content #container h4 {font-weight:bold; font-size:12px; color:#666666; text-transform:uppercase; margin-top:20px;}
#content #container h5 {font-weight:normal; font-size:11px; color:#666666; margin-bottom:10px; margin-top:10px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#FFFFFF; padding-bottom:2px}
#content #container p {font-weight:normal; font-size:11px; color:#666666; line-height:18px; padding-bottom:20px;}
#rahmen {width:160px; min-height:250px; background-color:#666666; margin-top:20px; margin-left:20px; float:left; text-align:left; padding-top:10px; padding-bottom:20px; padding-left:20px}



#content #rahmen span {font-weight:bold; font-size:12px; color:#CCFF00; margin-top:5px; text-transform:uppercase;}
#content #rahmen p {font-size:11px; color:#FFFFFF;}
#rahmen_pic {padding-top:20px;}

#content #rahmen #rahmen_headline_link {font-weight:bold; font-size:12px; color:#CCFF00; margin-top:20px; text-transform:uppercase;}
#rahmen_content_link {font-weight:normal; font-size:11px; color:#FFFFFF;}

#content #rahmen a.button:link, #content #rahmen a.button:visited {background: transparent url(../images/link_white.gif) no-repeat scroll left center; padding-left:10px; text-decoration:none; color:#FFFFFF;}
#content #rahmen a.button:hover, #content #rahmen a.button:active {background: transparent url(../images/link_white.gif) no-repeat scroll left center; padding-left:10px; text-decoration:none; color:#ccff00;}

cite {color:#6b820e; font-weight:normal; font-style:italic; margin-left:10px; text-transform:lowercase;}

#nav_ueber_uns a:link, #nav_ueber_uns a:visited {background: transparent url(../images/navi/ueber_uns.gif); height:24px; width:156px; text-indent:-1000px; display:block;}
#nav_ueber_uns a:hover, #nav_ueber_uns a:active {background: transparent url(../images/navi/ueber_uns_active.gif);}
#nav_veranstaltungen a:link, #nav_veranstaltungen a:visited {background: transparent url(../images/navi/veranstaltungen.gif); height:24px; width:156px; text-indent:-1000px; display:block;}
#nav_veranstaltungen a:hover, #nav_veranstaltungen a:active {background: transparent url(../images/navi/veranstaltungen_active.gif);}
#nav_forum a:link, #nav_forum a:visited {background: transparent url(../images/navi/forum.gif); height:24px; width:156px; text-indent:-1000px; display:block;}
#nav_forum a:hover, #nav_forum a:active {background: transparent url(../images/navi/forum_active.gif);}
#nav_bilder a:link, #nav_bilder a:visited {background: transparent url(../images/navi/bildarchiv.gif); height:24px; width:156px; text-indent:-1000px; display:block;}
#nav_bilder a:hover, #nav_bilder a:active {background: transparent url(../images/navi/bildarchiv_active.gif);}
#nav_download a:link, #nav_download a:visited {background: transparent url(../images/navi/download.gif); height:24px; width:156px; text-indent:-1000px; display:block;}
#nav_download a:hover, #nav_download a:active {background: transparent url(../images/navi/download_active.gif);}
#nav_kontakt a:link, #nav_kontakt a:visited {background: transparent url(../images/navi/kontakt.gif); height:24px; width:156px; text-indent:-1000px; display:block; margin-bottom:30px}
#nav_kontakt a:hover, #nav_kontakt a:active {background: transparent url(../images/navi/kontakt_active.gif);}
#nav_seewiesenfest a:link, #nav_seewiesenfest a:visited {background: transparent url(../images/navi/seewiesenfest.gif); height:24px; width:156px; text-indent:-1000px; display:block;}
#nav_seewiesenfest a:hover, #nav_seewiesenfest a:active {background: transparent url(../images/navi/seewiesenfest_active.gif);}

#nav_veranstaltungen_aktuell a:link, #nav_veranstaltungen_aktuell a:visited {background: transparent url(../images/navi/aktuell.gif); height:15px; width:146px; text-indent:-1000px; display:block; margin-left:10px}
#nav_veranstaltungen_aktuell a:hover, #nav_veranstaltungen_aktuell a:active {background: transparent url(../images/navi/aktuell_active.gif);}
#nav_veranstaltungen_archiv a:link, #nav_veranstaltungen_archiv a:visited {background: transparent url(../images/navi/archiv.gif); height:15px; width:146px; text-indent:-1000px; display:block; margin-left:10px}
#nav_veranstaltungen_archiv a:hover, #nav_veranstaltungen_archiv a:active {background: transparent url(../images/navi/archiv_active.gif);}

#nav_seewiesenfest_07 a:link, #nav_seewiesenfest_07 a:visited {background: transparent url(../images/navi/swf07.gif); height:15px; width:146px; text-indent:-1000px; display:block; margin-left:10px}
#nav_seewiesenfest_07 a:hover, #nav_seewiesenfest_07 a:active {background: transparent url(../images/navi/swf07_active.gif);}
#nav_seewiesenfest_06 a:link, #nav_seewiesenfest_06 a:visited {background: transparent url(../images/navi/swf06.gif); height:15px; width:146px; text-indent:-1000px; display:block; margin-left:10px}
#nav_seewiesenfest_06 a:hover, #nav_seewiesenfest_06 a:active {background: transparent url(../images/navi/swf06_active.gif);}
#nav_seewiesenfest_05 a:link, #nav_seewiesenfest_05 a:visited {background: transparent url(../images/navi/swf05.gif); height:15px; width:146px; text-indent:-1000px; display:block; margin-left:10px}
#nav_seewiesenfest_05 a:hover, #nav_seewiesenfest_05 a:active {background: transparent url(../images/navi/swf05_active.gif);}
#nav_seewiesenfest_04 a:link, #nav_seewiesenfest_04 a:visited {background: transparent url(../images/navi/swf04.gif); height:15px; width:146px; text-indent:-1000px; display:block; margin-left:10px}
#nav_seewiesenfest_04 a:hover, #nav_seewiesenfest_04 a:active {background: transparent url(../images/navi/swf04_active.gif);}
#nav_seewiesenfest_03 a:link, #nav_seewiesenfest_03 a:visited {background: transparent url(../images/navi/swf03.gif); height:15px; width:146px; text-indent:-1000px; display:block; margin-left:10px}
#nav_seewiesenfest_03 a:hover, #nav_seewiesenfest_03 a:active {background: transparent url(../images/navi/swf03_active.gif);}
#nav_seewiesenfest_02 a:link, #nav_seewiesenfest_02 a:visited {background: transparent url(../images/navi/swf02.gif); height:15px; width:146px; text-indent:-1000px; display:block; margin-left:10px}
#nav_seewiesenfest_02 a:hover, #nav_seewiesenfest_02 a:active {background: transparent url(../images/navi/swf02_active.gif);}

#navigation ul li, #navigation ul li ul li {margin-bottom:1px;}
#navigation ul li ul {margin-top:1px;}


#content #container ul li {list-style-type:disc; list-style-position:outside; margin-bottom:7px;}
#content #container ul {line-height:20px; margin-left:20px; padding-bottom:20px;}
#content #container ul li h3 {font-weight:bold; font-size:11px; color:#666666;}

#content #container {width:352px; float:right; padding:0px 20px 20px 20px;}

#content #container #text {margin-left:-5px;}
#container #text img {float:left; margin:14px 0 0 14px;}
#container #text .underlay {background: transparent url(../bildgallery/bg_layer.gif) no-repeat left top; width:104px; height:94px; float:left; padding-right:15px; padding-bottom:11px;}

#ske {
	margin-top:40px;
}


#nowhere_trailer {
	margin:0 0 30px 0;
}


form.member_form {
	margin-bottom:30px;
	background-color:#BBBBBB;
	padding:10px;
	color:#000000;
}

form.member_form label {
	display:block;
	margin:5px 0 2px 0;
	font-weight:bold;
}


form.member_form label.error {
	display:none;
}

form.member_form label span {
	color:#c2200f;
}


form.member_form input {
	background-color:#666666;
	border:1px solid #333333;
	color:#FFFFFF;
	font-size:11px;
	margin-bottom:5px;
	padding:1px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:320px;
}

form.member_form input:hover {
	background-color:#999999;	
}

form.member_form input.error {
	background-color:#c2200f;	
}


form.member_form .form-column input {
	width:262px;
}

form.member_form .btn{
	margin-top:10px;
}

form.member_form select {
	margin-right:5px;
}

#content #container form.member_form p {
	margin:0;
	padding:0 0 5px 0;
	line-height:14px;
	color:#000000;
}

#content #container #checkout {
	padding:10px;
	background-color:#BBBBBB;
	margin-bottom:10px;
}

#content #container #checkout h1 {
	color:#000000;
	margin:5px 0 10px 0;
	text-transform:none;
}

#content #container #checkout p {
	color:#000000;
	margin:5px 0 5px 0;
	padding:0;
	text-transform:none;
}

#anmelde_btn {
	position:absolute;
	width:160px;
	height:160px;
	z-index:2;
	left:100px;
	top:0px;
}

#anmelde_btn a {
	background:transparent url(../images/btn_mitglied.png) no-repeat left top;
	text-indent:-9999px;
	width:160px;
	height:160px;
	display:block;
	cursor:pointer;
}

#content #container ul.member_li {
	padding-bottom:10px;
}

#content #container ul.member_li li {
	line-height:13px;
	margin-bottom:4px;
}

#content #container h2.h2_member {
	margin:5px 0;
}

#container #dropbox {
	margin-bottom:20px;
	background-color:#ffce37;
	padding:20px;
	width:310px;
	
}

#container #dropbox h2 {
	color:#333333;	
	font-size:17px;
	margin-bottom:5px;
}

#container #dropbox p {
	color:#333333;	
	margin-bottom:5px;
	padding:0;
}

#fileQueue {
	width: 310px;
	height: 40px;
	overflow: auto;
}




#container #dropbox p.dropout_message {
	color:#333333;
	line-height:14px;
	margin-top:5px;
}

#container #dropbox p.dropout_message a:link, #container #dropbox p.dropout_message a:visited {
	text-decoration:underline;
	color:#333333;
}

#container  #dropbox p.dropout_message a:hover, #container  #dropbox p.dropout_message a:active {
	color:#FFFFFF;
}