@charset "utf-8";
/* CSS Document */

/* Aufbau */

html, body { 
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;}
	
.page_margins { width: 960px; min-width:960px; max-width:960px; background: none; }
.page {padding: 0; }

#main {padding: 1.5em 0 0 0; margin: 0; background: whitesmoke; }
#header, #topnav {margin: 0; padding: 1.5em 0; background: none;}

#header h1 {padding: 1em 0; margin: 0; font-weight: normal; font-size: 2em; letter-spacing: 0; color:#000; text-align: center; line-height: 1.4em; background: whitesmoke; }
h4.stopper {padding: 0.8em 1em; margin: 0; font-weight: bold; font-size: 1.5em; letter-spacing: 0; color: gray; text-align: left; line-height: 1.6em; background: antiquewhite; }
h4.stopper strong {color: indianred;}
h4.stopper em {color: teal; font-style: normal; }
div.banner {margin: 1.5em 0 0 0;} 
img.block {display: block; max-width: 100%; height: auto;} 

#topnav h3 {padding: 8px 2px; margin: 0; background: gainsboro; text-align: center; line-height: 1.6em; color: slategray; letter-spacing: 0; font-size: 150%; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-right: 1px solid slategray; border-bottom: 1px solid slategray;}
#topnav a:hover h3 {color: #FFF; background-color: slategray; border-right: 0; border-bottom: 0; border-top: 1px solid slategray; border-left: 1px solid slategray; }
#topnav a:hover, #topnav a:hover h3, #topnav a:visited, #topnav a:visited h3 {text-decoration: none;}

#footer {text-align: center; background: none; border: none; padding: 2em 0;}
#footer p {margin: 0 0 1em 0; font-size: 150%; letter-spacing: 1px; color: silver; }

.slick-slide {margin: 0;}
.slick-slide img {width: 100%; height: auto;}
.slider {width: 100%; margin: 0 auto; margin-bottom: 4em; }
.slider img {padding-bottom: 15px; }
.qslider {width: 100%; margin: 0 auto; margin-bottom: 3em; padding: 15px 0; background-color: #EEE; text-align: center;  }
.qslider img {width: 640px; height: auto; margin: 0 auto; padding-bottom: 15px;}
.qslider blockquote {margin: 0 15px 10px 15px; }
.qslider h3.programm {margin: 0; padding: 0 15px 10px 15px; }

/* Textformatierung */

.center {text-align: center; }
div.subcolumns {display:block; overflow:hidden;}

p.abstand, div.abstand {margin-bottom: 2em; }
div.box {margin-bottom: 3em;}
div.bigbox {margin-bottom: 4em;}
p.small {font-size: 116.67%; text-align: right;}
div.logo {margin-bottom: 1.5em;}

div.info { background: none; padding:0; margin:0; color:#CC9; }
div.info h3, div.info p {font-size: 116.67%; margin: 0 0 0.5em 0; line-height: 1.6em; }
div.info h4 {font-size: 150%; text-transform: uppercase; color: #CC9; margin-bottom: 0.5em;}

div.high-bg {margin: 0 0 2em 0; padding: 8px 4px 2px 12px; background-color: silver; }
div.high-bg p {color: darkslategray;}

div.info h3.hinweis, div.box h3.hinweis {padding: 0.4em; margin: 0; letter-spacing: 0; background-color: gainsboro; text-align: center; line-height: 1.6em; color: slategray; font-size: 175%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-right: 1px solid slategray; border-bottom: 1px solid slategray;}
a:hover h3.hinweis {color: #FFF; background-color: slategray; border-right: 0; border-bottom: 0; border-top: 1px solid slategray; border-left: 1px solid slategray; text-decoration: none;}
a:visited h3.hinweis{text-decoration: none;} 

h4.button {margin: 0 0 1.5em 0; padding: 0.6em 0.8em; letter-spacing: 0; font-size: 175%; line-height: 1.6em; text-align: center; }
h4.button a {color: slategray; background-color: gainsboro; padding: 0.5em 0.8em 0.5em 0.8em; text-decoration: none; border-right: 1px solid slategray; border-bottom: 1px solid slategray; }
h4.button a:hover {color: #FFF; background-color: slategray;  border-right: 0; border-bottom: 0; border-top: 1px solid slategray; border-left: 1px solid slategray; text-decoration: none; }
h4.button a:visited {text-decoration: none;} 

h2.programm, h2.headline {margin: 0 0 0.75em 0; padding: 0; font-size: 250%; line-height: 1.8em; color: darkslategray; text-align: center; font-weight: normal;}
div.abstand h2.programm, div.box h2.programm {margin-bottom: 0.5em;}
h2.headline {text-align: left;}

h3.programm, h4.programm {margin: 0 0 1em 0; font-size: 175%; line-height: 1.8em; color: slategray;}
h3.programm {text-align: center; letter-spacing: 0; }
h4.programm strong {color: darkslategray; font-weight: normal;}
h4.programm strong a {font-weight: bold;}

h4.version {margin: 2em 1em 0 1em; font-size: 116.67%; color: dimgray; line-height: 1.8em; padding: 0.5em 0.7em; background-color: #E1E1E1; }
h4.version em {color: slategray;}

blockquote {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; margin: 0 0 1em 0; font-size: 200%; padding: 0 0.5em; line-height: 2em; font-weight: normal; color: darkslategray; text-align: center; }
blockquote a {font-size: 75%; }

div.impressum {margin: 0 0 3em 0;}
div.impressum p {font-size: 133.33%;}
div.impressum h3.programm {text-align: left;}

div.film { margin-bottom: 4em; }
div.film p {font-size: 150%; line-height: 1.6em;}
div.film h3 {font-size: 200%; color: darkseagreen; margin: 0 0 0.25em 0; font-weight: bold; letter-spacing: 1px; }
div.film h4 {font-size: 150%; color: tan; margin: 0 0 0.25em 0; line-height: 1.6em;}

h3.termin {margin: 0 0 1em 0; padding: 0; font-size: 175%; text-align: center; color: tomato; line-height: 1.8em; }
h3.awards {margin: 0 0 1em 0; padding: 0; font-size: 175%; text-align: center; color: cadetblue; line-height: 1.8em; }

div.versand {margin: 0 3em 3em 3em; padding: 1em 2em; background: #E1E1E1; }
div.versand h4.programm {margin: 0;}

div.buttons {text-align: center; margin-bottom: 1.5em;}
.buttons img { margin-right: 20px; width: 50px; height: 50px;}
.buttons img.last {margin-right: 0; }

/* Links */

p.navlink {font-size: 40%; display: inline; padding-left: 1em; text-transform: uppercase;  letter-spacing: 1px; }
div.zukunft-links {margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" ; text-align: center; font-size: 150%;}
div.zukunft-links a {color: #990; }
div.zukunft-links a:hover, div.zukunft-links a.aktiv {color: #FFF; }

a, #header a, #footer a {color: cadetblue; }
a:visited, #header a:visited, #footer a:visited {text-decoration: none; color: cadetblue;}
a:hover, div.info a:hover, #header a:hover, #footer a:hover, a:active, #header a:active, #footer a:active, a:focus, #header a:focus, #footer a:focus {color: teal; text-decoration: none; outline: 0 none; background: none;}