@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: 25px 20px; margin: 0; background: whitesmoke; }
#header, #topnav {margin: 0; padding: 1.5em 0; background: none;}

#header h1 {padding: 0.5em 0; margin: 0; font-weight: normal; font-size: 2em; letter-spacing: 0; color:#000; text-align: center; line-height: 1.5em; 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;} 
.head {margin: 0 0 2em 0;}

#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: s1px solid slategray; }
#topnav a:hover, #topnav a:hover h3, #topnav a:visited, #topnav a:visited h3 {text-decoration: none;}

#footer {text-align: center; border: none; background: whitesmoke; padding: 15px 25px 5px; margin: 1.5em 0;}
#footer p {margin: 0 0 1em 0; font-size: 150%; letter-spacing: 1px; color: darkslategray; }

div.slider {margin: 0 0 4em 0; padding: 0; width: 100%; } 
div.slider img, div.slider3 img {width: 100%; height: auto;}

/* Textformatierung */

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

p.abstand, div.abstand {margin-bottom: 2em; }
div.box {margin-bottom: 4em;}
div.bild {margin-bottom: 3em; }
p.small {font-size: 116.67%; text-align: right;}
p.hinweis {font-size: 116.67%; color: slategray; } 
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.concerts {margin: 0 0 4em 0; padding: 10px 10px 10px 15px; background: floralwhite ; font-weight: bold; color: gray; border: 20px solid antiquewhite; }
div.concerts p {margin: 0; line-height: 2.2em; }
div.concerts em {font-weight: normal;}
div.concerts strong {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.4em 0; padding: 0; font-size: 300%; line-height: 1.6em; color: darkslategray; text-align: center; font-weight: bold;}
div.abstand h2.programm, div.box h2.programm {margin-bottom: 0.5em;}
h2.headline {text-align: left;}

h3.programm {margin: 0 0 1.2em 0; font-size: 200%; line-height: 1.8em; color: slategray; text-align: center;}
h3.programm em {color: teal; font-style: normal; }

h3.link {margin: 0 0 1em 0; font-size: 1.3em; font-weight: 700; line-height: 1.8em; color: teal; letter-spacing: 0; }

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;}

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: 0}
.buttons img { margin: 0 20px; width: 50px; height: 50px;}

.quote {border-top: 7px solid cadetblue; border-bottom: 7px solid cadetblue; padding: 1em 1em 1.5em; margin: 0 2em 3em 2em; }
.quote blockquote {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size: 1.8em; line-height: 2em; font-style: normal; letter-spacing: 0; color: cadetblue; text-align: left; padding: 0; margin: 0 0 1em 0; }
.quote figcaption { font-size: 1.4em;}
blockquote::before {content: open-quote;}
blockquote::after {content: close-quote; }
blockquote {quotes: "«" "»";}

/* 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 {color: cadetblue; }
a:visited, #header a:visited {text-decoration: none; color: cadetblue;}
a:hover, div.info a:hover, #header a:hover, a:active, #header a:active, a:focus, #header a:focus {color: teal; text-decoration: none; outline: 0 none; background: none;} 

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