/* Original design: In Response (v1.1 - May 15th, 2013)*/

*{margin:0; padding:0;}


/* Main layout container */

body.wider #layout {margin:0px auto 0; width:100%;}

/* General styles */
html {height: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {height: 100%; font:80% Courier New , Courier, sans-serif; line-height:1.5em;}
h1 {font-family: 'Courier New', sans-serif; font-weight:500; line-height:1.4em;}
a {color:#d06060; text-decoration:none; font-weight:500;}
a:hover {text-decoration:underline;}
p {margin:0 0 15px 0; line-height:1.6em;}

/* MAIN ================================================== */
.container {width:1200px; padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.sticky {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -30px;}
.footer {height: 30px;clear: both; position: absolute; bottom: 0;}

/* HEADER ================================================== */
.top-bar{background-color:#000000;height:5px;}

/* FOOTER ========================================================== */
.footer {width:100%;font-size:0.9em;padding-top:5px;background-color:#000000;overflow:hidden;}
.footer p, .footer a {color:#555; margin:0;}

/* Light styles, apply by using class="light" on the body HTML element */
body.light { background-color: white; }
body.light a {color:#3288a8;}
body.light .footer a {color:#555;}
body.light a:hover {color:#555;}
body.light a:active {color:grey;}
body.light h1 {color:#3288a8; font-size:4.6em; margin-bottom:0; margin-top: 30px;}
body.light h1 a:hover {color:#000000;}
body.light .slogan {color:#888;}
body.light .navmenu a {font-size:1.4em; margin: 0 100px;}
body.light .greylink a {color:#555;}
body.light .greylink a:hover {color:#3288a8;}
body.light .greylink a:active {color:#FF0000;}
body.light .abstand p {margin-top: 18px;}

/* Additional text classes */
.slogan {font-size:1.2em;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignjustify {text-align:justify;}
.greylink a {color:#555;}
.nomargin {margin:0; padding:0;}
.larger {font-size:1.5em;}
.smaller {font-size:0.8em;}
.spacer {margin:0 20px;}
.clear {clear:both;}
.hide {display:none;}
.border {border:1px solid red;}

/* Grid classes, fixed width, 1200px */

.col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;}
.col img {max-width:100%;}
body.wider .row {width:1200px;}
body.wider .c4 {width:380px;}
body.wider .c12 {width:1180px;}

div.thumbnails img {width:370px; margin:0 10px 10px 0; border-radius:2px;}
div.thumbnails img.last {margin-right:0;}

@media only screen and (max-width : 1200px){
#layout, body.wider #layout {width:auto; margin:0; padding:20px;}
.row {width:100%;}
.col {margin:0 0 20px 0;}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100%;}
h1 {margin:-15px auto 5px; line-height:1.4em;}
body .navmenu {margin:0px 0 -15px;}
body .navmenu a {font-size:1.4em; display:inline-block; line-height:2.0em;padding:7px 12px; margin:0 10px 8px 0; background-color:#111; border:1px solid #222; border-radius:10px;}
body.light .navmenu a {font-size:1.4em; display:inline-block; line-height:2.0em;padding:7px 12px; margin:0 10px 8px 0; background-color:#fff; border:1px solid #eee; border-radius:10px;}
body .navmenu a.current {border-color:#444;}
body.light .navmenu a.current {border-color:#ddd;}
.headerimage img {width:100%; height:auto;}
div.thumbnails img {width:24%; margin:0;}
div.thumbnails img.last {margin-right:0;}
}