/* RESET DEFAULTS */
@import url("reset.css");

@font-face {
    font-family: 'special_eliteregular';
    src: url('fonts/SpecialElite-webfont.eot');
    src: url('fonts/SpecialElite-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SpecialElite-webfont.woff') format('woff'),
         url('fonts/SpecialElite-webfont.ttf') format('truetype'),
         url('fonts/SpecialElite-webfont.svg#special_eliteregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {
background: url(../images/kreda_bckg.jpg) top center fixed #282828;
}

body {
font: 14px/20px Georgia, serif;
}

h1 {
margin:0 0 1em;
font: 2.2em/30px Georgia, serif bold;
}

h2 {
margin:0.7em 0 0.3em;
font: 1.7em/1.1em Georgia, serif;
}

h2 a:hover {
text-decoration: underline;
}

h3 {
margin:0.8em 0 0.2em;
font: 1.4em/1.1em Georgia, serif;
}

h2:first-child {
margin-top:0;
}

ul {
list-style-type: disc;
}
ul li {
margin-left: 30px;
padding-left: 10px;
}

hr {
border-top:1px solid #000;
}

.typewriter {
font-family: 'special_eliteregular',Courier New,serif;;
}

#content {
padding-bottom:200px;
}

.container {
width:960px;
margin:0 auto;
}

.breadcrumb {
background-color: black;
color: white;
padding:5px 10px;
}

.breadcrumb a {
font: 12px/20px Georgia, sans-serif;
text-decoration: underline;
}

nav {
min-height:400px;
}

section {
min-height:400px;
width:100%;
max-width: 100%;
margin:1em auto;
vertical-align: top;
}

/*#homeLeft {
text-align: right;
}

#homeRight {
text-align: left;
}*/

.homeBigLink {
display: block;
width:480px;
height:360px;
overflow:hidden;
}

footer {
position:relative;
width:100%;
bottom:0;
height:150px;
background-image: url(../images/footer_bckg.jpg);
}

#footerContainer {
position:relative;
}

#footerImpressum {
position:absolute;
left:0px;
top:-100px;
}

#footerHome {
position:absolute;
right:0px;
top:-80px;
}


#studioOPUS {
position:absolute;
left:0;
top:95px;
}

[class*='column-'] {
display:inline-block;
*display:inline;
vertical-align: top;
zoom:1;
}

.column-1 {
width:100%;
}

.column-2, column-4-2 {
width:50%;
}

.column-3, .column-3-1 {
width:33.33%;
}

.column-3-2 {
width:66.66%;
}

.column-4, .column-4-1 {
width:25%;
}

.column-4-3 {
width:75%;
}

.box-pad-10-all {
position: relative;
padding:10px;
}

.box-pad-25-all {
padding:25px;
}

.box-pad-50-all {
padding:50px;
}

.box-pad-20-h {
padding:0 20px;
}

.box-pad-25-h {
padding:0 25px;
}

.bgWhite {
background-color: #fff;
}

.shadow {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
}

.opacity-75 {
filter: alpha(opacity=75); /* internet explorer */
-khtml-opacity: 0.75;      /* khtml, old safari */
-moz-opacity: 0.75;       /* mozilla, netscape */
opacity: 0.75;           /* fx, safari, opera */
}

.imageShadow {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.paper {
position:relative;
padding:10px;
margin-bottom:10px;
}

.paperBorder {
height:20px;
overflow: hidden;
}

.paperContent {
background-color: #f5f0cc;
}

.lkk {
position: absolute;
top: 10px;
right: 5px;
border:8px solid white;
transform: rotate(5deg) ;
-webkit-transform: rotate(5deg) ;
-moz-transform: rotate(5deg) ;
-o-transform: rotate(5deg) ;
-ms-transform: rotate(5deg) ;
}

#overlay {
height:100%;
width:100%;
position:fixed;
left:0;
top:0;
z-index:1 !important;
background-color:rgba(0,0,0,0.75);
display:none;
}

#overlay > .container {
margin: 50px auto;	
}

h3 a {
cursor: default;
}

a.fancybox img {
border:5px solid white;
}

a.fancybox {
display: inline-block;
*display:inline;
margin:0.5em 20px 0.5em 0;
}

a.fancybox:nth-of-type(3n) {
margin-right:0;
}

p {margin-top:1em;}