/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/** GLOBAL SETS **/
.clear {clear:both;}
.hidden {display:none;}
body {margin:0 0 50px 0;font-size:13px;color:#222;font-family:arial,lucida,tahoma, helvetica, verdana;background:#FFF url(images/_20100811145437_f50fd_DE_69.jpg) top repeat-x;text-align:center;}
a:link, a:visited {color:#888888;text-decoration:none;}
a:hover, a:focus {color:#555;text-decoration:underline;}
#wrapper {width:925px;margin-right:auto;margin-left:auto;}			/*  border:1px blue solid; */
																					
/* --------------- Navigation --------------- */
#header {position:relative; top:0; left:0; z-index:0; height:150px; clear:left;}
ul#nav, ul#nav li, ul#nav li ul { list-style:none; margin:0; padding:0; }
ul#nav 	{position:absolute; z-index:666; top:15px; left:0; }	/* fl left weg float:left; */
ul#nav li 	{float:left; position:relative; z-index:670; margin-right:10px; line-height:30px;
		 font-family: arial,helvetica,sans-serif;font-size:12px;font-weight:bold; border:1px solid white;/* text-transform:uppercase; */} 
ul#nav li ul 	{ display:none; position:absolute; z-index:666; top:100%; left:0; }
ul#nav li ul li 	{ display:block; float:none;  margin-right:0px; line-height:1em;font-size:10px;margin-top:-1px; /* text-transform:lowercase; */} 
ul#nav li ul li ul { top: 0px; left: 100%;	margin-top:1px; }
		
ul#nav li a 							{display:block; padding:0px 10px 0px 10px;}
ul#nav li ul li a 						{padding:5px 10px 5px 10px;}
/* spez. actions */
ul#nav li a:link, ul#nav li  a:visited	{border:1px solid #d5d5d5;/* 526872 */color:#526872;text-decoration:none;background-color:#FFF9FF;} /* FFF9FF */
ul#nav li a:hover, ul#nav li  a:focus		{color:#000;background-color:#EBE6EC;} /* EBE6EC */
ul#nav li:hover > ul  		{display: block;}
ul#nav li.current > a 		{color:#000;background-color:#EBE6EC;/* text-transform:uppercase; */}
ul#nav li.currentpath > a	{color:#000; background-color:#EBE6EC;}

/* nav-marks */
ul#nav li.open > a 	{				
 background-image: url('assets/images/arrow_down-transp.png');
 background-position: 95% 50%;
 background-repeat: no-repeat;	
 padding-right: 20px;}
ul#nav li ul li.open > a {	
 background-image: url('assets/images/arrow_right-transp.png');
 background-position: 95% 50%;
 background-repeat: no-repeat;	
 padding-right: 20px;} 
 
/* deco-line */
 ul#nav li ul { 																	
	display: none; 	
	border-top:3pt solid rgba(51,204,255,0.3);	/* transparent Abstand */
    -moz-background-clip: border;     			/* Firefox 3.6 */
    -webkit-background-clip: border;  			/* Safari 4? Chrome 6? */
	 background-clip: border-box;      			/* Firefox 4, Safari 5, Opera 10, IE 9 	*/		}
ul#nav li ul li ul { 
	border-left:3pt solid rgba(51,204,255,0.3);/* transparent Abstand */
    -moz-background-clip: border;     			/* Firefox 3.6 */
    -webkit-background-clip: border;  			/* Safari 4? Chrome 6? */
	background-clip: border-box;      			/* Firefox 4, Safari 5, Opera 10, IE 9 		*/
	border-top:0; }

/* --------------- end Navigation --------------- */


/* --------------- Ueberschrift - Seitentitel - mit Schattenhinterlegung --------------- */
@font-face { font-family: 'misirlou'; src: url('assets/css/misirlou.ttf') format('truetype'); }

#header a#logo:link, #header a#logo:visited, #header a#logo:hover {
position:absolute;top:65px;left:0;
color:#0073e5;	/* orange: F1441F, blau: 0073e5 1868ac, 0 1874CD, engl.rosa: #F5846B */
font-size:52px;
font-family: 'misirlou', 'lucida grande',tahoma,verdana,arial,sans-serif;
letter-spacing:-0px;
text-decoration:none;
background: transparent;
filter: alpha(opacity= 60);
-moz-opacity: .60;
opacity: .60;/*
text-transform:lowercase;*/
}
#header span.logo2 {
position:absolute;top:67px;left:1px;
color:#F9F086;				/*#FFF9FF, #7C1B1B*/
font-size:52px;
font-family: 'misirlou', 'lucida grande',tahoma,verdana,arial,sans-serif;
letter-spacing:-0px;
background: transparent;
filter: alpha(opacity= 45);
-moz-opacity: .45;
opacity: .45;/*
text-transform:lowercase;*/
}
#header span#subtitle { 
font-family: 'misirlou', 'lucida grande',tahoma,verdana,arial,sans-serif; 	/* neu: ... seit 1978 */
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
position:absolute; 
top:122px;				/* neu. 118 */
left:466px;
color:	#E85C38;		/* #E30E13 #ce0b00  #0073e5;	 neu. alt: color:#FFFEFF; */
font-size:18px; 		/* neu. 14 */
font-weight:bold;
font-style:italic;	
border:1px solid #999;
background-image: url('assets/images/arrow_right-transp.png');
 background-position: 95% 50%;
 background-repeat: no-repeat;	
padding: 0 9px 0 9px;
}
/* --------------- end Ueberschrift - Seitentitel --------------- */


