/*
	Styleheet MF-Films.de by Agg Promotion Webdesign
	http://animatola.com
_______________________________________________________________*/
@font-face { font-family:Colaborate-ThinRegular; src:url(http://mf-films.de/fonts/ColabThi.eot); src:local('Colaborate-Thin Regular'), local(Colaborate-Thin), url(http://mf-films.de/fonts/ColabThi.ttf) format(truetype); }
* { margin:0; padding:0; border:none; font-family:18/27 Colaborate-Thin, "Century Gothic", "Trebuchet MS", Sawasdee, Helvetica, sans-serif; font-size:16px; color:#666; text-decoration:none; list-style-type:none; }
body { background:url(images/bgb.jpg) repeat-x; font-family:helvetica, verdana, arial, sans-serif; }
h1,h2,h3,h4 { color:#000; font-family:18/27 Colaborate-Thin, "Century Gothic", "Trebuchet MS", Sawasdee, Helvetica, sans-serif; font-weight:normal; }
h3 { color:#666; font-style:bold; color:#555; }
p { font-size:.8em; line-height:1.5em; }
#wrapper { margin:0 auto; width:900px; }
#header { height:100px; }
#logo { float:left; }
#navi { float:right; margin:35px 0 0; }
#navi a { color:#ccc; font-size:15px; font-family:18/27 Colaborate-Thin, "Century Gothic", "Trebuchet MS", Sawasdee, Helvetica, sans-serif; }
#navi a.currentpage { color:#69c; }
#navi a:hover { color:#fff; text-decoration:none; }
#navi ul { margin:0; float:right; }
#navi li { float:left; margin-right:25px; }
#main { clear:both; width:100%; margin:30px 25px; }
#sidebar { float:left; min-height:350px; width:160px; padding:0 40px 0 100px; margin:0 20px 0 0; }
#sidebar h3 { padding:0 0 .5em; font-size:24px; }
#sidebar p { padding:0 0 .5em; }
#sidebar ul { margin:0; }
#sidebar li { margin:0; padding:12px 0 0 5px; list-style-type:disc; }
#startseitenliste li { padding:6px 0 6px 30px; background-image:url(images/tick.png); background-repeat:no-repeat; background-position:.25em; list-style-type:none; }
#content { float:left; width:460px; min-height:350px; margin:.3em 0 1em; padding:0; }
#content h2 { font-size:18px; padding:.5em 0; font-weight:bold; }
#content h3 { font-size:20px; padding:0 0 1em; }
#content p { font-size:13px; padding:.5em 0 .5em 1em; }
#content a { font-size:14px; color:#333; }
#content a:visited { color:#666; }
#content a:hover { color:#000; text-decoration:underline; }
.ul_content { padding:0 0 .5em 2em; list-style-type:circle; }
.ul_content li { font-size:13px; padding:.5em 0; list-style-type:circle; }
#home-images li { list-style-type:none; }
#footer { clear:both; width:100%; margin:15px 0; border-top:1px solid #999; padding:5px 0 0; }
#footer ul { float:right; margin-right:15px; }
#footer li { float:left; color:#999; font-size:12px; }
#footer a { color:#999; font-size:12px; padding:0 0 2em; }
#footer a:hover { color:#333; }
.clear { clear:both; }

/* 
    Kontakt 
________________________________________________________________*/
.vcard span,.vcard a { font-size:13px; }
form { margin-left:40px; }
label,legend { font-weight:normal; }
legend { margin:0 0 .5em; }
label { font-size:13px; margin:1em 0; }
input,textarea { border:0; width:350px; display:block; margin:0 0 .4em; color:#000; padding:.2em; }
.button { width:40%; display:inline; float:left; margin:0 5px 0 0; border:1px solid #aaa; background:#eee; color:#333; }
.captchapict { padding:20px 0; }
.input { border:1px solid #aaa; }
.input:focus { border:1px solid green; background-color:lightyellow; }
.button:hover { background:#333; color:#eee; }

/*
	Styles for Sliding Effect (Original by JQuery for Designers)
	http://jqueryfordesigners.com/coda-slider-effect/
________________________________________________________________*/
#slider { width:840px; margin:0 auto; position:relative; }
.scroll { height:450px; width:840px; overflow:auto; overflow-x:hidden; position:relative; clear:left; background:#FFFFFF; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
.scrollContainer div.panel { padding:40px; height:430px; width:750px; }
#shade { background:#EDEDEC url(images/shade.jpg) no-repeat 0 0; height:50px; }
ul.navigation { list-style:none; margin:0 0 0 10px; padding:0; padding-bottom:3px; }
ul.navigation li { display:inline; margin-right:5px; }
ul.navigation a { padding:5px; color:#000; font-size:13px; text-decoration:none; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
ul.navigation a:hover { background-color:#f6f6f6; }
ul.navigation a.selected { background-color:#fff; }
ul.navigation a:focus { outline:none; }
.scrollButtons { position:absolute; top:150px; cursor:pointer; }
.scrollButtons.left { left:-35px; }
.scrollButtons.right { right:-35px; }
.hide { display:none; }

/*
Blog Styles
________________________________________________________________*/

/* Wrapping Container */
.NewsSummary { margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #ddd; }

/* Date */
.NewsSummaryPostdate { font-size:11px; }

/* Title Link */
.NewsSummaryLink { padding:10px 0; }
a.NewsSummaryLink { font-size:20px; color:red; }

/* Kategorie */
.NewsSummaryCategory { display:none; }

/* Author */
.NewsSummaryAuthor { display:none; }

/* Zusammenfassung u. Content */
.NewsSummaryContent { }
ol.tumblr_posts li { padding:10px 0; border-bottom:1px dashed #bbb; }

#rssicon {margin:0 auto;text-align: center;}

/*
Language Switcher
________________________________________________________________*/
#language { float:right; color:#ccc; margin:5px 25px 0 0; font-size:13px; }
#language a { color:#ccc; font-size:13px; }
#language a:hover { color:#fff; }
#language a.green { color:#69c; }
#footer-language { margin:0 0 0 15px; font-size:12px; color:#999; }
#footer-language a:hover { text-decoration:underline; }
#footer-language a.active { color:#333; }
#mff-header { height:20px; margin:0; }
/*
#tip1_up { line-height:1.5; }
#tip1_up p { font-size:12px; color:#666; }
tip1_up h4 { font-size:14px; color:#333; }
*/