@charset "utf-8";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, 
pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, 
samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* Clear */
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
* html .clear {height:1%;}

/* Style */
html {background:#000066;}
body {background:transparent;color:#333;font-family:arial, helvetica, sans-serif; font-size:12px;line-height:1.62em;}
a {color:#000066;text-decoration:none;-moz-transition: color .25s ease, margin .25s ease;
-webkit-transition: color .25s ease, margin .25s ease;-o-transition: color .25s ease, margin .25s ease;
-ms-transition: color .25s ease, margin .25s ease;transition: color .25s ease, margin .25s ease;}
a:hover {color:#0099cc;}
h1, h2, h3, h4, h5, h6 {margin-bottom:18px;font-family:Arial, sans-serif;font-weight:300;line-height:1.62em;letter-spacing:1px;}
h1 {font-size:36px;}
h2 {font-size:32px;}
h3 {font-size:24px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:15px;}
p {margin-bottom:24px;font-size:14px;}
blockquote {position:relative;color:#444;font-family:Georgia, "URW Bookman L", serif;
font-style:italic;margin:0 30px 0 60px;}
blockquote:before {position:absolute;top:30px;left:-75px;content:"\201C";color:#DDD;font-family:serif;font-size:96px;}

table {width:100%;border-collapse:collapse;text-align:center;margin-bottom:24px;}
table tr:nth-child(even) {background:#F8F8F8;}
table th,table td {padding: 0 4px;vertical-align: top;}
table th {font-weight:600;}

fieldset {border:#EEE 0 solid;padding:0;}
form .checkbox_container legend {width: 100%;}
form label, form legend {display: block;float:left; width:25%;
margin-bottom:10px;text-align: left;color: #003055;}
.checkbox_container input.checkbox {width: 5%;float:left;}
.checkbox_container label  {width: 90%;float:left;}
input[type="text"],input[type="password"],textarea {padding:1%;width: 60%;margin: 2px 0;
box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);background:#FCFCFC;
border:#EEE 1px solid;color:#003055;font-family:"Open Sans", sans-serif;font-size:13px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
background:#FFF;border:#ddd 1px solid;color:#333;outline: none;}
textarea {font-size:15px;}
input[type=submit],button[type=submit],input[type=reset],button[type=reset],
input[type=button] {margin-left: 25%;margin-top:16px;
padding:4px 15px;border-radius:15px;box-shadow:0 0 5px rgba(0, 0, 0, .1);
background:#F8F8F8;background:-moz-linear-gradient(#FCFCFC, #F3F3F3);background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
background:-o-linear-gradient(#FCFCFC, #F3F3F3);background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
background:linear-gradient(#FCFCFC, #F3F3F3);border:none;border-bottom:#DDD 1px solid;color:#444;font-family:"Open Sans", sans-serif;font-size:13px;}
input[type=submit]:hover,button[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover {
box-shadow:#aaa 0 0 5px;}
input[type=submit]:focus,button[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus {
box-shadow:#aaa 0 0 5px;background:-moz-linear-gradient(#EEE, #F9F9F9);
background:-webkit-linear-gradient(#EEE, #F9F9F9);background:-o-linear-gradient(#EEE, #F9F9F9);
background:-ms-linear-gradient(#EEE, #F9F9F9);background:linear-gradient(#EEE, #F9F9F9);}
form input.captcha.mandatory {width: 30%;}
form .invisible {display: none;}

hr {border:none;border-top:#EEE 1px solid;}
dt {font-weight:600;margin-bottom:24px;}
dd {margin-left:30px;margin-bottom:24px;}
ul {list-style-type:disc;margin-left:30px;margin-bottom:24px;}
ul li {margin-top:4px;}
ul ul {list-style-type:square;margin-bottom:0;}
ul ul ul {list-style-type:circle;}
ol {list-style-type:decimal;margin-left:30px;margin-bottom:24px;}
ol ol {list-style: upper-alpha;margin-bottom:0;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}

.ce_gallery, .content-gallery {border-color: #000066;border-style: solid;
border-width: 0 0 1px 0;display: inline-block;margin: 16px 0;padding: 5px 0;}
.ce_gallery ul, .content-gallery ul {display: inline;margin-left: 10px;list-style: outside none none;}
.ce_gallery ul li, .content-gallery ul li {float: left;list-style: outside none none;margin-left: 4px;padding: 0;}

.ce_text, .content-text {position: relative;overflow:hidden;padding-bottom: 8px;}
.ce_text:after, .content-text:after {clear:both;}

address {font-size:14px;font-style:italic;margin-bottom:16px;}
abbr,acronym {border-bottom:#999 1px dotted;cursor:help;}
big {font-size:1.3em;}
em {font-style:italic;}
pre {padding:15px;background:#F8F8F8;border:#E3E3E3 1px dashed;color:#000;
font-family:Monaco, Consolas, "Lucida Console", "Bitstream Vera Sans Mono", monospace;
font-size:12px;line-height:1.62em;margin-bottom:24px;overflow:auto;}
q {quotes:inherit;}
q:before {content:open-quote;}
q:after {content:close-quote;}
strong {font-weight:600;}
sup,sub {height:0;line-height:1;vertical-align:baseline;position:relative;font-size:10px;}
sup {bottom:1ex;}
sub {top:.5ex;}
img {max-width:100%;height:auto;}
figure img {display:block;margin:0 auto;padding: 0 16px;}
video {max-width:100%;height:auto;display: inline-block;vertical-align: baseline;}
audio {max-width:100%;}

/* Standard */
.aligncenter {display:block;margin:20px auto;}
.alignleft {float:left;margin:10px 20px 10px 0;}
.alignright {float:right;margin:10px 0 10px 20px;}
.image_container.float_right, .media--right figure {float:right;}
.image_container.float_left, .media--left figure  {float:left;}

.caption {max-width:96%;padding:3% 2%;box-shadow:0 0 5px rgba(0, 0, 0, .1);background:#FCFCFC;border-bottom:#EEE 1px solid;}
.caption a img {display:block;padding:0;margin:0 auto;border:none;box-shadow:none;}
.caption-text {margin:3% 0 0;color:#333;font-size:13px;line-height:1.62em;text-align:center;}
.gallery {margin:auto;}

/* Grid */
#main, #right {float: left;position: relative;}
.onecol {width:100%;}
.twocol {width:49.9%;}
.threecol {width:22%;}
.twothirdcol {width:78%;}
.fourcol {width:25%;}
.threefourthcol {width:75%;}

/* Layout Typography */
#wrapper {position:relative;max-width:1140px;margin:0 auto;width: 960px;
background:rgba(255, 187, 0, 1) none repeat scroll 0 0;overflow:hidden;}

#header {position:relative;max-width:1140px;margin:0 auto;width: 960px;overflow:hidden;}
#header h1 {color:#FFBB00;font-size:24px;font-weight:600;margin-bottom: 0;}

/* Navigation */
.mod_navigation.block {overflow:visible;}
#navmobile, #navmobile a.invisible {display:none;}

#access a.invisible {display: none;}
#access {padding:0;}
#access ul {padding:0;margin:0 0 0 10%;list-style:none;font-weight:400;display: inline-block;}
#access li {position:relative;float:left;padding:0 6px;margin:0;border-right: 1px solid #000066;}
#access ul li:first-child {padding-left:0;}
#access a{display:block;color:#000066;text-decoration:none;}
#access li.active {display:block;color:#000066;text-decoration:none;padding:0 6px;}
#access a:hover,#access li.current > a,#access li.active {color:#0099cc;text-decoration:none;}

#current-location,#sidebar-wide,#sidebar-footer-wide {padding: 20px 3.1%;
background: #eee;border-bottom: #e0e0e0 1px solid;border-bottom: rgba(0, 0, 0, .055) 1px solid;font-weight: 300;}
#sidebar-wide,#sidebar-footer-wide {text-align:center;}
#sidebar-wide .widget-title,#sidebar-footer-wide .widget-title {margin:0;
font-family:"Open Sans", sans-serif;font-size:32px;font-style:italic;font-weight:300;
letter-spacing:normal;}
#sidebar-wide .widget,#sidebar-footer-wide .widget {margin:0;}
#sidebar-boxes {padding:1.6%;}
#container {margin: 1.6% 3.5%;overflow: hidden;position: relative;}
#content {width: 100%;}
#content {float:left;}

.button {display: inline-block;padding: 5px 18px;border-radius: 100px;box-shadow:0 0 5px rgba(0, 0, 0, .1);color: #fff;margin: 5px;}
a.button:hover {color: #fff;box-shadow:0 0 5px rgba(0, 0, 0, .2);}

.notice {padding: 12px;margin-bottom: 24px;border-radius: 4px;box-shadow:0 0 5px rgba(0, 0, 0, .1);}
.info {background: #CEFFCE;border-bottom: 1px solid #9ABF9A;}
.warning {background: #FFFFCE;border-bottom: 1px solid #BFBF9A;}
.error {background: #FFCECE;border-bottom: 1px solid #BF9A9A;}

.columns .column {margin-left: 3%;}
.columns .column:first-child {margin: 0;}
.columns .twocol {width: 48.5%;}
.columns .threecol {width: 31.3%;}
.columns .fourcol {width: 22.75%;}
.columns .twothirdcol {width: 65.7%;}
.columns .threefourthcol {width: 74.5%;}
.column .threecol.box {width: 25.3%;padding: 3%;margin-bottom: 24px;background: #f8f8f8;
border-bottom:#ddd 1px solid;box-shadow:0 0px 5px rgba(0, 0, 0, .15);}
.column .threecol.box p {margin: 0;}
.entry-utility {padding-top:20px;border-top:#eee 1px solid;}
.post-pagination {margin-bottom:12px;}

#right img {border:1px solid #000066;}
#right img.film {border:0px solid #000066;}

.widget-title {margin:0;font-family:"Oswald", sans-serif;font-size:20px;font-weight:300;letter-spacing:1px;}
#sidebar-boxes .widget-title {font-family:"Open Sans", sans-serif;font-size:13px;font-weight:600;text-transform: uppercase;}
.widget-area ul {margin:0;padding:10px;list-style:none;overflow:visible;}
.widget-area li {padding:7px 0;margin:0;border-bottom:#EEE 1px solid;
rborder-bottom:rgba(0, 0, 0, .036) 1px solid;line-height:1.62em;}

.widget-area li li {border-bottom:none;}
.widget-area li ul {margin-left:20px;}
.widget-area a {color:#7597B9;}
.widget-area a:hover {color:#d54e21;}

#footer {clear:both;display: inline-block;width: 100%;margin: 16px;}
#footer:after {clear:both;}

@media screen and (max-width: 1152px) {
	.threefourthcol {width: 66.7%;}
	.threefourthcol .threecol {width: 50%;}
	.fourcol,.onecol .fourcol {width: 33.3%;}
	#wrapper {max-width:960px;}
	.threefourthcol .threecol .entry,.onecol .fourcol .entry,.fourcol .widget {margin: 5%;}
}

@media screen and (max-width : 960px) {
	.onecol .threecol,.onecol .fourcol {width:50%;}
	#wrapper {max-width:760px;}
	#container {margin:2.2%;}
	#copyright {padding:1.7% 4.3%;}
}

@media screen and (max-width: 760px) {
	.twocol,.threecol,.fourcol,.onecol .threecol,.threefourthcol .threecol,.onecol .fourcol {float:none;width:100%;}
	.alignleft,.alignright {display: block;float: none;margin:20px auto;}
	#wrapper {max-width:380px;}
	.caption {padding:10px 0 0;}
	#site-title,#site-description {float:none;margin:0;line-height:1.62em;text-align:center;}
	#site-title {margin:18px 0;}
	#site-description {display: none;padding-bottom:18px;}
	#sidebar-header {float:none;width:auto;height:auto;max-height:90px;margin-top:0;}
	#container {margin:3.2%;}
	.entry,.twocol .entry,.onecol .hentry .entry,.onecol .threecol .entry,
	.threefourthcol .threecol .entry,.onecol .fourcol .entry {margin:3.4%;}
	.columns .twocol,.columns .threecol,.columns .fourcol,.columns .twothirdcol,
	.columns .threefourthcol {width: 100%;margin: 0;}
	.column .threecol.box {width: 94%;}
	#posts-nav,.onecol #posts-nav {padding:5.7%;margin:3.4%;}
	.page-numbers .text {display:none;}
	#sidebar-boxes {text-align: center;}
	#sidebar .onecol {width:100%;}
	#sidebar .twocol {float:left;width:50%;}
	#sidebar-boxes .threecol {margin-bottom: 6.8%;}
	#sidebar-boxes .threecol:last-child {margin: 0;}
	#sidebar .widget,#footer-area .widget,#sidebar-boxes .widget {margin:3.4%;}
	#sidebar-left .widget,#sidebar-right .widget {margin:6.8%;}
	#sidebar-boxes,#footer-area {padding:3.2%;}
	#copyright {padding:1.7% 6.5%;line-height:2em;}
	/*#access {display: none;}*/

/* All the following are for the div.menu-icon (pure CSS) */
	.icon-align-justify {font-size: 32px; /*icon size*/display: block;position: relative;
	width: 40px;height: 36px;text-align: center;cursor: pointer;
	-moz-user-select: none;-webkit-user-select: none;
	background-color: #86bc32;border-radius: 3px;margin-bottom:6px;
	margin-left: 3px;margin-right: auto;}
	.icon-align-justify::before {content: "";position: absolute;top: 0.25em;
	left: 4px;width: 1em;height: 0.125em;border-top: 0.375em double #FFF;
	border-bottom: 0.125em solid #FFF;box-sizing: content-box;}

	#menue {width: 100%;}
	#menue {background-color: transparent;display: inline;float: left;position: relative;}
	#navmobile {display: block;}
	#navmobile a {margin: 0 0 0 10px;padding: 2px 0 2px 15px;text-decoration: none;}
	/*.mod_navigation.block {display: none;}*/
	#navmobile a:hover {color:#999;}
	#navmobile {display: block;}
	.copyright {margin-top: 8px;text-align: left;}
	form label, form legend {float: none;}
}

@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {
	#access .nav-show,#access a.nav-show:hover {background-image: url(images/nav_2x.png);
	background-size:100%;}
	#header input#s {background-image: url(images/search_2x.png);background-size:36px;
	background-position: -3px center;}
}


/*------------------------------------------------*/