/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
body,form{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}@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}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
legend{width:100%;display:block;font-weight:bold;border:0}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type="file"]{cursor:pointer}select,input[type="file"]{display:block}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type="radio"],input[type="checkbox"]{margin:0 3px 0 0}input[type="radio"],input[type="checkbox"],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background:transparent}input[type="submit"],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type="submit"]:hover,.button:hover{text-decoration:none;background-position:0 -15px !important}input[type="submit"]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px !important}input[type="submit"].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type="submit"].blue:active,.button.blue:active{background-color:#2e95b3}input[type="submit"].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type="submit"].green:active,.button.green:active{background-color:#4f9f4f}input[type="submit"].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type="submit"].orange:active,.button.orange:active{background-color:#f28f04}input[type="submit"].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type="submit"].red:active,.button.red:active{background-color:#be322b}
/* ColorBox v1.4.31, (c) 2011 Jack Moore - jacklmoore.com, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.4.31/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.4.31/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.4.31/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.4.31/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* Style sheet Standart */
#schauspielerin-cheryl-shepard table{table-layout: fixed}#schauspielerin-cheryl-shepard .col_0{width:33%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}table{width:100%}td{margin:0;padding:5px 3px 4px;border-top:1px dashed #268900}tr:hover{background-color:rgba(38,137,0,.1)}#promo{width:150px;bottom:-105px;left:0;position:fixed;z-index:5000;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear}#promo .ce_image{-webkit-box-shadow:0 0 10px 5px #fff;box-shadow:0 0 10px 5px #fff;border-top:2px solid #fff;border-right:2px solid #fff;border-bottom:0px solid #fff;border-left:0px solid #fff;behavior:url("assets/css3pie/1.0.0/PIE.htc");margin: 0 !important}#promo:hover{width:300px;bottom:-5px;left:0;position:fixed;padding-top:20px;padding-right:20px;z-index:5000;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear}.ce_gallery figcaption{width:94%;bottom:0;position:absolute;margin-right:auto;margin-left:auto;padding:1% 0 2%;background-color:rgba(255,255,255,.8);border-top:0;font-size:1.1em;line-height:150%;opacity: 0.9;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear}.ce_ytvideo{text-align:center}.ce_ytvideo iframe{max-width:100%;border:2px solid #268900;border-radius:11px;behavior:url("assets/css3pie/1.0.0/PIE.htc")}.produkt img{transform:scale(0.9);-webkit-transition:transform 1s linear;-moz-transition:transform 1s linear;-o-transition:transform 1s linear;-ms-transition:transform 1s linear;transition:transform 1s linear}.produkt:hover img{transform:scale(1);-webkit-transition:transform 1s linear;-moz-transition:transform 1s linear;-o-transition:transform 1s linear;-ms-transition:transform 1s linear;transition:transform 1s linear}article h3{width:94%;bottom:0;right:0;position:absolute;padding:1% 3% 2%;background-color:rgba(255,255,255,.8);border-top:0;font-size:1.1em;line-height:150%;opacity: 0.9;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear}.ce_gallery li:hover figcaption{bottom:20px;position:absolute;padding-bottom:1%;background-color:rgba(255,255,255,.95);font-size:1.05em;line-height:150%;font-weight:bold;opacity: 1;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear}article:hover h3{width:94%;bottom:20px;right:0;position:absolute;padding:1% 3%;background-color:rgba(255,255,255,.95);border-top:0;font-size:1.05em;line-height:150%;font-weight:bold;opacity: 1;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear}article a{color: #268900 !important;text-decoration: none !important;-webkit-transition:all 0.3s linear !important;-moz-transition:all 0.3s linear !important;-o-transition:all 0.3s linear !important;-ms-transition:all 0.3s linear !important;transition:all 0.3s linear !important}article a,.ce_gallery figcaption{width:100%;text-align:center;color: #268900 !important;text-decoration: none !important;-webkit-transition:all 0.3s linear !important;-moz-transition:all 0.3s linear !important;-o-transition:all 0.3s linear !important;-ms-transition:all 0.3s linear !important;transition:all 0.3s linear !important}.ce_accordion{margin-bottom:5px;border:1px dotted rgba(89,88,86,.2);cursor:help;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear}.ce_accordion:hover{margin-bottom:5px;border:1px solid rgba(89,88,86,1);border-radius:7px;behavior:url("assets/css3pie/1.0.0/PIE.htc");cursor:help}.ui-accordion-header{margin-bottom:5px;padding-top:3px;padding-bottom:2px;padding-left:5px;border-bottom:1px dashed #268900;font-size:16px;text-decoration:underline;font-variant:small-caps;color:#268900;cursor:help}.main_list:hover{background-color:#268900;border-style:solid;border-color:#595856;color:#fff;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear}.main_list:hover a,.main_list:hover .tag,.main_list:hover .location,.main_list:hover .jahr{border:0px solid #595856;color:#fff;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear}.events{float:right}figure{margin:0}#wrapper{background-color:#ffffff;-webkit-box-shadow:0 0 5px 3px #595856;box-shadow:0 0 5px 3px #595856;border-radius:13px;behavior:url("assets/css3pie/1.0.0/PIE.htc");margin: 20px auto !important}body{background:#595856 url("../../files/dpe-event/layout/bg.jpg") center bottom repeat-x;font:14px "Baumans",sans-serif;color:#000000;letter-spacing:1px}article{width:21%;position:relative;float:left}.ce_gallery li{position:relative;float:left}.ce_text a{text-decoration:underline;color:#000000;-webkit-transition:all 2s linear;-moz-transition:all 2s linear;-o-transition:all 2s linear;-ms-transition:all 2s linear;transition:all 2s linear}.ce_text a:hover{text-decoration:underline;color:#268900;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear}h1{margin-top:0;margin-bottom:10px;text-align:center;font-size:22px;font-weight:bold;color:#268900}h2,h3{margin-top:10px;margin-bottom:10px;text-align:center;font-size:18px;font-weight:bold;color:#268900}.ce_image{margin-right:auto;margin-left:auto;text-align:center}.ce_text{text-align:justify}.kuenstler-block{top:0;position:relative;margin-right:0;margin-left:0;padding-bottom:10px}.kuenstler-block .mod_rocksolid_slider{margin-left: 0 !important;margin-right: 0 !important}.kuenstler-block .rsts-view{top:20px;position:absolute;z-index: 1000}.kuenstler-block .bg{width:100%;height:330px;top:20px;position:absolute;z-index: 1001;margin-left: 0 !important;margin-right: 0 !important}.kuenstler-block img{height:280px}.kuenstler-block .logo{height:260px;top:70px;position:absolute;z-index: 1003;margin-left: 0 !important;margin-right: 0 !important;width: 100% !important}.kuenstler-block .logo img{height:auto}.kuenstler-block .rsts-header{width:100%;height:330px;top:0;position:absolute;margin-right:auto;margin-left:auto;z-index: 1002}.kuenstler-block .events{bottom:0;right:0;position:absolute;z-index: 1004}.kuenstler-block .info{bottom:0;left:0;position:absolute;z-index: 1004}.kuenstler-block .info,.kuenstler-block .events,.kuenstler-block .info p,.kuenstler-block .events p,.kuenstler-block .info a,.kuenstler-block .events a{margin:0;font-size:18px;font-weight:bold;color:#268900;text-transform:uppercase;letter-spacing:2px}.main_list .datum{width:20%;float:left;margin-right:auto;text-align:center}.main_list .bild{width:20%;float:left;margin-right:auto;text-align:center}.main_list .text{width:60%;float:left;text-align:left}.main_list .tag,.main_list .ub,.main_list a{font-weight:bold;color:#268900}.main_list p{margin-top:0;margin-bottom:0;color:#595856}.main_list{width:31%;min-height:75px;max-height:75px;float:left;margin-right:1%;margin-bottom:1%;margin-left:1%;padding-top:10px;padding-bottom:10px;border:1px dotted rgba(38,137,0,.2);-webkit-transition:all 2s linear;-moz-transition:all 2s linear;-o-transition:all 2s linear;-ms-transition:all 2s linear;transition:all 2s linear}
/* Style sheet Navigation */
.mod_articlenav li{padding-top:5px;padding-bottom:4px;padding-left:5px;border-left:4px solid #268900;list-style-type:none;text-indent: -5px;-webkit-transition:all 1.5s linear;-moz-transition:all 1.5s linear;-o-transition:all 1.5s linear;-ms-transition:all 1.5s linear;transition:all 1.5s linear}.mod_articlenav li:hover,.mod_articlenav li.current{padding-top:5px;padding-bottom:4px;border-left:4px solid #ffffff;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear}.mod_articlenav ul{margin:0;padding:0;list-style-type:none}.mod_articlenav a{padding:5px 5px 4px;text-decoration:none;color:#595856;-webkit-transition:all 1.5s linear;-moz-transition:all 1.5s linear;-o-transition:all 1.5s linear;-ms-transition:all 1.5s linear;transition:all 1.5s linear}.mod_articlenav span,.mod_articlenav li:hover a{padding:5px 5px 4px;background-color:#268900;text-decoration:none;color:#ffffff;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear}.buchungsanfrage{padding:5px 5px 4px;background-color:#fff3b8;font-variant:small-caps;color:#268900;letter-spacing:1px}nav ul{display:inline-block;margin:0 auto;padding:0;text-align:center}nav li{float:left;display:inline;margin:20px 20px 30px;font-size:18px;color:rgba(89,88,86,.6);text-transform:uppercase;letter-spacing:2px;list-style-type:none}nav a{font-size:18px;text-decoration:none;color:rgba(89,88,86,.6);text-transform:uppercase;letter-spacing:2px;-webkit-transition:all 2s linear;-moz-transition:all 2s linear;-o-transition:all 2s linear;-ms-transition:all 2s linear;transition:all 2s linear}nav .active,nav .trail,nav a:hover{font-size:18px;color:rgba(38,137,0,1);text-transform:uppercase;letter-spacing:2px;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear}nav{width:100%;margin-right:auto;margin-left:auto;text-align:center}
/* Style sheet Lightbox */
body{background:none;background-color: #ffffff}#main{background-color: none;border-radius: 0;box-shadow: none;margin-bottom: 0;margin-top: 0}
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}

body {
  animation:fadein 2.0s;-moz-animation:fadein 2.0s;-webkit-animation:fadein 2.0s;	
}

/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2014 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */

/**
 * Make the wrapping container 960 pixel wide
 */
#wrapper {
	width:1200px;
	margin:0 auto;
}

/**
 * Set the default margin of the grid columns
 */
*[class*="grid"] {
	float:left;
	margin-left:10px;
	margin-right:10px;
	display:inline;
}

/**
 * Add a default margin to all content elements, so they align with the floatet
 * ones (otherwise you would have to add "grid12" to every element)
 */
.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
	margin-left:10px;
	margin-right:10px;
}

