/*
THEME NAME: FFF
THEME URI: http://mou.me.uk/projects/wordpress/themes/modmat/
DESCRIPTION: 3 column, widget ready, "modern" theme.  xHTML & CSS2 compliant.  Based on the modmat theme.  You can switch between a 775px and 975px width (defaults to 775px) and change the header image via <a href="options-general.php?page=modmat.php">the options page</a>.
VERSION: 1.0
AUTHOR: Peter Allgeyer
AUTHOR URI: http://www.protec-t.de
TAGS: Fixed Width, three column, custom header, options page, dark, widgets, custom width, sandbox
*/


/* ex-external styles */
html{overflow:scroll;}
div#wrapper{
	background-image:url('images/wrapperbg775.gif');
	background-color: #FFF;
	width: 775px;
	margin:10px auto;
	overflow:hidden;
}

div#container{
	float: left;
	width: 100%;
}

div#content {
	background:#000;
	margin: 0 400px 0 15px;
	width: 355px;
}

div#content, {
	background:#181818;
	margin: 0 400px 0 15px;
	width: 355px;
}

div.sidebar{color: #b1b1b1;float: left;font-size: 10px;overflow: hidden;}
div#blurb-top{color: #b1b1b1;float: left;overflow: hidden;margin: 0 0 0 -388px;width: 386px;height: 60px;background-color: #181818;background-position: bottom left;border-right: 1px solid #000;border-bottom: 1px solid #000;}
div#bothside{margin: 4px 0 0 -386px!important;width: 380px;}
div#primary{margin: 4px 0 0 -386px;width: 190px;}
div#secondary{margin: 4px 0 0 -192px;width: 190px;}

div#footer {
	clear: left;
	width: 100%
}


