/* ====================================================================
   WDS.media GmbH
   Projekt: FerdiFuchs
   Dokument: stylesheets.css
   Autor: Gordon P. Ries
   erstellt: 2014-02-01
   geändert: 2015-06-20
===================================================================== */

* { margin:0px;	padding:0px; outline:none; border:none; text-decoration:none; font-weight:normal; font-family:FuturaBT-Medium; }

html,body { height:100%; }

/* ########### CONSTRUCT ###########  */
a.link { color:#000; text-decoration:underline; }

div#page { display:none1; position:absolute; z-index:2; width:953px; left:50%; margin-left:-475px; background:transparent url(../images/bg-page.png) right bottom no-repeat; }

div#header { height:240px; position:relative; }
  div#header div.mood { position:absolute; z-index:4; left:821px; top: 9px;}
	div#header div.image { position:absolute; z-index:2; }
	div#header div.top { position:absolute; z-index:3; width:1000px; height:111px; left:-26px; background:transparent url(../images/bg-top.png) left top no-repeat; }
	div#header div.logo { position:absolute; z-index:4; width:219px; height:141px; left:17px; }
	div#header div.navigation { position:absolute; z-index:3; width:948px; height:40px; top:200px; background:transparent url(../images/bg-navigation.png) left top no-repeat; }
		div#header div.navigation div.mainnavigation { position:absolute; z-index:3; left:20px; top:48px; width:740px; }
			div#header div.navigation div.mainnavigation ul { position:absolute; z-index:2; width:900px; }
			div#header div.navigation div.mainnavigation ul li { float:left; margin:0 0 0 30px; list-style-type:none; padding-top:15px;}
			div#header div.navigation div.mainnavigation ul li.superfun { width:120px; height:65px;  background:transparent url(../images/logo-superfun.png) left top no-repeat; text-indent: -10000px; }
			div#header div.navigation div.mainnavigation ul li.superfun a { width:120px; height:64px; display:block; }
				div#header div.navigation div.mainnavigation ul li a { font-family:SariWeb-Black; color:#ffffff; font-size:17px; text-transform:uppercase; text-shadow: 2px 2px 2px #031677, -2px 2px 2px #031677, 2px -2px 2px #031677, -2px -2px 2px #031677; text-decoration:none; }
				div#header div.navigation div.mainnavigation ul li a:hover,
        div#header div.navigation div.mainnavigation ul li a.active { color:#e41e1f; }
      div#header div.navigation div.mainnavigation ul ul { display:none; }
		div#header div.navigation div.star{ position:absolute; z-index:2; opacity:0; }
		div#header div.navigation div.breadcrump { position:absolute; z-index:3; left:50px; top:107px; color:#174287; font-size:16px; text-decoration:none; }
			div#header div.navigation div.breadcrump *{ font-family:FuturaBT-MediumCondensed; color:#174287; text-decoration:none; }

div#content{ position:relative; z-index:3; overflow:hidden; width:948px; background:#fee501 url(../images/bg-content.png) left top repeat-x; min-height:500px; height:auto !important; height:500px; -moz-border-bottom-left-radius:10px; /* Firefox */ -webkit-border-bottom-left-radius:10px; /* Safari, Chrome */ -khtml-border-bottom-left-radius:10px; /* Konqueror */ border-bottom-left-radius:10px; /* CSS3 */ -moz-border-bottom-right-radius:10px; /* Firefox */ -webkit-border-bottom-right-radius:10px; /* Safari, Chrome */ -khtml-border-bottom-right-radius:10px; /* Konqueror */ border-bottom-right-radius:10px; /* CSS3 */ }

div#contentShadow{ position:relative; left:0px; top:-10px; z-index:2; width:948px; height:12px;}

div#footer{ position:relative; z-index:1; overflow:hidden; background:#e5f1fb; left:26px; top:-19px; height:60px; width:922px; -moz-border-bottom-left-radius:10px; /* Firefox */ -webkit-border-bottom-left-radius:10px; /* Safari, Chrome */ -khtml-border-bottom-left-radius:10px; /* Konqueror */ border-bottom-left-radius:10px; /* CSS3 */ -moz-border-bottom-right-radius:10px; /* Firefox */ -webkit-border-bottom-right-radius:10px; /* Safari, Chrome */ -khtml-border-bottom-right-radius:10px; /* Konqueror */ border-bottom-right-radius:10px; /* CSS3 */ }
	div#footer ul{ margin-top:25px; }
		div#footer ul li{ float:left; margin:0 0 0 15px; list-style-type:none; }
			div#footer ul li a{ color:#000000; font-size:17px; ; text-decoration:none; }
			div#footer ul li a:hover{ color:#e1001a; }
			div#footer ul li a.active{ font-weight:bold; }
	div#footer div.copyright{ font-size:15px; float:left; margin:25px 0 0 720px; }
	div#footer div.links{ float:left; margin:-4px 0 0 10px; ; text-decoration:none; }
	div#footer *{ font-family:FuturaBT-MediumCondensed; text-transform:none;}
/* #################################  */


/* ########### HELPER ########### */
.floatRight{ float:right; }
.floatLeft{ float:left; }
.clear{ clear:both; height:0px; font-size:0px; }


/* ########### KACHELN GROESSE ########### */
div.tileOne { width:307px; height:380px; float:left; }
div.tileOneFirst { width:307px; height:380px; float:left; margin-left:21px; }
div.TileOneImage { width:283px; height: 268px; border: 3px solid #ffffff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px;}

div.tileTwo { width:616px; height:380px; float:left; }
div.tileTwoFirst { width:616px; height:380px; float:left; margin-left:21px; }
div.TileTwoImage { width:588px; height: 268px; border: 3px solid #ffffff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px;}

div.tileEltern{ width:307px; height:320px; float:left; }
div.tileElternFirst { width:307px; height:320px; float:left; margin-left:21px; }
div.TileElternImage { width:283px; height: 268px; border: 3px solid #ffffff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px;}

div.tabTile { margin-left:16px; width:134px; height:24px;
  border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -webkit-top-left-radius: 10px; -khtml-top-left-radius: 10px;
  border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-top-right-radius: 10px; -khtml-top-right-radius: 10px;  
  border-top: 3px solid #fff; border-left: 3px solid #fff; border-right: 3px solid #fff; }

div.tabTile div { font-family:SariWeb-ExtraBold; color:#ffffff; font-size:16px; font-style:italic; text-transform:uppercase; padding: 5px 0 0 10px; letter-spacing: 0.04em;}
@media screen and (-webkit-min-device-pixel-ratio:0) { div.tabTile div {padding-top:2px; }  }  
/* chrome-hack */

div.tileOneText { width:289px; min-height:75px; font-family: FuturaBT-Medium; background:transparent url(../images/tiles/btn-weiter.png) right top no-repeat; }
div.tileOneText div { width:245px; font-size:12px; color:#000; margin-left:3px; }
div.tileOneText h1 { font-family: SariWeb-Black; font-size:14px; margin-top:10px;text-transform:uppercase; }

div.tileTwoText { width:598px; min-height:75px; font-family: FuturaBT-Medium; background:transparent url(../images/tiles/btn-weiter.png) right top no-repeat; }
div.tileTwoText div { width:545px; font-size:12px; color:#000; margin-left:3px; }
div.tileTwoText h1 { font-family: SariWeb-Black; font-size:14px; margin-top:10px;text-transform:uppercase; }

div.tileElternText { width:289px; min-height:75px; margin-top:180px; font-family: FuturaBT-Medium; background:transparent url(../images/tiles/btn-weiter.gif) 21px 63px no-repeat; }
div.tileElternText div { width:240px; font-size:12px; line-height:18px; color:#000; margin-left:20px; }
/* #########################################  */


/* ########### Rollende Kachel ########### */
div.tileRolling { width:897px; height: 294px; border: 3px solid #ffffff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px;}
/* #########################################  */

/* ########### KACHELN KATEGORIE-FARBEN ########### */
.katLeckerei { background-color: #f39400; }
.katWissen { background-color: #009ee1; }
.katExtra { background-color: #ee5e0f; }
.katFilm { background-color: #0053a0; }
.katHoerspiel { background-color: #a51a40; }
.katSpiel { background-color: #e3001a; }
.katGewinn { background-color: #e3001a; }
.katComics { background-color: #ffc000;} 
.katEltern { background-color: #1b677b;} 
/* #########################################  */


/* ########### BEREICH ELTERN ########### */
div.tileElternMood { width:903px; margin-left:21px; }
div.tileElternMoodText { position: absolute; margin: 45px 0 0 45px; font-family: FuturaBT-Medium; font-size:14px; font-weight: normal; color:#000; }
div.tileElternMoodText h1 { font-family: SariWeb-BlackItalic; font-size:24px; text-transform:uppercase; margin-bottom:10px; }

div.tileElternContent { width:903px; margin-left:21px; border: 3px solid #1b677b; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px; font-family:FuturaBT-Medium; color:#fff; font-size:12px; line-height:18px; margin-bottom:10px;}

div.tileElternColLeft { width:452px; float:left; margin-left:21px;  }
div.tileElternColRight { width:451px; float:left; margin-left:11px;}
div.tileElternContentSmall { width:435px; border: 3px solid #1b677b; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px; font-family:FuturaBT-Medium; color:#fff; font-size:12px; line-height:18px; margin-bottom:25px;}

div.tileElternContent .text, div.tileElternContentSmall .text { margin:20px 43px 43px 43px; }
div.tileElternContent .text h1, div.tileElternContentSmall .text h1 { font-family:SariWeb-Black; color:#1b677b; font-size:18px; margin-bottom: 10px; padding-top: 25px;}
div.tileElternContent .text p, div.tileElternContentSmall .text p { color:#000; font-family: FuturaBT-Medium; font-size:14px; line-height:22px; margin-bottom:20px; }
div.tileElternContent .text p .link, div.tileElternContentSmall .text p .link { color:#1b677b; font-weight:bold; }

.ElternComment { width:903px; margin-left:21px; text-align:center; margin-bottom: 35px; }
.ElternComment h1 { font-family:SariWeb-Black; color:#000; font-size:24px; margin-bottom: 10px; padding-top: 25px; }
.ElternComment p { color:#000; font-family: FuturaBT-Medium; font-size:14px; line-height:20px; padding: 0 160px 0 160px; margin-bottom:20px; }

.ElternNaehrwerte { width:903px; margin-left:21px; margin: 35px 0 35px 0; }
.ElternNaehrwerte .ColLeft {float:left; width: 451px; text-align: center; }
.ElternNaehrwerte .ColRight {float:left; width: 452px; text-align: center; }
.ElternNaehrwerte .ColLeft h1, .ElternNaehrwerte .ColRight h1 { font-family:SariWeb-BlackItalic; color:#000; font-size:22px; margin-bottom: 20px; }

.ElternNaehrwerteTab { width:412px; text-align:left; margin-left:35px; border:0px; border-spacing: 0px 2px; }
.ElternNaehrwerteTab th { height:32px; padding-left:8px; font-family: FuturaBT-Medium; 
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A61A41), color-stop(1, #780928) ); 
  background:-moz-linear-gradient( center top, #A61A41 5%, #8F1638 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A61A41', endColorstr='#780928');
  background-color:#A61A41; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 0px solid #0070A8;	  
  border-top-left-radius: 10px; -moz-border-top-left-radius: 8px; -webkit-top-left-radius: 10px; -khtml-top-left-radius: 8px;
  border-top-right-radius: 10px; -moz-border-top-right-radius: 8px; -webkit-top-right-radius: 10px; -khtml-top-right-radius: 8px; 
}
.ElternNaehrwerteTab tfoot td { height:10px; padding-left:8px; color:#a39600; font-family: FuturaBT-Medium; font-weight:normal; font-size:10px; background-color:transparent;  }
.ElternNaehrwerteTab td { height:25px; color:#000; background-color:#fff; padding-left:8px; font-family: FuturaBT-Medium; font-size:12px; }
/* ######################################  */


/* ########### BEREICH COMICS ########### */
div.tileComics { background:url(../images/comics/background-comics-1tewelle.gif) left top repeat-x; width:903px; height:1085px; margin-left:21px; }
div.tileTvstarLogo { position:absolute; margin-top:10px; width:903px; text-align:center; }
div.tileTvstarTab { position:absolute; margin:20px 0 0 20px; font-family:SariWeb-BlackItalic; color:#ffffff; font-size:16px; text-transform:uppercase; }
div#TvstarContent { position:absolute; margin-top:115px; width:903px;}
div#TvstarMood1 { float:left; width:138px; height:347px; }
div#TvstarMood2 { float:left; width:135px; height:347px; margin-left:26px; }
div#TvstarVideo { float:left; width:578px; height:347px; background-color:#000; margin-left:26px }
div#TvstarText { position:absolute; width:578px; height:75px; margin-top:13px; margin-left:165px; font-family: FuturaBT-Medium; color:#fff; font-size:12px; }
div#TvstarText h1 { font-family: FuturaBT-Medium; color:#ffec00; font-size:12px; text-transform: uppercase; font-weight:bold; }
/* ######################################  */


/* ########### BEREICH FILME ########### */
div.tileTvstar { background:url(../images/filme/background-tvstar.gif) left top no-repeat; width:903px; height:550px; margin-left:21px; }
div.tileTvstarLogo { position:absolute; margin-top:10px; width:903px; text-align:center; }
div.tileTvstarTab { position:absolute; margin:20px 0 0 20px; font-family:SariWeb-BlackItalic; color:#ffffff; font-size:16px; text-transform:uppercase; }
div#TvstarContent { position:absolute; margin-top:115px; width:903px;}
div#TvstarMood1 { float:left; width:138px; height:347px; }
div#TvstarMood2 { float:left; width:135px; height:347px; margin-left:26px; }
div#TvstarVideo { float:left; width:578px; height:347px; background-color:#000; margin-left:26px }
div#TvstarText { position:absolute; width:578px; height:75px; margin-top:13px; margin-left:165px; font-family: FuturaBT-Medium; color:#fff; font-size:12px; }
div#TvstarText h1 { font-family: FuturaBT-Medium; color:#ffec00; font-size:12px; text-transform: uppercase; font-weight:bold; }
/* ######################################  */


/* ########### BEREICH HOERSPIELE ########### */
div.tileHoerspiele { background:url(../images/hoerspiele/background-hoerspiele.gif) left top repeat-x; width:903px; height:550px; margin-left:21px; }
div.tileHoerspieleLogo { position:absolute; margin-top:10px; width:903px; text-align:center; }
div.tileHoerspieleTab { position:absolute; margin:20px 0 0 20px; font-family:SariWeb-BlackItalic; color:#ffffff; font-size:16px; text-transform:uppercase; }
div.tileHoerspieleMood { position:absolute; margin-top:50px; }
div#HoerspieleContent { position:absolute; margin-top:115px; width:903px;}
div#HoerspieleMood1 { float:left; width:138px; height:347px; }
div#HoerspieleMood2 { float:left; width:135px; height:347px; margin-left:26px; }
div#HoerspielePlayerMood { float:left; width:578px; height:347px; background-color:#000; margin-left:26px }
div#HoerspielePlayer { position:absolute; margin:298px 0 0 12px; width:360px; }
div#HoerspieleDownload { position:absolute; margin:290px 0 0 378px; width:290px; height:44px; }
div#HoerspieleText { position:absolute; width:578px; height:75px; margin-top:13px; margin-left:165px; font-family: FuturaBT-Medium; color:#fff; font-size:12px; }
div#HoerspieleText h1 { font-family: FuturaBT-Medium; color:#ffec00; font-size:12px; text-transform: uppercase; font-weight:bold; }
div.TileHoerspieleLaden { width:270px; text-align: center; margin-top:10px; }
div.TileHoerspielePlayer { float:left; width:555px; height:155px; margin-left: 25px; }
/* #########################################  */


/* ########### BEREICH QUIZ ########### */
div.tileQuiz { background:url(../images/quiz/background-quiz-blau.gif) left top repeat-x; width:903px; height:635px; margin-left:21px; }
div.tileQuizTab { position:absolute; margin:20px 0 0 20px; font-family:SariWeb-BlackItalic; color:#ffffff; font-size:16px; text-transform:uppercase; }
div.tileQuizLogo { position:absolute; margin-top:20px; width:903px; text-align:center; }
div.QuizFrage { position:absolute; margin-top:135px; width:703px; text-align:center; font-family:SariWeb-Black; color:#ffec00; font-size:26px; line-height:33px; padding: 0 100px 0 100px;  }
div.QuizAntwortBox { position:absolute; margin:255px 0 0 215px; z-index:2;}
div.QuizAntwortA { background:url(../images/quiz/antwort-a.png) left center no-repeat; height:62px; margin-left:21px; padding-left:65px; }
div.QuizAntwortB { background:url(../images/quiz/antwort-b.png) left center no-repeat; height:62px; margin-left:21px; padding-left:65px; margin-top:25px; }
div.QuizAntwortC { background:url(../images/quiz/antwort-c.png) left center no-repeat; height:62px; margin-left:21px; padding-left:65px; margin-top:25px; }
div.QuizAntworten { width:360px; height: 62px; background-color:#e8511e; color:#fff; text-align:center; border:0;
  font-family:SariWeb-Black; color:#fff; font-size:18px; line-height:33px; text-transform:uppercase; display: table-cell; vertical-align: middle; 
  border-top-left-radius: 30px; -moz-border-top-left-radius: 30px; -webkit-top-left-radius: 30px; -khtml-top-left-radius: 30px;
  border-top-right-radius: 30px; -moz-border-top-right-radius: 30px; -webkit-top-right-radius: 30px; -khtml-top-right-radius: 30px; 
  border-bottom-left-radius: 30px; -moz-border-bottom-left-radius: 30px; -webkit-bottom-left-radius: 30px; -khtml-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px; -moz-border-bottom-right-radius: 30px; -webkit-bottom-right-radius: 30px; -khtml-bottom-right-radius: 30px; 
  cursor:pointer;
}
div.QuizMoodSterneLinks { position:absolute; width:203px; height:300px; z-index:0; margin:210px 0 0 0px; background:url(../images/quiz/mood-sterne-links.png) left center no-repeat; }
div.QuizMoodSterneRechts { position:absolute; width:223px; height:263px; z-index:0; margin:235px 0 0 680px; background:url(../images/quiz/mood-sterne-rechts.png) left center no-repeat; }
div.QuizOutputError { position:absolute; margin:540px 0 0 155px; z-index:3; width:650px; text-align:center; font-family:SariWeb-BlackItalic; color:#e8511e; font-size:20px; line-height:33px; display:none; }
/* #########################################  */


/* ########### FUCHSHAUSEN ########### */
div.tileFerdiswelt { background:#f8f228 url(../images/fuchshausen/background-ferdis-welt.jpg) left top repeat-x; width:903px; height:950px; margin-left:21px; }
div.tileFerdisweltTab { position:absolute; margin:20px 0 0 20px; font-family:SariWeb-BlackItalic; color:#ffffff; font-size:16px; text-transform:uppercase; }
div#FerdisweltContent { position:absolute; width:903px;}
div.FerdisweltContentText { position:absolute; margin:750px 0 0 25px; width:270px; font-family: FuturaBT-Medium; color:#000; font-size:12px; }
div.FerdisweltChar { position:absolute; margin-top:645px; text-align:center; }
div.FerdisweltChar span { font-family:SariWeb-BlackItalic; color:#005e9f; font-size:18px; text-transform:uppercase; }
/* ##################################  */


/* ########### LECKEREIEN ########### */
div.tileLeckereien { background:url(../images/leckereien/background-leckereien.gif) left top no-repeat; width:903px; height:550px; margin-left:21px; }
div#tileLeckereienHeadline { position:absolute; margin-top:15px; width:903px; text-align:center; z-index:6; }
div#LeckereienContent { position:absolute; margin-top:57px; width:903px; height:403px; text-align: center; z-index:5; display:table;  }
div#LeckereienText { position:absolute; width:795px; height:75px; margin-top:475px; margin-left:60px; font-family: FuturaBT-Medium; color:#000; font-size:12px; }
div#LeckereienText h1 { font-family: FuturaBT-Medium; color:#000; font-size:12px; text-transform: uppercase; font-weight:bold; }
div.LeckereienImage { width:100%; display:table-cell; vertical-align:middle; position:relative; text-align:center; }
 /* ################################  */
 
 
 /* ########### IMPRESSUM ########### */
 div#tileImpressum { width:903px; margin-left:21px; background:transparent url(../images/impressum/background-impressum-2015.jpg) top repeat-y }
.tileImpressumBgLeft { background: transparent url(../images/impressum/background-impressum-left-2015.jpg) left top no-repeat; 
  border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -o-border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px;  
}
.tileImpressumBgRight { background:transparent url(../images/impressum/background-impressum-right-2015.jpg) right top no-repeat;
  border-top-right-radius: 10px; -moz-border-top-rightt-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -o-border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px;  
}
div.ImpressumCol1 { float: left; width:255px; min-height:550px; }
div.ImpressumCol2 { float: left; width:420px; }
div.ImpressumCol3 { float: left; width:228px; }

div.ImpressumCol2 h1 { font-family:SariWeb-Black; color:#172d7f; font-size:22px; margin-top: 40px; }
div.ImpressumCol2 h2 { font-family:SariWeb-Black; color:#1faae4; font-size:17px; margin-top: 20px; }
div.ImpressumCol2 h3 { font-family: FuturaBT-Medium; color:#000; font-size:14px; font-weight:bold; margin-top: 20px;}
div.ImpressumCol2 p { font-family: FuturaBT-Medium; color:#000; font-size:12px; margin-top: 8px; line-height: 18px;}
 /* ##################################  */
 

/* ########### Unterseiten ########### */
.tileContent {  width:903px; margin-left:21px; }
.tileContentTab { height:57px; } 
.tileContentTabText { padding:20px 0 0 20px; font-family:SariWeb-BlackItalic; color:#ffffff; font-size:16px; text-transform:uppercase; letter-spacing: 0.05em; } 
.tileContentSubline { width: 853px; margin: 10px 0 25px 25px; font-family:FuturaBT-Medium; color:#fff; font-size:16px; }

article.teaserContent { display:table; width:853px; border-spacing:0; margin-left: 25px; margin-bottom:30px; }
article.teaserContent .text { display:table-cell; width:529px; vertical-align:middle; } 
article.teaserContent .text p { margin-bottom: 15px; }
article.teaserContent .text p:last-child { margin-bottom: 0px; }
article.teaserContent .text h1 { font-family:SariWeb-Black; color:#ffffff; font-size:20px; margin-bottom: 5px; text-transform:uppercase; }
article.teaserContent .text h2 { font-family:SariWeb-Black; color:#ffffff; font-size:15px;  }
article.teaserContent .text .teaserBox { padding: 15px; border: 3px solid #ffffff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px; font-family:FuturaBT-Medium; color:#fff; font-size:12px; line-height:18px;}
article.teaserContent .image { display:table-cell; width:288x; vertical-align:middle; text-align: center;  }
article.teaserContent .image a, article.teaser .image img { border-width:0; vertical-align:bottom; }

div.malbuchmotive, div.wallpaperText { font-family: FuturaBT-Medium; color:#000000; font-size:12px; }
div.malbuchmotive h1 { font-family: FuturaBT-Medium; color:#ffec00; font-size:12px; text-transform: uppercase; font-weight:bold; }
div.wallpaperText h1 { font-family: FuturaBT-Medium; color:#ffffff; font-size:12px; text-transform: uppercase; font-weight:bold; }

div.notfoundText { font-family: FuturaBT-Medium; color:#000000; font-size:12px; }
div.notfoundText h1 { font-family: FuturaBT-Medium; color:#ffec00; font-size:12px; text-transform: uppercase; font-weight:bold; }
/* ##################################  */

/* SLIDER FUER AUSMALBILDER */
.image_carousel { position: relative; }
.image_carousel .image_carousel img { padding:0 15px 0 0; display: block; float: left; }
.image_carousel a.prev, .image_carousel a.next { font-size:0px; width:18px; height:32px; display:block; position: absolute; top:235px; }
.image_carousel a.prev { left:100px; background:transparent url(../images/wissen/btn-ausmalbilder-left.png) left top no-repeat; }
.image_carousel a.prev.disabled { background-image:none;  }
.image_carousel a.next {right: 100px; background:transparent url(../images/wissen/btn-ausmalbilder-right.png) left top no-repeat; }
.image_carousel a.next.disabled { background-image:none;  }    
.image_carousel a.prev.disabled, .image_carousel a.next.disabled { cursor: default; }
.image_carousel .ausmalbilder_pag{ display:none; }
.image_carousel #ausmalbilder img{ cursor:pointer; }


.rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px; }
.katFilm { background-color:#0053a0;}
.shadow {	box-shadow: 6px 6px 6px #065300; -moz-box-shadow: 6px 6px 6px #065300; -webkit-box-shadow: 6px 6px 6px #065300; -khtml-box-shadow: 6px 6px 6px #065300; }
.tileSpacer {height:18px;}
.SpacerTop { height:20px; }
.SpacerContent { height:20px; }
.SpacerBottom { height:25px; }
.white { color:#ffffff; }
.bold { font-weight:bold;}
.invisible{ visibility:hidden; height:0px; padding:0px; margin:0px; font-size:0px; }
img.headline{ margin:0 0 15px 0; }

input.error{
	border:2px solid #ff0000;
}

label.error{
	color:#ff0000;
}

.greyscale {
		filter: url(filters.svg#grayscale); /* Firefox */
		filter: gray; /* IE */
		-webkit-filter: grayscale(1); /* Webkit */
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */    
	}