/**
 * Handle news and event reader modules which are added via content element and
 * contain content elements themselves (see #5331)
 */
.mod_article .mod_newsreader,.mod_article .mod_eventreader {
	margin-left:0;
	margin-right:0;
}
.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>* {
	margin-left:10px;
	margin-right:10px;
}

/**
 * Remove the margin from floated articles, because the margin is already
 * applied to its content elements (see above)
 */
.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,
.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12 {
	margin-left:0;
	margin-right:0;
}

/**
 * Automatically clear the floats in the main column, so you do not have to add
 * a clearing div to each article
 */
#wrapper .inside {
	overflow:hidden;
}

/**
 * Grid column widths
 */
.grid1  { width:80px;  }
.grid2  { width:180px; }
.grid3  { width:280px; }
.grid4  { width:380px; }
.grid5  { width:480px; }
.grid6  { width:580px; }
.grid7  { width:680px; }
.grid8  { width:780px; }
.grid9  { width:880px; }
.grid10 { width:980px; }
.grid11 { width:1080px; }
.grid12 { width:1180px; }

/**
 * Floated articles can be 20 pixel wider (no margin)
 */
.mod_article.grid1  { width:100px;  }
.mod_article.grid2  { width:200px; }
.mod_article.grid3  { width:300px; }
.mod_article.grid4  { width:400px; }
.mod_article.grid5  { width:500px; }
.mod_article.grid6  { width:600px; }
.mod_article.grid7  { width:700px; }
.mod_article.grid8  { width:800px; }
.mod_article.grid9  { width:900px; }
.mod_article.grid10 { width:1000px; }
.mod_article.grid11 { width:1100px; }
.mod_article.grid12 { width:1200px; }