/* start by resetting a couple of styles */
/* ul, li, p, h1, h2, h3, h4, h5{margin:0px; padding: 0px;} */
img{text-decoration: none;border:0px; margin:0px; padding:0px;}
label{display: block; color:#fff}
input{margin-bottom: 10px;}


/* html tag styles */
body{background-color: #333333; background-image:url('images/bg.gif'); background-position:top; background-repeat:repeat-x; font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; padding: 0px; margin: 0px;}
hr{border-top: 0; border-left:0; border-right: 0; border-bottom: 1px solid #CCC; margin: 20px 0;}
pre{margin: 20px 0;padding:25px 15px;background-color:#eeeeee;border:1px dashed #f26522;overflow:auto;font-size:11px;font-family:"Courier New",Courier,monospace;font-weight:normal; overflow: auto; width: 305px;}
blockquote{margin: 20px 0;	padding: 10px 10px 10px 35px;background: url('images/quote.gif') no-repeat;background-position: left center;background-color: #FFFFCC;border: 1px dashed #FFCCCC;font-style: italic;}
blockquote p{margin-bottom:0px!important;}
ul, ol {
	margin: 0 0 0 8px;
	padding: 0px;
}
.entry-content ul, .entry-content ol {
	margin: 20px 10px 20px 30px;
}

/* link styles */
a:link{color: #fff; text-decoration:none;}
a:hover{color: #b1b1b1;}
a:visited{color: #fff;text-decoration:none;}
div.sidebar a{color: #b1b1b1; text-decoration:none;}
div.sidebar a:hover{color:#f26522;}
/* div.sidebar a:visited{color: #b1b1b1;} */

/* more */
.more-link  {
	background: #181818 url(images/iconReadOn.gif) no-repeat 3px 3px;
	display: block;
	float: right;
	font-size: 0.9em;
	margin: 0px;
	padding: 3px 10px 5px 21px;
}

.more-link a:link {
	color: #f26522;
	text-decoration:none;
}

.more-link a:hover {
	color: #b1b1b1;
}

.more-link a {
	color: #f26522;
}

/* .more-link a:visited {
*	color: #f26522;
*	text-decoration:none;
*}
*/

/* Search */
#searchform {
	margin:0;
	padding: 2px 1px 0 0;
	float: right;
}

#searchform input {
	background-color:#fff;
	font-family: arial, verdana, sans-serif;
	font-size: 9pt;
	border: none;
	color: #323337;
	margin: 0;
	padding: 3px 3px 4px 4px;
	width: 280px;
}

#searchform #search {width: 90px;}


/* header2 */
#featureWrapper {
        margin: 0 0 0 16px;
        padding: 10px 2px 10px 0;
	background: black;
	height: 296px;
	width: 957px;
	overflow: hidden;
	float: right;
}

/* Safari, Chrome */
#feature { float: left; margin: -13px 0 0 0;}
        

/* Firefox, Opera */
#feature { float: left; margin: 0; }

#feature, {
	margin: 0 0 0 -16px;
}

/* IE8 */
#feature {
	margin/*\**/: -13px 0 0 0\9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#feature { float: left; margin: -13px 0 0 0;}
}
/* style in IE
 * (the trailing comma prevents other browsers from reading this)
 */
#featureWrapper, {
	margin: 0;
}

#feature p{
	margin: 0;
	padding: 0;
}

#featureBlinds {
	float: right;
	width: 287px;
	overflow: hidden;
}

.blind {
	background:black  url(images/blindBg.gif) 0 0 repeat-x;
	height: 212px;
	border-bottom: 5px solid black;
	padding: 5px;
	font-size: 0.9em;
	display: none;
	color: #fff;
}

#blindWebcam {
	display: block;
}

.blindMenu {
	height: 32px;
	background: #242424;
	border-bottom: 5px solid black;
}

.blindMenu p {
	margin: 0;
	padding:0;
}

.blindMenu a:link,
.blindMenu a:visited{
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	background: transparent url(images/iconCross.gif) 10px 12px no-repeat;
	display: block;
	float: left;
	padding: 8px 5px 5px 26px;
}

.blind img {
	margin: 0 0; 
}

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* generic page styles */
.leftimg{float: left; margin-right: 6px; margin-bottom: 4px; clear: left;}
.rightimg{float: right; margin-left: 6px; margin-bottom: 4px;}
.reditalic{font-size: 15px; color: red; font-style: italic;}
ul#link-ul{margin: 3px 0 0 5px;}
ul#link-ul li{ padding-left: 20px; background-image: url('images/bullet.gif'); background-position: top left; background-repeat: no-repeat; list-style-type:none;}
.subHead{font-size: 9px!important;}
.nav-sep{color: #FFCC66;}
img[align=left]{margin:0 10px 10px 0; border: 1px solid #454545; padding: 2px;}
img[align=right]{margin:0 0 10px 10px; border: 1px solid #454545; padding: 2px;}
img[align=center]{margin:0 10px 10px; border: 1px solid #454545; padding: 2px;}


/* headers */
h1, h2, h3, h4, h5{ color: #fff; font-family: 'Trebuchet MS', Verdana, Sans-Serif;}
h1{font-size:26px; margin: 5px 0 15px 0; font-weight:normal;}
h2{font-size:24px; margin: 5px 0 10px 0; font-weight:normal;}
h3{font-size:22px; margin: 5px 0 10px 0; font-weight:normal;}
h4{font-size:18px; margin: 5px 0 7px 0; font-weight:normal;}
h5{font-size:14px; margin: 5px 0 7px 0;}
h1.blog-title, h2.blog-title{color: #b1b1b1; margin: 20px 0 7px 15px;font-size: 22px;}
h1.blog-title a, h2.blog-title a{color: #b1b1b1; text-decoration: none;}

h1.page-title {
	margin: 10px 0 10px 10px;
	font-size: 28px;
}
h1.entry-title, h2.entry-title {
	margin: 0 0 15px;
	font-size: 20px;
	text-align: left;
}
h1.entry-title a, h2.entry-title a, h1.page-title a {
	color: #fff;
	text-decoration: none;
}

h1.entry-title a:hover, h2.entry-title a:hover, h1.page-title a:hover {
	color: #f26522;
}

h3.widgettitle, .sidebar h3 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 5px;
	color:#fff;
}

.entry-title, h1.page-title {
	clear:both;
}


/* page header */
div#header{text-align:left;height: 130px; border-left: 2px solid black; border-right: 2px solid black; border-top: 2px solid black;}
div#header a {background:url('headers/header1.png') no-repeat;height:130px;width:100%; display:block;}
div#blog-description{color: #FFF; margin: 0 0 0 15px;font-size: 18px;}


/* menu */
div#access{
	background-image:url('images/menu.gif');
	background-position: top;
	background-repeat:repeat-x;
	border-width: 1px 2px;
	border-color: #000;
	border-style: solid;
	height: 26px;
}

div#menu{
	font-size:10px;
	width:771px;
	height:34px;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	overflow: hidden;
}

div#menu ul{
	height: 100%;
	margin-left:8px;
}

div#menu ul li a{
	font-weight:normal;
	text-decoration:none;
	color: #ddd;
	padding: 11px 15px 11px;
	margin:0px;
	display: block;
	border: 0px!important;
}

div#menu ul li{
	float:left;
	list-style:none;
}

li.current_page_item a{
	color: #f26522!important;
}


/* sidebar */
div.blurb-content{padding:10px;}
div.blurb-content a{color: #FFF;}
div.blurb-content img{margin-left: 30px;}
div.sidebar input#s{width:7em;}
div.sidebar ul{margin: 10px;}
div.sidebar li{list-style: none; margin:0 0 7px; padding:0.1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 40px;}
div.sidebar ul ul li{list-style:none; margin: 0 0 1px 0;}
div.sidebar ul ul ul{margin:0 0 0 0.7em;}
a.featured{border-bottom: 0px!important;}
div.rightbar{padding: 20px 0!important;}
div.sidebar-content{padding: 20px;}
div.sidebar img{border: 1px solid #454545; padding: 1px; margin:0 4px 4px 0;}


/* main content */
div.hentry p {
	margin-bottom: 1.4em
}
div#content .hentry {
	background:#181818;
	margin-bottom: 10px;
	text-align: justify;
	padding: 5px 10px 25px 10px;
}
div#content .hentry, {
	background:#181818;
}
div#index .hentry {
	padding-left: 5px!important;
}
.top-meta { color:#b1b1b1; margin-bottom: 20px;}
.top-meta a:link { color: #f26522; text-decoration:none; border-bottom:1px dashed #b1b1b1;}
.top-meta a:hover{color: #b1b1b1;}
.top-meta a:visited{color: #f26522; text-decoration:none; border-bottom:1px dashed #b1b1b1;}

.cat-links a:link {color: #f26522; text-decoration:none; border-bottom:1px dashed #b1b1b1;}
.cat-links a:hover{color: #b1b1b1;}

.comments-link {color: #b1b1b1; padding: 0 0 0 15px;background:url('images/comment.gif') left center no-repeat;}
.comments-link a {
	color: #b1b1b1;
}
.comments-link a:hover {
	color: #f26522;
}


.chronodata{ padding:0 0 0 15px;background:url('images/time.gif') left center no-repeat;}

.entry-content {
	color:#fff;
	line-height: 1.8em;
	min-height: 76px;
}
.entry-content a {
	color: #f26522;
	text-decoration:none;
	border-bottom:1px dashed #b1b1b1;
}
.entry-content a:hover {
	color: #b1b1b1;
}

.entry-content a, img {
	border-bottom: 0px;
}

.bottom-meta { color:#b1b1b1; border-bottom: 1px solid #b1b1b1; margin: 10px 0; padding: 10px 0;}
.entry-meta, { border-top: 10px solid #000; margin: 0 -10px 0 -5px; padding: 10px 0; }
div#nav-above{padding:10px 5px 5px;}
div#nav-below div.nav-previous { margin: 20px 0; color: #ccc; }
.alignleft,div.nav-previous{float: left; padding: 10px 0 20px 0;}
.alignright,div.nav-next{float: right; padding: 10px 0 20px 0;}
.navigation a {color:#b1b1b1; text-decoration:none;}
.navigation a:hover {color:#f26522;}
.wp-caption  {
	float: left;
	padding: 0 5px;
}
p.wp-caption-text {
	margin-bottom: 5px!important;
	font-style:italic;
	padding: 0 10px;
	color:#666;
}

.tag-links {color:#b1b1b1;}

.tag-links a:link {
	color: #f26522;
	text-decoration:none;
	border-bottom:1px dashed #b1b1b1;
}
.tag-links a:hover {
	color: #b1b1b1;
}
.tag-links a:visited {
	color: #f26522;
	text-decoration:none;
	border-bottom:1px dashed #b1b1b1;
}
.meta-sep {color:#b1b1b1;}

/* comments */
div.form-label { margin: 20px 0 5px; font-size: 1.1em; }
div#comments{background: #181818; padding: 10px; margin-bottom: 20px;}
div.comments h4 {font-size:1.7em;font-weight:normal;letter-spacing:-1px;margin-bottom:15px;text-align:left;}
div.comments hr { border-top: 1px solid #b1b1b1; border-bottom: 0px; border-left: 0px; border-right: 0px; margin: 20px 0;}
.trackbacklink{background:url('images/arrow_refresh.png') left top no-repeat;padding:2px 0 2px 20px;height:16px;}

.comments {
	margin-top:30px;
}

.commentsrsslink {
	background:url('images/feed.png') left top no-repeat;
	padding:2px 0 2px 20px;
	margin-right:10px;
	height:16px;
}
.commentsrsslink a, .trackbacklink a {
	color: #b1b1b1;
	padding: 2px;
	text-decoration:none;
}
.commentsrsslink a:hover, .trackbacklink a:hover {
	color: #f26522;
}

#commentlist {
	margin: 0;
	padding: 10px 0 20px;
	position: relative;
}
#commentlist li{
	margin: 0 0;
	padding: 10px 10px 0 10px;
}
#commentlist ul li{
	margin: 0 20px;
	padding: 0 5px;
}
#commentlist li .comment-content {
	padding: 5px 0;
	margin: 10px 0;
}
.comment-content p, .comment-content ul, .comment-content ol, .comment-content div, .comment-content blockquote{margin: 13px 0; color: #fff;}
#commentlist li .comment-meta{padding:2px 0 2px 20px;background:url('images/time.gif') left center no-repeat;display:block;color: #b1b1b1;}
#commentlist li .comment-meta a:link {color: #f26522; text-decoration:none; border-bottom:1px dashed #b1b1b1;}
#commentlist li .comment-meta a:hover {color: #b1b1b1}
#commentlist li .comment-meta a:visited {color: #f26522; text-decoration:none; border-bottom:1px dashed #b1b1b1;}

#commentlist li img{padding:0;border:none;}
#commentlist li img.gravatar {float:right;margin:-5px 0 0;}
#commentlist li .commentauthor{color:#b1b1b1;font-size:1.5em;font-weight:bold;letter-spacing:-1px;}
#commentlist li .commentauthor a:hover {color:#f26522;}
#commentlist li .counter{display:none;font:normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;color:#999;float:left;width:35px;}

li.byuser {background:#000;}
li.bypostauthor {background:#000;}
li.bypostauthor blockquote{color:#333;background:url('images/quote.png') no-repeat 10px 0;}
#pinglist{font-size:1.2em;padding:0;margin:10px 0 10px;background:#f6f7f8;background-image:url('images/pingback.gif');background-repeat:no-repeat;background-position:center left;}
#pinglist li{margin-left:40px;padding:7px 0;list-style:none;}
#pinglist li small{font-size:0.8em;display:block;}
#pinglist li .counter{display:none;}
#pinglist li span.favatar img{margin-left:-25px;border:none;padding:0;float:left;}
#pinglist li img{padding:0;border:none;}
#leavecomment, .comments #loading, #comments-closed-msg{text-align:center;margin:30px 0 20px!important;color:#b1b1b1;font-size:2em;letter-spacing:-2px;list-style-type: none;}
.comments #loading{margin-top:20px!important;}
#comments-closed-msg{margin-bottom:40px !important;}
#respond input{margin: 0 0 5px 0;}
form#commentform span.required{background:#b1b1b1;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:97%;}
div#container input[type=submit]{font-size: 10px;}
img.avatar { display:inline; float:left; border: 1px solid #333!important; margin: 2px 6px 0 0; }

/* footer */
div#footer{
	//text-align:center;
	background: #252526;
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	padding: 5px 0; color: #b1b1b1;
	width: 771px;
	background-image: url('images/footer.gif');
	background-position: bottom;
	background-repeat:repeat-x;
	float: left;
}
a.valid{background:transparent url('images/tick.png') no-repeat scroll 0pt 50%;padding:0pt 0pt 0pt 17px;}
div#footer a {
	text-decoration: none;
	color:#bbb;
}
div#footer a:hover {
	text-decoration: none;
	color:#F26522;
}
div#footer .copyright {
	text-align: left;
	padding: 0 0 0 10px;
	margin: 0px;
	color: #8b8b8b;
	line-height: 30px;
	float: left;
	display: inline;
}

/* misc footer */
.misc {
	float: right;
	display: inline;
	padding: 0 10px 0 0;
	margin:0;
	line-height: 30px;
}

/* 2.5+ image alignment */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright, div.alignright img { padding: 4px; margin: 0 0 2px 7px; display: inline; border: 1px solid #ccc; padding: 1px; }
img.alignleft, div.alignleft img { padding: 4px; margin: 0 7px 2px 0; display: inline; border: 1px solid #ccc; padding: 1px; }
.alignright { float: right; }
.alignleft { float: left; }
.alignleftthumb { float: left; padding: 4px; margin: 0 7px 2px 0; display: inline; border:0; padding: 1px; }


/* Pilots Info */
div#PilotsInfo {
	padding: 0 0 0 10px;
	display:block;
	width: 267px;
	font-size: 1.1em;
}
div#PilotsInfo a {
	color: #f26522;
	font-size: 1em;
}
div#PilotsInfo li {
	margin: 0 10px;
	font-size: 1em;
}


ul#Navigation {
 	border-left:10px solid #F26522; 
	margin: 0; 
	text-align: left;
	background-color: #000;
}

ul#Navigation .active {
	font-weight:bold;
 	color:#F26522;
}

ul#Navigation li { 
	display: inline;
	border-right:1px solid #ccc;
	padding:2px 5px;
} 

ul#Navigation a {
	color:#fff;
	text-decoration: none;
}

ul#Navigation a:hover, ul#Navigation span {
	color: #F26522; 
}

#bg_flyer {
	background:url('images/bg_flyer.png') no-repeat top center;
	z-index:-10;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:200px;
} 

#bg_flyer, {
	background:;
	z-index:-10;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:10px;
} 

.pics {  
	height:  232px;  
	width:   232px; 
	margin:  0;
} 
 
.pics img {  
	height:  200px;  
	width:   200px; 
	border:  0;  
	background-color: #000;  
	top:  0; 
	left: 0; 
} 

#slideshow {
	position: relative;
	width: 660px;
	height: 296px;
	overflow: hidden;
}

#slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	width: 660px;
	height: 296px;
}


/* Default CSS generated by dTabs */

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
#tabbar li, #tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;
	
	/* space them a little in IE*/
	margin: 0 5px;
}

/* style the tabs */
.tab, .tabselected {
	
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	
	/* make them horizontal in all other browsers*/
	display: inline-block;
	
	/* space them a little */
	padding: 6px 7px 0 7px;

	height: 20px;
}

/* style the drop down menus */
.dmenu {
	/* left align the text */
	text-align: left;
	
	/* REQUIRED */
	position: absolute;
	
	/* js fade method should display them 23px below the top of the tabs */
	margin: 25px 0 0 0;
	
	/* put some space around the contents */
	padding: 5px 10px;
	
	/* set a grey background */
	background-color: #333333;
	
	/* set a border, round all the corners except the top left */
}
#tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 0px 0;
	
	/* stop ie going crazy */
	margin: 0;
	
}
#tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
	padding: 2px 0;
	list-style-type: none;
	
}

