/* -------------------- */
/* --- Reset Styles --- */
/* -------------------- */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap { width: 960px; margin: 0 auto; }
body { font-family: arial, sans-serif; background: url(../images/StrandHeader.jpg) repeat-x; color: #444; }
h1 { font-size: 38px; margin: 0 0 30px 0; }
h2 { font-size: 22px; margin: 0 0 20px 0; }
h3 { font-size: 24px; margin: 40px 0 15px 0; }
h4 { font-size: 20px; margin: 30px 0 10px 0; }
h5 { font-size: 18px; margin: 30px 0 5px 0;}
p, table { font-size: 14px; line-height: 22px; margin: 0 0 15px 0; }
a { text-decoration: none; color: #0b79a3; }
a:hover { color: #0b61a3; }
em { font-style: italic; }
.hide { display: none; }

/* ----------- */
/* -- Tools -- */
/* ----------- */
.line { clear: both; border-bottom: 1px #ccc dotted; }
.post-line { clear: both; border-bottom: 1px #ccc dotted; margin-bottom: 40px; }


/* ------------ */
/* -- Header -- */
/* ------------ */
#header { padding: 170px 0 0 0; }
#header img { float: left; }
#header h1 { float: left; font-size: 55px; letter-spacing: -2px; margin-bottom: -20px; margin-top: 2px; }
#header h1 a { color: #222; }
#header h2 { float: right; width: 265px; height: 39px; margin: 150px 0 0 0; }



/* ---------------- */
/* -- Navigation -- */
/* ---------------- */
#nav { clear: both; float: left; margin: 17px 0 0 0; border-top: 1px #ccc dotted; border-bottom: 1px #ccc dotted; height: 47px; width: 100%; }
.menu { padding: 7px 6px 0; margin-left: -25px; }
.menu li { margin: 0 5px; padding: 0 0 8px; float: left; position: relative; }
.menu a { display: block; padding:  8px 15px; margin: 0; color: #444; text-decoration: none; font-size: 18px; }
.menu .current a, .menu li:hover > a { color: #0b79a3; }
.menu ul li:hover a, .menu li:hover li a { color: #444; }
.menu ul a:hover { background: #0b79a3 !important; color: #fff !important; }
.menu ul { background: #eee; display: none; margin: 0; padding: 0; width: 250px; position: absolute; top: 35px; left: 16px; border: solid 1px #ddd; }
.menu li:hover > ul { display: block; }
.menu ul li { float: none; margin: 0; padding: 0; }
.menu ul a { font-size: 18px; }
.menu ul ul { left: 250px; top: -3px; }
.menu li.current_page_item a { color: #0b79a3; }



/* ------------- */
/* -- Content -- */
/* ------------- */
#main { float: left; width: 100%; margin: 50px 0 30px 0;}
#content { float: left; width: 500px;  } 
#content h4 { font-size: 18px; margin: 30px 0 8px 0; color: #0C719D;}
#content p { font-size: 16px;}
#veranstalter a { margin: 40px;line-height:50px}
.news {  
	font-size: 18px; margin: 3px; padding: 4px; color: #D70000; font-style:italic; text-align: center;
	line-height: 24px;
	background-color: #EEEDED; border: 1px #ddd solid;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;

}


/* ------------- */
/* -- Sidebar -- */
/* ------------- */
#sidebar { float: right; width: 280px; padding: 20px 20px 5px 20px; background-color: #EEEDED; border: 1px #ddd solid;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
}
#sidebar h3 { margin: 0 0 15px 0; }
#sidebar td {padding: 0 10px 0 0; }
.sidebar-contact-title { margin-bottom: -2px; font-weight: bold; }
#sidebar img { float: right; width: 90px; border: 2px #ddd solid;}


/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer { float: left; padding: 10px 0 30px 0; width: 100%; color: #888; }
#footer p { font-size: 12px; }
#footer img {width:960px; height:150px }
.copyright{ float: left;  }
.design { float: right; }
.extra { border-top: 1px #ccc dotted; border-bottom: 1px #ccc dotted;  width: 100%; color: #444444;text-align:center}


/* Karten */
.map_icon{
	width: 25px; height: 25px;
	vertical-align: middle;
}


blockquote {
background:#eee;
border: 1px #ddd solid;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}