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%}
/*	-------------------------------------------------------------
	Fonts
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@font-face {
    font-family: 'RotisSansSerifRegular';
    src: url('../../files/sw/fonts/rotissas.eot');
    src: url('../../files/sw/fonts/rotissas.eot') format('embedded-opentype'),
         url('../../files/sw/fonts/rotissas.woff') format('woff'),
         url('../../files/sw/fonts/rotissas.ttf') format('truetype'),
         url('../../files/sw/fonts/rotissas.svg#RotisSansSerifRegular') format('svg');
		 font-weight: normal;
		 font-style:normal;
}
@font-face {
    font-family: 'dinprobold';
    src: url('../../files/sw/fonts/dinpro-bold-webfont.eot');
    src: url('../../files/sw/fonts/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/sw/fonts/dinpro-bold-webfont.woff') format('woff'),
         url('../../files/sw/fonts/dinpro-bold-webfont.ttf') format('truetype'),
         url('../../files/sw/fonts/dinpro-bold-webfont.svg#dinprobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*	-------------------------------------------------------------
	Basics
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

* {
	margin:0;
	padding:0;
	border:0;
}

html {
	height:100.2%;
	padding-bottom:0.1%;
}

html, body {
	overflow-x:hidden;
}

body {
	width:100%;
	top:0;
	margin:0;
	padding:0;
	font-family:'RotisSansSerifRegular', sans-serif;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	font-size:93.75%;
	-webkit-text-size-adjust:93.75%;
	color:#444;
	background:#fff;
}

p {
	font-size:1.05em;
	line-height:18px;
	margin-bottom:18px;
}
.orange {
	color:#f39200;
}
.blue {
	color:#5ec7f2;
}
.darkblue {
	color:#3366ff;
}

h1 {
	font-size:1.2em;
	color:#f39200;
	font-weight:bold;
	line-height:18px;
	margin-bottom:18px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
h1 {line-height:17px !important;}
}

a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#f39200;
}

a:active, a:focus {
	outline:none;
	border:0;
}

*:focus {
	outline:0;
	border:0;
}

img {
	border:0;
	padding:0;
	margin:0;
	vertical-align:top;
}

.clear {
	clear:both;
}

/*	-------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#wrapper {
	position:relative;
}
 
#container {
	position:relative;
}

#header {
	/*background:#282828;*/
}
#header .inside {
	position:relative;
}

#logo {
	padding:20px 0 0 20px;
}
#logo h1 {
	float:left;
	text-indent:-9999px;
	width:1px;
}

#main, #left, #right {
	/*float:left;*/
}

#main {
	position:relative;
	width:100%;
}
* + html #main {
    position:static;
}
#main .inside {
	position:relative;
	padding:0;
	margin:20px auto 20px auto;
}

#left {
}
#left .inside {
}
#right {
}
#right .inside {
}

#footer {
}
#footer .inside {
	position:relative;
	float:right;
	margin:20px 40px 0 0;
}


/*	-------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/* Metanavigation Header */
.submenu {
	position:absolute;
	right:40px;
	top:110px;
}
.submenu ul li {
	font-family:'dinprobold', sans-serif;
	list-style:none;
	float:left;
	font-size:1.3em;
}
.submenu ul li a {
	line-height:1.3em;
    color:#5ec7f2;
    text-decoration:none;
	text-align:right;
    padding:0 0 0 30px;
	display:block;
	float:left;
}
.submenu ul li a:hover {
	color:#f39200;
}
.submenu ul li span {
	line-height:1.3em;
    color:#f39200;
    text-decoration:none;
	text-align:right;
    padding:0 0 0 30px;
	display:block;
	float:left;
}

/*-------------Elements-----------------*/

table { 
    width:100%; 
    border-collapse:collapse; 
}
td {
	width:50%;
    padding:6px;
    text-align:left;
    vertical-align:top;
}

/* Events ----------------------------------- */

table.calendar {
	width:100%;
	background-color:#fcfcfc;
	border-collapse:separate;
	margin-bottom:20px;
}
table.calendar .head {
	padding-top:0.5em;
	padding-bottom:0.5em;
	text-align:center;
	background:#f39200;
	border-top:1px solid #dfdfdf;
}
table.calendar th.previous {
	padding-left:0.75em;
	text-align:left;
	border-left:1px solid #dfdfdf;
}
table.calendar th.next {
	padding-right:0.75em;
	text-align:right;
	border-right:1px solid #dfdfdf;
}
table.calendar th a {
	text-decoration:none;
	color:#333333;
}
table.calendar th a:hover {
	text-decoration:underline;
}
table.calendar .label {
	padding:2px;
	text-align:center;
	background-color:#5ec7f2;
	font-weight:bold;
	color:#fff;
}
table.calendar td {
	width:14%;
	height:7em;
	vertical-align:top;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
table.calendar .col_first {
	border-left:1px solid #dfdfdf;
}
table.calendar .weekend {
}
table.calendar .today {
	background-color:#f0f3f6;
}
table.calendar .header {
	margin:1px;
	padding:1px 1px 1px 3px;
	background-color:#e6e6e6;
	font-size:0.9em;
	color:#666666;
}
table.calendar .event {
	margin:3px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.9em;
	color:#3366ff;
}
table.calendar .event a {
	text-decoration:none;
	color:#333333;
}
table.calendar .event a:hover {
	text-decoration:underline;
}

/*-------------Media Querys-----------------*/

@media only screen and (min-width: 1024px){
#header {
	width:100%;
	max-width:1180px;
	margin:0 auto 0 auto;
}
#main .inside {
	width:100%;
	max-width:1180px;
	margin:0 auto 0 auto;
}
}
@media only screen and (min-width: 850px) and (max-width: 1180px) {
}
/* iPad Landscape */
@media only screen and (min-width: 850px) and (max-width: 1024px) {
}
/* iPad Portrait */
@media only screen and (min-width: 680px) and (max-width: 850px) {
#main .inside {
	width:100%;
	margin:0 auto 0 auto;
}
table.calendar .event {
	font-size:0.8em;
}
}
/* iPhone Landscape */
@media only screen and (max-width: 680px) {
body {
	font-size:90%;
	overflow:hidden;
}
#header {
	width:100%;
	height:120px;
	margin:0 auto 0 auto;
}
#logo {
	margin-left:10px;
	width:160px;
	height:auto;
}
table.calendar .event {
	font-size:0.8em;
}
}
/* iPhone Portrait */
@media screen and (max-width: 480px) {
body {
	font-size:80%;
	overflow:hidden;
}
#header {
	width:100%;
	height:110px;
}
#logo {
	width:140px;
	height:auto;
	margin:0;
}

/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr { 
	display:block; 
}
table.calendar td { 
/* Behave  like a "row" */
	width:100%;
	height:auto;
	position:relative;
}	
table.calendar td:before { 
/* Now like a table header */
	position:absolute;
/* Top/left values mimic padding */
	top:6px;
	left:6px;
	width:45%; 
	padding-right:10px; 
	white-space:nowrap;
}
table.calendar .label {
	display:none;
}
}