﻿/*
Yahoo! CSS Reset via: http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}


/* FontFont Webfonts */

@font-face {
font-family: QuadraatWeb-Bold;
src: url(../fonts/QuadraatWeb-Bold.eot);
font-weight: bold;
}

@font-face {
font-family: QuadraatWeb-Bold;
src: url(../fonts/QuadraatWeb-Bold.woff) format('woff');
font-weight: bold;
}

@font-face {
font-family: QuadraatWeb-BoldIta;
src: url(../fonts/QuadraatWeb-BoldIta.eot);
font-style: italic; 
font-weight: bold;
}

@font-face {
font-family: QuadraatWeb-BoldIta;
src: url(../fonts/QuadraatWeb-BoldIta.woff) format('woff');
font-style: italic; 
font-weight: bold;
}


/* Pavillon-Presse Weimar – Druckgrafisches Museum – CSS 2010 Goldwiege/Alexander Rutz */

html {
font-size: 100%;
line-height: 1.25em;
} 

body {
font-size: 1em;
font-family: Georgia, Serif;
text-align: left;
vertical-align: baseline;
color: black;	
background: white;
padding: 0em;
margin: 0em;
}

a {
-webkit-transition-property: all;
-webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease-in;
-moz-transition-property: all;
-moz-transition-duration: 200ms;
-moz-transition-timing-function: ease-in;
}

p {
font-size: 0.875em;
line-height: 1.429em;
margin: 0em 0em 1em 0em;
}

p.aktuell {
border: solid 0.3em rgb(235,115,0);
# background: rgb(250,220,191);
padding: 0.7em;
}

p.bu {
color: rgb(180,180,180);
font-size: 0.75em;
line-height: 1em;
margin: -1em 0em 1em 0em;
}

h1 {
font-size: 1.35em;
line-height: 1.25em;
font-family: Quadraat-Bold, QuadraatWeb-Bold, "ff-quadraat-web-1", "ff-quadraat-web-2", Georgia, Serif;
font-weight: regular;
margin: 0em 0em 0.625em 0em;
}

h2 {
font-size: 1em;
font-family: Quadraat-Bold, QuadraatWeb-Bold, "ff-quadraat-web-1", "ff-quadraat-web-2", Georgia, Serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 1.5em 0em 0.5em 0em;
border-bottom: 0.1em solid rgb(235,115,0);
padding-bottom: 0.25em;
}

h3 {
font-family: Quadraat-BoldItalic, QuadraatWeb-BoldIta, "ff-quadraat-web-1", "ff-quadraat-web-2", Georgia, Serif;
font-size: 1em;
line-height: 1.5em;
margin: 0em;
font-style: italic;
}

h3 {
font-style: italic;
}

b {
font-family: Quadraat-Bold, QuadraatWeb-Bold, "ff-quadraat-web-1", "ff-quadraat-web-2", Georgia, Serif;
font-size: 1.05em;
line-height: 1.5em;
}

i.zitat {
font-size: 1.05em;
font-family: Quadraat-BoldItalic, QuadraatWeb-BoldIta, "ff-quadraat-web-1", "ff-quadraat-web-2", Georgia, Serif;
margin: 0em 0em 0.2em 0em;
display: inline;
}

ul {
font-size: 0.875em;
line-height: 1.429em;
margin: 0em 0em 0.75em 0em;
}

li {
list-style-type: disc;
margin: 0em 0em 0.5em 1.25em;
}
						
a {
text-decoration: none;
font-weight: normal;
color: rgb(235,115,0);
}

a:hover {
text-decoration: none;
color: black;
border-bottom: 1px dotted rgb(235,115,0);
}

a:active {
text-decoration: none;
color: rgb(235,115,0);
border-bottom: none;
}
						
a:visited {
text-decoration: none;
color: rgb(235,115,0);
}

a.navi {
font-size: 1em;
font-family: Quadraat-Bold, QuadraatWeb-Bold, "ff-quadraat-web-1", "ff-quadraat-web-2", Georgia, Serif;
font-weight: regular;
line-height: 1.5em;
}

a.navi:hover {
color: black;
}

a#fancybox-close {
border-bottom: 0px;
}

a.plus {
cursor: pointer;
}

span.naviaktiv, a.naviaktiv {
font-size: 1em;
line-height: 1.5em;
font-family: Quadraat-BoldItalic, QuadraatWeb-BoldIta, "ff-quadraat-web-1", "ff-quadraat-web-2", Georgia, Serif;
font-style: italic;
line-height: 1.5em;
color: black;
}

a.subnavi {
font-size: 0.8em;
line-height: 1.5em;
margin: 0em 0em 0em 0.625em;
}

div.subnavi {
margin: 0em 0em 0.5em 0em;
}

span.subnaviaktiv {
font-size: 0.8em;
font-style: italic;
line-height: 1.5em;
margin: 0em 0em 0em 0.625em;
}

.orange {
color: rgb(235,115,0);
}

.rede {
clear: both;
width: 26.875em;
background: rgb(253,241,230);
padding: 1em 1em 1em 1em;
margin: 0em;
}

div.rede {
width: 23.275em;
}

img.text {
float: left;
margin: 0.25em 1em 0.5em 0em;
}

img.titel {
margin: 0.5em 0em 1em 0em;
}

div.kopf {
background: rgb(235,115,0);
height: 10em;
margin: 0em auto 0em auto;
}

div.hirn {
width: 53.75em;
height: 10em;
margin: 0em auto 0em auto;
}

div.bauch {
width: 53.75em;
margin: 2.5em auto 0em auto;
}

div.navi {
width: 12.5em;
margin: 0em 1.25em 0em 0em;
float: left;
}

div.inhalt {
width: 26.25em;
margin: 0em 1.25em 0em 0em;
padding: 0em 0em 3em 0em;
float: left;
}

div.marginalie {
width: 9.5em;
margin: 0em;
float: left;
padding: 0.45em 0em 0em 3em;
}

div.marginalie img {
margin-bottom: 0.5em;
}

a.zumfontspiel {
position: fixed;
bottom: 0em;
right: 0em;
font-family: Quadraat-BoldItalic, QuadraatWeb-BoldIta, "ff-quadraat-web-1", "ff-quadraat-web-2", Georgia, Serif;
font-style: italic;
font-size: 0.8em;
line-height: 1em;
margin: 0em;
border-bottom: 0em;
background: rgb(235,115,0);
color: white;
padding: 0.75em;
z-index: 4815162342;
}


a.zumfontspiel:hover {
background: black;
}


a.zumfontspiel:active {
background: rgb(235,115,0);
}