#tabbar a {
	color: #fff;
	text-decoration: none;
}

#tabbar a:hover {
	color: #f26522;
}


/* REQUIRED: hide menus off screen by default */
.dmenu {
	left: -999em;
}

/* STYLING JUST FOR CSS MENUS */
#tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	/*margin: 5px 0 0 -6px;*/
}
/* REQUIRED: show menus on hovering */
#tabbar .fademenu:hover .dmenu {
	left: auto;
}

#wetter {
	float: left; width: 170px;
	margin: 0; padding: 0;
}

div#winddir {
	background-image:url('images/windsack.png');
	background-repeat:no-repeat;
	height: 31px;
	margin-left: 180px;
	margin-top: 14px;
}

div#windspeed {
	background-image:url('images/windspeed.png');
	background-repeat:no-repeat;
	height: 31px;
	margin-left: 180px;
	margin-top: 14px;
}

div#temperature {
	background-image:url('images/thermometer.png');
	background-repeat:no-repeat;
	height: 31px;
	margin-left: 180px;
	margin-top: 14px;
}

.wetterinfo a {
	display: block;
	height: 31px;
	font-size: 18px;
	font-weight: bold;
	margin-left: 40px;
}

div#uhrzeit {
	background:url('images/datum.gif') ;
	clear: both;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 2px;
	padding: 3px 0 0 3px;
	color: #333333;
	width: 274px;
	height: 16px;
}