/**
 * Default offset widths
 */
.offset1  { margin-left:110px  !important; }
.offset2  { margin-left:210px !important; }
.offset3  { margin-left:310px !important; }
.offset4  { margin-left:410px !important; }
.offset5  { margin-left:510px !important; }
.offset6  { margin-left:610px !important; }
.offset7  { margin-left:710px !important; }
.offset8  { margin-left:810px !important; }
.offset9  { margin-left:910px !important; }
.offset10 { margin-left:1010px !important; }
.offset11 { margin-left:1110px !important; }
.offset12 { margin-left:1210px !important; }

@media (min-width:980px) and (max-width:1249px)
{
.ce_gallery li { margin: 0 !important; width: 50%; }
.ce_gallery figure, .ce_gallery figcaption { margin: 0 !important; width: 100%; }
.index_list { width: 88%; margin: 0 6% 1px; }
.index_list:hover { width: 88%; }
#wrapper {
	width:960px;
	margin:0 auto;
}
.grid1  { width:60px;  }
.grid2  { width:140px; }
.grid3  { width:220px; }
.grid4  { width:300px; }
.grid5  { width:380px; }
.grid6  { width:460px; }
.grid7  { width:540px; }
.grid8  { width:620px; }
.grid9  { width:700px; }
.grid10 { width:780px; }
.grid11 { width:860px; }
.grid12 { width:940px; }

