@font-face {
   font-family: "Berlin Sans FB";
   src: url("berlinsansfb.ttf") format("truetype");
}



/******************** Global ********************/

html>body {
   border: 0;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: Arial, Verdana, Helvetica;
   font-size: 93.75%;
}

/***** Headings *****/

h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
   font-weight: normal;
}

h1 {
   padding: 0 0 0.5em 0;
   font-size: 3em;
   font-family: "Berlin Sans FB", Rockwell, Arial, Verdana, Helvetica;
}
h1 span { display: block; font-size: 0.7em; margin: 0; padding: 0; }

h2 {
   font-family: "Berlin Sans FB", Rockwell, Arial, Verdana, Helvetica;
   padding: 1em 0 0.5em 0;
   font-size: 1.5em;
}

h3 {
   padding: 0.5em 0 0.2em 0;
   font-size: 1.2em;
}

/***** Formatting *****/

p {
   margin: 0 0 1em 0;
   padding: 0;
}

ul, ol {
   margin: 0; padding: 0;
}

li { margin: 0 0 1em 2em; }

blockquote {
   margin: 0;
   padding: 0;
}

img {
   border:0;
}

acronym, abbr {
   cursor: help;
   border-bottom: 1px dashed;
}

/***** Links *****/

a, a:link, a:active, a:visited, a:hover {
   color: #000;
   text-decoration: underline;
}

/***** Forms *****/

form {
   margin: 0;
   padding: 0 0 1.25em 0;
   display: inline;
}

input, select, textarea {
   font-size: 1em;
}

textarea {
   width: 100%;
   line-height: 1.25;
}

/***** Tables *****/

table {
   border: 0;
   margin: 0;
   padding: 0;
}

table tr td {
   padding: 2px;
}

/******************** End Global ********************/



/******************** Classes ********************/

.clear         { clear: both; }
.float-left    { float: left; margin: 5px 10px 5px 0; }
.float-right   { float: right; margin: 5px 0 5px 10px; }
.float-center  { margin: 0 auto; }

.img-left      { float: left; margin: 5px 10px 5px 0; background: rgba(255,255,255,0.9); border: 1px solid #ccc; padding: 1em; }
.img-right     { float: right; margin: 5px 0 5px 10px; background: rgba(255,255,255,0.9); border: 1px solid #ccc; padding: 1em; }

.text-left     { text-align: left; }
.text-right    { text-align: right; }
.text-center   { text-align: center; }

.bold          { font-weight: bold; }
.italic        { font-style: italic; }
.underline     { border-bottom: 1px solid; }
.highlight     { background: #ffc; }

/******************** End Classes ********************/



/******************** Formatting ********************/

/***** Links *****/
a, a:link, a:active, a:visited { color: #590; text-decoration: none; font-weight: bold; }
a:hover { background: #590; color: #fff; text-decoration: none; }
.none, .none:link, .none:active, .none:visited, .none:hover { background: none; }

/***** Absätze *****/
#main p { font-size: 17px; }
#main p.strong { font-family: "Berlin Sans FB", Rockwell, Arial, Verdana, Helvetica; font-size: 3em; margin: 0.5em; }
#main p.strong a { font-weight: normal; }

/***** Latest Work *****/
#latestwork { margin: -2em 0 -1em 0; padding: 0; }
#latestwork div {
   position: relative;
   display: inline-block;
   width: 16em;
   height: 21em;
   background: rgba(255,255,255,0.6);
   border: 1px solid #ccc;
   padding: 1em;
   margin: 1em;
   overflow: hidden;
}
#latestwork div p { margin: 1em 0; }

/***** Portfolio *****/
#portfolio {  position: relative; height: 650px; }
#portfolio a { background: none; }
#portfolio div.vorne, #portfolio div.hinten { position: absolute; top: 0; left: 0; }
#portfolio div.hinten div { overflow: hidden; }
#portfolio div.vorne img {
   position: relative;
   display: inline;
   padding: 1em;
   margin: 1em;
   z-index: 10;
}
#portfolio div.hinten div {
   position: relative;
   display: inline-block;
   width: 400px;
   height: 240px;
   background: rgba(255,255,255,0.6);
   border: 1px solid #ccc;
   padding: 1em;
   margin: 1em;
   z-index: 5;
}

/***** Slider *****/
#slider { position: relative; padding: 0 0 3em 0; }
#slider .container { z-index: 5; width:55em; height:400px; overflow:hidden; position:relative; cursor:pointer; background: rgba(255,255,255,0.6); border: 1px solid #ccc; }
#slider .slides, #slider .slides div { position:absolute; top:0; left:0; width:51em; padding: 2em; }
#slider,#newsSlider { margin:0 auto; width:55em; position:relative; clear:both; }
#slider .previous { z-index: 1; position: absolute; top: 12em; left: -4em; }
#slider .next { z-index: 1; position: absolute; top: 12em; right: -4em; }
ul.pagination { list-style:none; padding:0; margin: 0.2em; }
ul.pagination li  { float:left; font-size: 1.1em; margin: 0; }
ul.pagination li a { padding: 0.5em 1em; margin: 0; }
ul.pagination li.active a { background:#590; color:white; }
#slider h3 { margin: 0; padding: 0 0 0.2em 0; }
#slider img { border: 1px solid #ccc; }
#sliderp { display: none; }

.slides h2 { padding: 0; }

/***** overLib *****/
#overDiv {
   position: absolute;
   z-index: 999;
   visibility: hidden;
   background: rgba(255,255,255,0.9);
   border: 1px solid #ccc;
   padding: 1em;
}

/***** Kontakt *****/
#main .sociallinks {
   font-size: 1.1em;
   float: right;
   margin: 0;
   padding: 0;
   line-height: 1.5em;
}
#main .sociallinks img { display: inline; margin: 0 0 -0.2em 0;}

/***** Impressum *****/
#impressum td { vertical-align: top; padding: 0 0 1em 0; width: 19.8em; }
#haftungsausschlussp { display: none; }

/***** Quotes *****/
#quotes { position: relative; padding: 0 0 3em 0; }
#quotes .container { z-index: 5; width:55em; height:14em; overflow: hidden; position:relative; cursor:pointer; background: rgba(255,255,255,0.6); border: 1px solid #ccc; }
#quotes .slides, #quotes .slides div { position:absolute; top:0; left:0; width:49em; padding: 2em 2em 2em 5em; }
#quotes,#newsSlider { margin:0 auto; width:55em; position:relative; clear:both; }
#quotes h3 { margin: 0; padding: 0 0 0.2em 0; }
#quotes img { position: absolute; top: 2em; left: 1em; }
#quotesp { display: none; }

/******************** End Formatting ********************/