/*
    Document   : frische
    Created on : 31.07.2011, 21:39:17
    Author     : Marian
    Description:
        Purpose of the stylesheet follows.
*/
root {
    display: block;
}

@font-face
{
    font-family: c;
    src: url("../Images/Sansation_Light.ttf"),
        url("../Images/Sansation_Light.eot") format("opentype");
}

body {
    margin:0px;
    padding:0px;

    background-color: #FAFAFA;

    font-weight: 400;
    font-family: 'Roboto', Sens_Light, sans-serif;
}

#top_body {
    width:100%;
    height:145px;
    background-color: white;
}

#top_header {
    width:900px;
    height:145px;
    margin-left:auto;
    margin-right:auto;
}

#top_text {
    display:inline-block;
    height:125px;
    margin-top: 10px;
    margin-bottom: 10px;

    text-shadow: 0px 2px 3px #171717;
}

#content_body {
    width:100%;
    margin-top:0px;
    padding-top:0px;
    float:left;
}

#content_div {
    width:900px;
    margin-left:auto;
    margin-right:auto;
    padding-top:0px;
    border:0px;
}

#navigation_bar_div {
    width:900px;
    height:34px;
    float:left;
    margin-bottom: 10px;
    margin-top: 3px;
}

.nav_button_link {
  width:225px;
  height:40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  cursor: pointer;
  font-size: 16px;
}

.nav_button_link a {
  display: inline-block;
  height:40px;
  box-sizing: border-box;
  border-bottom: 5px solid #FFF0;
  transition: 0.3s;
  text-decoration: none;
  color: white;
}

.nav_button_link:hover a {
  border-bottom: 5px solid white;
}
.nav_button_link.selected a {
  border-bottom: 5px solid white;
}

.nav_button_div {
    position:relative;
    height:28px;
    float:right;
    margin-top:2px;
    margin-bottom:2px;
    margin-left:4px;


    border:1px solid #999;

    -webkit-box-shadow: 0px 2px 3px #ccc;
    -moz-box-shadow: 0px 2px 3px #ccc;
}

.nav_button_div_text {

    height:23px;

    float:left;

    padding-left:10px;
    padding-right:10px;
    padding-top:5px;

    z-index:15;
}

.nav_button_div_overlay {
    position:absolute;

    height:23px;

    padding-left:10px;
    padding-right:10px;
    padding-top:5px;

    top: 0px;
    z-index: 10;



    font-family: Sens_Light, sans-serif;
}

img {
    border:0px;
}

#slides {
    float:left;
    margin-top:20px;

    box-shadow: 0px 5px 13px 0px rgba(64,85,196,0.24);
    border-radius: 10px;
    overflow: auto;
}

#slides .slides_container {
    margin-top:-10px;
    width:898px;
    height:308px;
    display:none;
}

#slides .slides_container div {
    margin-top:-10px;
    width:898px;
    height:308px;
    display:block;
    background-color: white;
    margin-top:10px;
}

.prev ,.next {
    display:none;
}

.slides_control {
    margin-top:0px;
}

.content_large {
    margin-top:20px;
    width:898px;
    float:left;
    background-color: white;

    box-shadow: 0px 5px 13px 0px rgba(64,85,196,0.24);
    border-radius: 10px;
    overflow: auto;
    padding-bottom: 10px;
}

.content_middle {
    margin-right:10px;
    margin-top:20px;
    width:550px;
    float:left;
    background-color: white;

    box-shadow: 0px 5px 13px 0px rgba(64,85,196,0.24);
    border-radius: 10px;
    overflow: auto;
    padding-bottom: 10px;
}

.content_half {
    margin-right:10px;
    margin-top:20px;
    width:440px;
    float:left;
    background-color: white;

    box-shadow: 0px 5px 13px 0px rgba(64,85,196,0.24);
    border-radius: 10px;
    overflow: auto;
    padding-bottom: 10px;
}

.content_small {
    margin-left:10px;
    margin-top:20px;
    width:328px;
    float:left;
    background-color: white;

    box-shadow: 0px 5px 13px 0px rgba(64,85,196,0.24);
    border-radius: 10px;
    overflow: auto;
    padding-bottom: 10px;
}

.textContent h1 {
    font-size: 18px;
    background-color: #2A53A5;
    color: white;
    text-transform: uppercase;
    padding:8px 20px 8px 20px;
    margin-top:0px;
    margin-bottom: 20px;
    font-weight: 500;
}

.textContent h2 {
    font-size: 16px;
    font-weight:bold;
    padding:0px 20px 0px 20px;
    margin-top:0px;
    font-weight: 500;
}

.textContent h3 {
    font-size: 16px;
    font-weight:bold;
    margin-left:10px;
    padding:0px 20px 0px 20px;
    margin-top:0px;
    margin-bottom:0px;
    font-weight: 500;
}

.textContent a {
    color:black;
    font-style: italic;
    text-decoration: none;
}
.textContent a:hover {
    color:black;
    font-style: italic;
    text-decoration: underline;
}


.selectContent h1 {
    font-size: 14px;
    line-height: 15px;
    height:30px;
    line-height: 30px;
    background-color: #BEDBEB;
    color: #09E;
    text-transform: uppercase;
    padding:0px 20px 0px 20px;
    margin-top:0px;
    margin-bottom:0px;
}

.selectContent h2 {
    margin-top:0px;
    font-size: 13px;
    line-height: 20px;
    border-bottom: 1px solid gray;
    font-weight:normal;
    padding:0px 20px 0px 20px;
    margin-top:0px;
    background-color: #d7e4eb;
    margin-bottom:0px;
    color:#09E;
}

.selectContent p {
    margin-top:3px;
    margin-bottom:0px;
    font-size: 12px;
    padding:0px 20px 0px 20px;
    background-color: white;
}

#p1,#p2,#p3,#p4,#p5,#p6,#p7 {
    margin-top:0px;
    margin-bottom:0px;
    font-size: 12px;
    padding:0px 20px 0px 20px;
    background-color: white;
    height:0px;
    overflow:hidden;
}


.placedRight p {
    margin-left:15px;
}

.placedRight img {
    margin-left:13px;
    margin-bottom: 5px;
}

.textContent p {
    font-size: 14px;
    padding:0px 20px 0px 20px;
    background-color: white;
}

.textContent li {
    font-size: 14px;
    padding-top: 5px;
}

.textContent ul {
  margin-bottom: 10px;
}

.boldish {
  font-weight: 500;
}

#slides2 {
    float:left;
    margin-top:-9px;
}

#slides2 .slides_container {
    width:328px;
    height:458px;
    display:none;
}

#slides2 .slides_container div {
    width:328px;
    height:458px;
    display:block;
    background-color: white;
}

#bigPostMiddle {
    width:898px;
    height:130px;
    text-align: center;
}

.logo_img {
    width:200px;
    height:100px;
    margin-left:10px;
    margin-right:10px;
}

#Anschrift {
    width:274px;
    float:left;
}

#bottom_header {
    height:100%;
    width:900px;
    margin-left: auto;
    margin-right: auto;

    padding-bottom:30px;

    padding-top:40px;

    font-size:12px;

    text-align: center;

    color:gray;
    display: block;
}

#bottom_header a {
    color:gray;
    text-decoration: none;
}

#bottom_header a:hover {
    color:gray;
    text-decoration: underline;
}
