body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
* {margin: 0; padding: 0;}
body {background: #fbfaf6 url(../../files/_design/background.png) top center no-repeat;}
#wrapper {background: #FFF; box-shadow: 0px 0px 5px #222; margin-top: 20px; border-radius: 10px 10px 10px 10px;}
#header {height: 160px; padding: 20px 0 0 0;}
#container {background: url(../../files/_design/backgroundMain.jpg) repeat; padding-top: 20px; zoom: 1; }
#main .inside {padding: 0 30px 0 30px;}
#footer {height: 298px; margin: 0 0 80px 0; background: url(../../files/_design/backgroundMain.jpg) repeat; padding-top: 40px;  border-radius: 0 0 10px 10px;}

.skyscraper {position: absolute; left: 263px;}

/* Header */
.logo {width: 525px; height: 105px; background: #FFF url(../../files/_design/AusmalbilderLogo.png) no-repeat; margin: 0 0 0 25px; float: left; display: block;}
.gewinnspiel {/* background: #FFF url(../../files/_design/gewinnspiel.png) top right no-repeat; */ width: 330px; float: right; position: absolute; right: 0; top: -20px; height: 145px; -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0;}
.gewinnspiel p {position: relative; top: 53px; right: 15px; text-align: right; font-size: 14px;}
.gewinnspiel p a:link, .gewinnspiel p a:visited {color: #FFF; font-size: 15px; padding-top: 10px; display: block; background: #282B38; width: 155px; padding: 2px 6px 2px 6px; text-align: center; position: relative; left: 178px; margin-top: 10px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
.gewinnspiel p a:hover {color: #FFF; background: #ED0026;}

.googlePlusOne {width: 70px; position: absolute; top: 5px; left: 545px;}

/* Overall */
h2 {font-size: 19px; display: block; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal; letter-spacing: normal; text-align: left; margin: 0 0 20px 0; color: #2B2E3D;}

p, div {font-family: Georgia,"Times New Roman",Times,serif; font-size: 15px; font-style: normal; line-height: 22px; color: #2b2e3d;}
hr {margin: 0; padding: 0; height: 0; color: #FFF; border: none;}
.clear {clear: both; height: 0; color: #FFF;}
#columms p {padding: 20px;}

a:link, a:visited {text-decoration: none; color: #ed0026;}
a:hover {color: #00B5E6;}
.ce_text a:link, .ce_text a:visited {padding: 3px 9px 3px 9px; background: #282B38; color: #FFF; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.ce_text a:hover {background: #ED0026;}

.modulheadline {font-size: 19px; display: block; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal; letter-spacing: normal; text-align: left; margin: 0 0 10px 0; color: #2b2e3d; padding: 0;}

.theH1 {padding: 0; border-radius: 10px;}

/* MAIN Definitions */
#main ul {margin-bottom: 22px;}
#main ul li {list-style-position: outside; list-style-type: disc; margin-left: 40px; font-size: 14px; margin-bottom: 5px;}
#main p {margin-bottom: 25px; font-size: 14px;}
#main h1 {font-size: 26px; display: block; font-family: Georgia,"Times New Roman",Times,serif; font-weight: normal; letter-spacing: normal; text-align: left; margin: 0 0 20px 0; color: #2b2e3d; margin-top: 15px; letter-spacing: 1px; font-family: sans-serif; line-height: 30px;}

/* Footer */
.keineHelloKitty {width: 280px; background: #FFF; padding: 15px 20px 10px 20px; text-align: center; float: left; margin-right: 30px; border-radius: 0 5px 5px 0;  -moz-border-radius: 0 5px 5px 0;}
.keineHelloKitty p {font-size: 14px;}
.mediumRectangle {float: left; width: 300px; height: 250px;}

.mod_subscribe {float: left; width: 260px; background: #FFF; margin-right: 30px; padding: 15px 20px 10px 20px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.mod_subscribe p {font-size: 14px;}
.mod_subscribe input.text {border: 1px solid #DDD; padding: 4px; width: 140px; font-size: 13px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.copyright {font-size: 11px; font-family: Arial, sans-serif; text-align: left; margin: 12px 0 0 20px;}
.ccLogo {position: relative; top: -30px; right: 15px; float: right;}

/* Error Page */
.fehlerseite #wrapper {width: 660px}
.fehlerseite #header {width: 660px; overflow: hidden;}
.fehlerseite #main {width: 480px;}
.fehlerseite .mod_subscribe {height: 225px;  -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
.fehlerseite .mod_breadcrumb {visibility: hidden;}

/* Quicknav + Google Adsense */
.adsenseGoogle728x15 {background: #2b2e3d; padding: 5px 20px 2px 0; margin: 20px 0 0 0;}
.fehlerseite .adsenseGoogle728x15 {width: 660px; overflow: hidden; position: relative; top: 20px;}

.mod_quicknav {position: relative; left: 10px; width: 230px; float: left;}
.fehlerseite .mod_quicknav {position: relative; top: -10px;}

/* Breadcrumbs */
.mod_breadcrumb {font-size: 13px; padding: 3px 10px 3px 10px; text-align: right; width: 280px; float: right;}
.mod_breadcrumb {color: #FFF;}
.mod_breadcrumb a:link, .mod_breadcrumb a:visited {font-size: 12px; text-decoration: none; color: #FFF;}

/* Left - Navigation */
#left h2 {padding-left: 15px; margin-bottom: 10px; color: #2b2e3d;}

#left .mod_customnav {background: #FF9911; padding: 15px 0 20px 0; margin-bottom: 20px; border: 2px solid #FFF1E6; border-left: none; color: #2b2e3d;  -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
#left .mod_customnav ul {margin: 0; padding: 0;}
#left .mod_customnav li {list-style: none;}
#left .mod_customnav a:link, #left .mod_customnav a:visited {text-decoration: none; color: #FFF; padding: 2px 2px 2px 15px; display: block; width: 150px; color: #FFF; text-decoration: none;}
#left .mod_customnav li a:hover {color: #2b2e3d; background: #fff1e6;}
#left .mod_customnav span.active {padding: 2px 15px 2px 15px; background: #fff1e6; display: block;}

#left .mod_customnav.basteln {background: #ffb450; border-radius: 0 5px 5px 0; margin-bottom: 20px;}

#left .mod_customnav.basteln {background: #FF8B34; border-radius: 0 5px 5px 0;}

/* Footer - Navigation */
#footer .mod_customnav {background: #2b2e3d; padding: 12px 20px 8px 20px; margin: 20px 0 0 0; border-radius: 0 0 10px 10px;}
#footer .mod_customnav li {float: left; list-style: none; margin-right: 25px;}
#footer .mod_customnav li a:link, #footer .mod_customnav li a:visited{text-decoration: none; color: #FFF; font-size: 13px;}
#footer .mod_customnav li a:hover {color: #FFB450;}
#footer .mod_customnav li span.active {color: #FF9911; font-size: 13px;}

/* Right */
.facebook {margin: 0px 0 20px 0;}
.fb-like-box {background: #FFF; padding: 5px; height: 80px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}

.ihreWerbung {background: #FFF; padding: 5px; height: 80px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; text-align: center; margin-bottom: 20px; color: #888;}
.ihreWerbung .headline {font-size: 18px; line-height: 40px;}

.vorschulblaetterCOM {background: #E7FCFF; padding: 15px 0 15px 15px; margin-bottom: 20px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.vorschulblaetterCOM p {font-size: 14px;}
.vorschulblaetterCOM a, .vorschulblaetterCOM a:link, .vorschulblaetterCOM a:visited {display: block; background: #282B38; color: #FFF; margin-top: 10px; width: 223px; padding: 2px 6px 2px 6px; font-size: 15px; text-indent: 10px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
.vorschulblaetterCOM a:hover {color: #FFF; background: #ED0026;}

.illustratoren {background: #E7FCFF; padding: 15px 0 15px 15px; margin-bottom: 20px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.illustratoren p {font-size: 14px;}
.illustratoren a, .illustratoren a:link, .illustratoren a:visited {display: block; background: #282B38; color: #FFF; margin-top: 10px; width: 223px; padding: 2px 6px 2px 6px; font-size: 15px; text-indent: 10px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
.illustratoren a:hover {color: #FFF; background: #ED0026;}

.illustratorFeld, .linkFeld {padding: 15px 15px 0 15px; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.linkFeld {margin-bottom: 20px;}

/* DownloadArchive */
.downloadarchivItem {width: 147px; margin: 0 10px 40px 11px; float: left; text-align: center;}
.downloadarchivItem a:link, .downloadarchiveItem a:visited {padding: 3px 9px 3px 9px; background: #282B38; color: #FFF; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.downloadarchivItem a:hover {background: #ED0026;}
.downloadarchivItem img:hover {background: #ED0026; background: url(../../files/_thumbs/_hover.png) no-repeat; opacity: 0.7;}
.downloadarchivItem .image_container a, .downloadarchivItem img a:visited {background: none; padding: 0; margin: 0;}
.downloadarchivItem .mime_icon {display: none;}

/* Gewinnspiel */
.gewinnspielModulRechts {margin-bottom: 25px; background: #C40028; padding: 20px 0 0 15px; margin-bottom: 20px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.gewinnspielModulRechts h2 {color: #FFF;}
.gewinnspielModulRechts p, .gewinnspielModulRechts div {color: #FFF; font-size: 14px;}
.gewinnspielModulRechts p {margin-bottom: 20px;}
.gewinnspielModulRechts a:hover {color: #2b2e3d; background: #fff1e6;}

#gewinnspiel ul {padding: 10px 15px 7px 15px; background: #FFF; position: relative; top: -26px; border: 1px solid #979797; border-top: none; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
#gewinnspiel ul li {color: #CF1D2B; font-size: 16px; line-height: 22px;}
#gewinnspiel h2 {text-align: center; line-height: 28px;}

#gewinnspiel .ce_form, #feedback .ce_form {padding: 15px; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#gewinnspiel .ce_form h2 {text-align: left;}

#gewinnspiel tr, #feedback tr {height: 40px;}
#gewinnspiel td.col_0, #feedback td.col_0 {width: 150px;}
#gewinnspiel td.col_0 label, #feedback td.col_0 label {background: #EEE; padding: 2px 8px 2px 8px; border-left: 3px solid #DDD; width: 100px; display: block;}
#gewinnspiel td span.mandatory, #feedback td span.mandatory {visibility: hidden;}

#gewinnspiel td input, #feedback td input {border: 1px solid #2B2E3D; padding: 2px 3px 2px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#feedback td textarea {border: 1px solid #2B2E3D; padding: 2px 3px 2px 3px; width: 250px; height: 150px; margin-top: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#gewinnspiel fieldset, #feedback fieldset {border: none; margin: 8px 0 8px 0; }
#gewinnspiel fieldset .radio_container, #feedback fieldset .radio_container {background: #ED0026; padding: 10px;}
#gewinnspiel fieldset .radio_container span, #feedback fieldset .radio_container span {margin-right: 50px;}

#feedback .captcha {width: 25px; margin-right: 10px;}

#lbl_4_0 {margin-right: 30px;}
input#ctrl_5 {width: 40px;}

#gewinnspiel .submit, #feedback .submit {background: #282B38; color: #FFF; border: none; padding: 3px 15px 3px 15px; margin-top: 15px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 15px;}
#gewinnspiel .submit:hover, #feedback .submit:hover {color: #FFF; background: #ED0026; cursor: pointer;}
#gewinnspiel p.error, #feedback p.error {color: #FF9911; position: relative; top: 23px;}
#gewinnspiel .radio_container .radio {border: none;}

/* Subscribe Newsletter */
#tl_subscribe input {float: left; border: 1px solid #2B2E3D;}
#tl_subscribe .submit {background: #282B38; color: #FFF; border: none; padding: 3px 8px 3px 8px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 15px; float: right; position: relative; top: 1px; left: -5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#tl_subscribe .submit:hover {color: #FFF; background: #ED0026; cursor: pointer;}

.webdesign {background: #EEE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px; width: 280px; text-align: center;}
.webdesign img:link, .webdesign img:visited, .webdesign a.img, .webdesign img a:link, .webdesign img a:visited {border: none;}

.fokuskindlogo {background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px 15px 15px 20px; text-align: center;}
.fokuskindlogo:hover {opacity: 0.7; cursor: pointer;}

.creativeCommons {background: #FFF; border-radius: 5px; padding: 15px; text-align: center;}
.creativeCommons .ce_text a:link, .creativeCommons .ce_text a:visited {background: none; padding: 0;}


/* Werbung */
.werbeKennzeichnung {background: #FFF; font-size: 12px; padding: 1px 8px 1px 8px; width: 75px; border-radius: 0 5px 5px 0; text-align: center; font-weight: bold; float: right; position: relative; left: 86px; top: 132px; visibility: hidden;}
.werbungRectangle {background: #FFF; font-size: 12px; padding: 1px 8px 1px 8px; width: 70px; border-radius: 5px 5px 0 0; margin-top: -25px; text-align: center; font-weight: bold;}

.elterninformation {width: 260px; background: #FFF; padding: 15px 20px 10px 20px; text-align: center; float: left; border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; height: 210px;}
.elterninformationPfeil {background: #DB4A2F; font-size: 12px; padding: 1px 8px 1px 8px; width: 140px; border-radius: 5px 5px 0 0; margin-top: -39px; text-align: center; font-weight: bold; color: #FFF;}
.elterninformation p {font-size: 14px;}

.gecheckt {text-align: center; margin-top: 30px;}
.gecheckt .modulheadline {font-size: 16px; text-align: center;}