div#uhrzeit, {
	margin-top: 6px;
}

#text {
	background: url('images/iconReadOn.gif') no-repeat;
	background-color: #242424;
	background-position: 3px 3px;
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: #d1d1d1;
	margin-top: 4px;
	padding: 2px 0 0 20px;
	height: 17px;
	width: 257px;
}

.rightside a {
	float: right;
	display: inline;
	padding: 0 5px 0 0;
	font-weight: normal;
	color: #d1d1d1;
}
.rightside a:hover {
	color: #f26522;
}

#login-req { color:#b1b1b1; margin-bottom: 20px;}
#login-req a:link { color: #f26522; text-decoration:none; border-bottom:1px dashed #b1b1b1;}
#login-req a:hover{color: #b1b1b1;}
#login-req a:visited{color: #f26522; text-decoration:none; border-bottom:1px dashed #b1b1b1;}

p#login { color:#b1b1b1;}
#login .loggedin, .logout { color:#b1b1b1; margin-bottom: 20px;}
#login .loggedin a:link, .logout a:link { color: #f26522; text-decoration:none; border-bottom:1px dashed #b1b1b1;}
#login .loggedin a:hover, .logout a:hover{color: #b1b1b1;}
#login .loggedin a:visited, .logout a:visited{color: #f26522; text-decoration:none; border-bottom:1px dashed #b1b1b1;}

.st-tag-cloud a:hover { color: #f26522; }