#content {text-align:left;}

#content h1 {font-size:35px;font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; color:#526872;line-height:35px;letter-spacing:-2px;margin:25px 0 20px 0;}
#content h2 {font-size:20px;font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; color:#526872;line-height:30px;letter-spacing:-1px;margin:25px 0 10px 0;}
#content h3 {font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;font-size:18px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h4 {font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;font-size:16px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h5 {font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;font-size:14px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h6 {font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;font-size:10px;color:#1a1a1a;margin:25px 0 10px 0;}

#content #page-content {float:left;width:575px}
.page-meta {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px;}
.page-meta span {text-transform:none;color:#BA0000;font-size:15px;font-family:georgia;}

#content .page-text {font-size:14px;line-height:22px;margin-bottom:50px;}
#content .page-text p, #content .page-text ul, #content .page-text ol {margin:0 0 22px 0;}
#content .page-text ul, #content .page-text ol {margin-left:25px;}
#content .page-text ul ul, #content .page-text ol ul, #content .page-text ul ol, #content .page-text ol ol {
	margin:0 0 0 25px;
}
#content .page-text blockquote {
	margin:0 0 22px 20px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}
#content code {border:1px dotted #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
#content pre code {line-height:17px;padding:15px;border:1px dotted #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

#content .page-text img {margin:0 0 10px 0;border:1px solid #1a1a1a;}

#sidebar {width:300px;float:right;border:1px solid #ccc;background:#efefef;margin-bottom:50px;}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}

.section {padding:30px 20px 20px 20px;text-align:left;}
.section p, .section ul, .section ol {line-height:20px;margin:0 0 20px 0;list-style-type: circle; }
.section ul, .section ol {margin-left:20px;}
.section ul ul, .section ol ul, .section ul ol, .section ol ol {
	margin:0 0 0 20px;
}
.section h2 {color:#526872;font-size:22px;font-family:arial;line-height:22px;letter-spacing:-1px;margin:0 0 15px 0;padding:0;}
.section h3 {color:#526872;font-family:arial;font-size:19px;margin:0 0 10px 0;}
.section h4 {color:#526872;font-family:arial;font-size:15px;margin:0 0 10px 0;}
.section h5 {color:#526872;font-family:arial;font-size:13px;margin:0 0 10px 0;}
.section h6 {color:#526872;font-family:arial;font-size:10px;margin:0 0 10px 0;}

.section blockquote {
	margin:0 0 20px 20px;
	line-height: 19px;
	font-size:12px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}
.section code {border:1px solid #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
.section pre code {line-height:17px;padding:15px;border:1px solid #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

.credits {font-size:11px;text-transform:uppercase;color:#666;padding-top:15px;margin-top:30px;border-top:1px dotted #ccc;}
.credits p {margin:0 0 0 0;line-height:16px;padding:5px 0 0 0;}
.credits a:link, .credits a:visited {color:#666;}
.credits a:hover {color:#333}



/*  --- spez. Schriftformatierungen --- */
#news-one {
	color:#EC5848;
	font-size:18px;
	font-weight:bold;
}
#belair {
	color:#CE0B00;
	font-weight:bold;
	font-style:italic;
}
#fishsandwich {
	color:#2159C0;
	font-weight:bold;
}


/*  --- Kontakt Formular --- */
form.p01-contact {			/*	
	background-color:#CDCD00;				#3b3b3b	*/
	border:1px dotted #666;					/*	#CDCD00	*/
	padding:10px;
}
fieldset {			/*
	background-color:#3b3b3b;			*/
	border-color:#666666;
	border-width:1px;
	border-style:dotted;
	padding:10px; 
	margin:0 0 10px 0;
}
label {
/*	display:block;
	float:left;	*/
	padding:0;
	margin:5px 0 0;
	text-align:right;
}
input {
	border:1px dotted #666; 
	padding:3px;
	font-family: sans-serif; 
	width:60%;
	font-size:1em;
	margin:2px 0 0 0px;
}
input.submit {
	font-size: 12px;
	/* text-transform:uppercase; */
	font-weight:bold; 
	border:1px solid #526872;
	background-color:#FFF9FF;
	color:#526872;
	width:100px !important;
	height:30px;	
}
textarea {
	font-family:  sans-serif; 
	border:1px dotted #666; 
	padding:3px;
	font-size:1em;
	height:100px;
	width:98%;
	margin:2px 0 0 0px;
	overflow:auto;
}








/* socialmedia */
#socialmedia .icons {
	position:relative;
}
/* end socialmedia */




/* Tabellen */
table, th, td { 
border: 1px solid #526872;
border-collapse: collapse;
text-align: center;
padding: 3px;
} 
/* end Tabellen */



/* FOOTER */
#footer {
	padding:20px 0;
	text-shadow: 1px 1px 0px rgba(255,255,255,.8);
	color:#999999;
	font-size:11px;
}
#footer .left {
	float:left;
	width:40%;
	text-align:left;
}
#footer .right {
	float:right;
	width:60%;
	text-align:right;
}
#footer a:link, #footer a:visited {
	color:#888;
}
#footer a:hover, #footer a:focus {
	color:#555;
}

/* wettervorhersage */
.wettervorhersage {
	margin-left:-21px; 
	margin-right:-21px; 
	border:1px black solid;
	-moz-box-shadow:0 0 9px #666;-webkit-box-shadow:0 0 9px #666;box-shadow:0 0 9px #666;border:1px solid #ccc;
	background-color: white;
	}