/**
 * Floated articles can be 20 pixel wider (no margin)
 */
.mod_article.grid1  { width:80px;  }
.mod_article.grid2  { width:160px; }
.mod_article.grid3  { width:240px; }
.mod_article.grid4  { width:320px; }
.mod_article.grid5  { width:400px; }
.mod_article.grid6  { width:480px; }
.mod_article.grid7  { width:560px; }
.mod_article.grid8  { width:640px; }
.mod_article.grid9  { width:720px; }
.mod_article.grid10 { width:800px; }
.mod_article.grid11 { width:880px; }
.mod_article.grid12 { width:960px; }

/**
 * Default offset widths
 */
.offset1  { margin-left:90px  !important; }
.offset2  { margin-left:170px !important; }
.offset3  { margin-left:250px !important; }
.offset4  { margin-left:330px !important; }
.offset5  { margin-left:410px !important; }
.offset6  { margin-left:490px !important; }
.offset7  { margin-left:570px !important; }
.offset8  { margin-left:650px !important; }
.offset9  { margin-left:730px !important; }
.offset10 { margin-left:810px !important; }
.offset11 { margin-left:890px !important; }
.offset12 { margin-left:970px !important; }
}

@media (min-width:768px) and (max-width:979px)
{
.ce_gallery li { margin: 0 !important; width: 50%; }
.ce_gallery figure, .ce_gallery figcaption { margin: 0 !important; width: 100%; }
.main_list {
	width:47%;
}
nav li {
	width:100%;
}
.index_list { width: 98%; margin: 0 1% 1px; }
.index_list:hover { width: 98%; }
	/**
	 * Reduce the overall width
	 */
	#wrapper {
		width:744px;
	}

	/**
	 * Reduce the grid column widths
	 */
	.grid1  { width:42px;  }
	.grid2  { width:104px; }
	.grid3  { width:166px; }
	.grid4  { width:228px; }
	.grid5  { width:290px; }
	.grid6  { width:352px; }
	.grid7  { width:414px; }
	.grid8  { width:476px; }
	.grid9  { width:538px; }
	.grid10 { width:600px; }
	.grid11 { width:662px; }
	.grid12 { width:724px; }

	/**
	 * Floated articles can be 20 pixel wider (no margin)
	 */
	.mod_article.grid1  { width:62px;  }
	.mod_article.grid2  { width:124px; }
	.mod_article.grid3  { width:186px; }
	.mod_article.grid4  { width:248px; }
	.mod_article.grid5  { width:310px; }
	.mod_article.grid6  { width:372px; }
	.mod_article.grid7  { width:434px; }
	.mod_article.grid8  { width:496px; }
	.mod_article.grid9  { width:558px; }
	.mod_article.grid10 { width:620px; }
	.mod_article.grid11 { width:682px; }
	.mod_article.grid12 { width:744px; }

	/**
	 * Reduce the offset widths
	 */
	.offset1  { margin-left:72px  !important; }
	.offset2  { margin-left:134px !important; }
	.offset3  { margin-left:196px !important; }
	.offset4  { margin-left:258px !important; }
	.offset5  { margin-left:320px !important; }
	.offset6  { margin-left:382px !important; }
	.offset7  { margin-left:444px !important; }
	.offset8  { margin-left:506px !important; }
	.offset9  { margin-left:568px !important; }
	.offset10 { margin-left:630px !important; }
	.offset11 { margin-left:692px !important; }
	.offset12 { margin-left:754px !important; }
}

/**
 * Remove all floats and fixed widths if the screen width is less than 768
 * pixel (e.g. on a mobile phone)
 */
@media (max-width:767px)
{
.ce_gallery li { margin: 0 !important; width: 50%; }
.ce_gallery figure, .ce_gallery figcaption { margin: 0 !important; width: 100%; }
#wrapper {
	border-radius:0;
	margin-top:0;
	margin-bottom:0;
}
.main_list {
	width:98%;
}
nav li {
	width:100%;
}
.index_list { width: 98%; margin: 0 1% 1px; }
.index_list:hover { width: 98%; }
	/**
	 * Remove the overall width
	 */
	#wrapper {
		width:auto;
	}

	/**
	 * Show all columns underneath each other
	 */
	*[class*="grid"] {
		float:none !important;
		display:block !important;
		width:auto !important;
	}
	*[class*="offset"] {
		margin-left:10px !important;
	}
}