html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* ========================================================================================== */
/* BASIC */
/* ========================================================================================== */
html, body { background: #FFF url("/assets/images/body.gif"); color: #000; font: 14px/19px Trebuchet MS, Arial, Helvetica, sans-serif; }


/* ========================================================================================== */
/* HEADER */
/* ========================================================================================== */
#header { margin: 0 auto; width: 960px; }
#header h1 { background: url("/assets/images/logo.png") no-repeat bottom; height: 120px; width: 410px; }
#header h1 a { display: block; height: 120px; text-indent: -9999px; width: 410px; }


/* ========================================================================================== */
/* CONTAINER */
/* ========================================================================================== */
#container { background: #F4F4F4; margin: 0 auto; padding: 10px; width: 940px; }
#container h2, #sidebar h3 { background: url("/assets/images/heading.gif") left no-repeat; color: #FFF; font-size: 20px; height: 35px; letter-spacing: -1px; padding: 5px 0 0 10px; }
#container h3 { color: #3D9D31; margin-bottom: 10px; }
#container p { margin-bottom: 5px; }
#container p.category { font-weight: bold; margin-bottom: 10px; }
#container p.divider { border-bottom: 2px solid #E5E5E5; padding-bottom: 10px; }
#container p.margin { margin-bottom: 30px; }
#container p.prevnext { margin-bottom: 10px; }
#container p.prevnext a { padding-right: 10px; }
#container p.prevnext span { display: block; margin-bottom: 5px; }
#container a:link, #container a:visited { color: #3D9D31; text-decoration: none; }
#container a:hover, #container a:active { text-decoration: underline; }
#container a.imglink:link, #container a.imglink:visited { border: 5px solid #E5E5E5; display: block; float: left; }
#container a.imglink:hover, #container a.imglink:active { border: 5px solid #3D9D31; }
#container em { font-style: italic; }
#container ul { margin-bottom: 10px; }
#container ul li { list-style: disc; margin-left: 15px; }
#container img.float { display:block; float: left; margin: 5px 15px 0 0 }

#main { float: left; margin-right: 10px; width: 700px; }
#default #main { margin-right: 0; width: 710px; }
#sidebar { float: left; width: 230px; }
#sidebar h3 { color: #FFF; margin-bottom: 0; }

#container .clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }
#container .col { float: left; margin: 0 10px 10px 0; width: 230px; }
#container .col img { margin-top: 10px; }
#container .col220 { width: 220px; }

#articles .article { padding-left: 60px; position: relative; }
#articles span.posted { border: 1px solid #3D9D31; display: block; font-size: 10px; font-weight: bold; left: 0; line-height: 15px; position: absolute; text-align: center; top: 3px; width: 40px; }
#articles span.posted span.month { color: #3D9D31;  display: block; }
#articles span.posted span.day { font-size: 18px; line-height: 12px; padding-top: 4px; }
#articles span.posted span.day, .article span.posted span.year { background: none repeat scroll 0 0 #3D9D31; color: #FFF; display: block; }

#teaser { background: #EEE; height: 320px; margin-bottom: 10px; position: relative; }
#teaser ul { position: relative; z-index: 1; }
#teaser ul li { list-style: none; margin-left: 0; width: 300px; }
#teaser ul li a:link, #teaser ul li a:visited { background: url("/assets/images/navigation.png") 0 -80px no-repeat; color: #3D9D31; display: block; font-size: 40px; font-weight: normal; height: 49px; margin-bottom: 1px; padding: 30px 0 0 10px; text-decoration: none; width: 290px; }
#teaser ul li a:hover, #header ul li a:active, #teaser ul li.active a { background: url("/assets/images/navigation.png") 0 0 no-repeat; }
#teaser img { left: 0; position: absolute; top: 0; }
#teaser .text { background: url("/assets/images/teaser-opacity.png") repeat; font-size: 13px; height: 150px; position: absolute; right: 10px; bottom: 10px; width: 445px; z-index: 1; -moz-box-shadow: 0 0 5px 0px #777; -webkit-box-shadow: 0 0 5px 0px #777 box-shadow: 0 0 5px 0px #777; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#teaser .text h2 { background: none; color: #000; font-size: 13px; font-weight: bold; height: auto; padding: 5px 5px 0px; }
#teaser .text a { font-weight: bold; }
#teaser .text p { padding: 1px 5px 5px; }

#sidebar .col { float: none; margin-right: 0; }
#sidebar #special { height: 270px; }
#sidebar #special img { display: block; margin: 0 auto; }
#sidebar #partners { color: #FFF; font-weight: bold; margin-bottom: 20px; }
#sidebar #partners p { padding: 5px; }
#sidebar #partners p a:link, #sidebar #partners p a:visited { color: #FFF; }
#sidebar #partners p a:hover, #sidebar #partners p a:active { text-decoration: none; }
#sidebar #partners p a:hover span { text-decoration: underline; }
#sidebar #partners p img { left: -5px; margin-top: 0; position: relative; top: -5px }
#sidebar #partners p.kitesurfen { background: #2F2F2F; border: 2px solid #00A5C3; }
#sidebar #partners p.kitesurfen a span { color: #00A5C3; }
#sidebar #partners p.kitesurfen img { border-bottom: 10px solid #00A5C3; }
#sidebar ul li { margin-bottom: 10px; }
#sidebar ul li span { display: block; }
#sidebar span.more { border-bottom: 1px dotted #3D9D31; cursor: pointer; display: inline-block; margin: 0 0 10px 15px; }

ul#motiv { margin: 20px 0 0; }
ul#motiv li { display: inline;  list-style: none; margin-left: 0; }
ul#motiv li a:link, ul#motiv li a:visited { border: 5px solid #E5E5E5; display: block; float: left; height: 100px; margin: 0 30px 30px 0; width: 100px;  }
ul#motiv li a:hover, ul#motiv li a:active { border: 5px solid #3D9D31; }


/* ========================================================================================== */
/* FOOTER */
/* ========================================================================================== */
ul#footer { background: #F4F4F4; border-top: 1px solid #E5E5E5; clear: both; width: 940px; }
ul#footer li { display: block; float: left; font-size: 12px; margin: 0 10px 0 0; padding-top: 10px; }
ul#footer li a:link, #footer li a:visited, #footer li a:hover, #footer li a:active { font-weight: normal; }


/* ========================================================================================== */
/* START */
/* ========================================================================================== */
#motive_start { height: 280px; position: relative; width: 700px; }
#motive_start ul { margin-top: 0; width: 650px; }
#motive_start ul li a:link, #motive_start ul li a:visited { margin: 0 10px 10px 0; }
#motive_start a.link { background: url("/assets/images/all.gif") no-repeat; height: 230px; position: absolute; right: 0; text-indent: -9999px; top: 40px; width: 100px; }
#motive_start a.link:hover { background: url("/assets/images/all.gif") -100px 0 no-repeat; }


/* ========================================================================================== */
/* ANGELVEREINE */
/* ========================================================================================== */
#angelvereine .angelvereine li { background: #DDD; border: 1px dotted #AAA; cursor: pointer; float: left; list-style: none; margin: 0 0 20px 0; padding: 5px; width: 328px; }
#angelvereine .angelvereine li.odd { margin-left: 20px; }
#angelvereine .angelvereine li a:hover, #angelvereine .angelvereine li a:visited { text-decoration: none; }
#angelvereine .angelvereine li:hover { background: #FFF; }
#angelvereine .vereine li { border-left: 10px solid #3D9D31; list-style: none; margin: 0 0 10px 0; padding: 10px 0 10px 10px; }

/* ========================================================================================== */
/* GALLERY */
/* ========================================================================================== */
#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; border: 3px solid #3D9D31; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#facebox .content { display: table; width: 370px; padding: 10px; background: #F3F1E9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#facebox .content > p:first-child{ margin-top: 0; } 
#facebox .content > p:last-child{ margin-bottom: 0; }
#facebox .close { position: absolute; top: 0px; right: 0px; background: #F3F1E9; padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#facebox .close img { opacity: 0.3; }
#facebox .close:hover img { opacity:1.0; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #F3F1E9; z-index: 99; }