@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200,300italic,200italic);

/***************************************************
           Reset
***************************************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  
}

ol, ul {
  list-style: none;
}


a img {border:none}


aside, details, figcaption, figure,
footer,body, hgroup, menu, nav, section {display: block}

.clearfix{
clear:both;
margin-bottom: 20px;
}

.clearfix_big{
clear:both;
margin-bottom: 100px;
}


/***************************************************
            Global styles
***************************************************/

html, body {
  width:100%;
  height:100%;
margin-top:0;  
}

#header{
margin-top:-25px;
}


html, body{
    font-family: 'Source Sans Pro', sans-serif;
  color:#666666;
}

p {
  font-size:14px;
  font-weight: 400;
  line-height:1.4em;
  }
  
a{
  text-decoration:none;
  color: #666666;
  font-weight: 400;
  }
  
a:hover {color: #c29aba;
font-weight: 400;
}

a:active{
color: #c29aba;
font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
  position:relative;
  color: #c29aba;
font-weight: 200;  
}

h1{
font-size: 30px;
}

h2{
font-size: 22px;
}

h3{
font-size: 18px;
}

button{
background-color: #c29aba;
color: white;
height: 40px;
width:165px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px #c29aba;
margin:30px 0;
font-size: 17px;
font-style:italic;
cursor: pointer;
}

button img{
float:left;
 margin-top:5px; 
}

ul, li{
font-weight: 400;
}

/***************************************************
            Layout
***************************************************/

.center_wrap{
margin: 0 auto;
width: 1000px;
}

.logo{
float:left;
}

/***************************************************
            Navigation
***************************************************/
.language{
float:right;
font-size:14px;
color: #c29aba;
  display:none;
}

.language ul{
display:table;
}

.language ul li{
display:table-cell;
table-layout: fixed;
border-spacing: 5px;
}

.language ul li img{
display:block;
margin: 0 auto;
  
}


.language a{
color: #c29aba;
}

nav.mainmenu{
float:right;
margin:60px 0 0 0;
}

nav.mainmenu ul li{
display:inline;
padding-right:40px;
font-size: 18px;
}

nav.mainmenu ul li a.active{
color: #c29aba;
font-weight:bold;

}

/***************************************************
            Intro
***************************************************/
#intro{
background: url(../img/bg_patter.png) repeat-x;
height:372px;
}

#intro img{
height:340px;
}

#intro_small{
background: url(../img/bg_patter_small.png) repeat-x;
height:282px;
}

#intro_small img{
height: 250px;
}

#intro .slide, #intro_small .slide{
padding:10px 0;
}

#intro .slide img{
border:4px solid white;
}

#intro_small .slide .slide-img{
border:3px solid white;
}

/***************************************************
            Content Mainpage
***************************************************/

#holder_content {
margin-top:60px;
}


#holder_content .box{
width:368px;
float:left;
border: 1px solid #c29aba;
margin-right:20px;
}

#holder_content #content_right p a{
text-decoration:underline;
}

#holder_content #content_right .singlepic{
margin-right: 30px;
}

#holder_content .boxcontent p a{
text-decoration:underline;
}

#holder_content p.middle{
text-align:center;
}

#holder_content .middle img{
margin-left: 33%;
  margin-bottom:10px;

}

#holder_content  .boxcontent{
padding:20px;
min-height: 170px;
}


#holder_content .line{
margin:15px auto;
width:225px;
}

#holder_content .teaser_pic{
margin: 15px 0;
}


#holder_content .contactbox{
width:216px;
float:right;
border: 1px solid #c29aba;
}

#holder_content .contactbox p{
color: #c29aba;
}

#holder_content .box_gray{
background-color: #f2f2f2;
width:370px;
float:left;
margin-right:20px;
}

#holder_content .boxcontent h2{
margin-bottom: 20px;
}

#holder_content .box_gray_small{
background-color: #f2f2f2;
width:220px;
float:right;

}


#holder_content .background{
background-image: url(../img/galerie.png);
background-repeat:no-repeat;
background-position: right 50px;
}

/***************************************************
            Breadcrumb
***************************************************/

.breadcrumb{
margin: 30px 0 60px 260px;
}

.breadcrumb ul{
display:inline;
padding-right: 10px;
  font-size:14px;
}


.breadcrumb ul a{
color: #c29aba;
    font-size:14px;
}
/***************************************************
            Content Subpage
***************************************************/
#holder_content #sidebar_left{
float:left;
width:210px;

font-size:14px;
}
#holder_content #sidebar_left .submenu{
padding: 20px 20px 0 20px;
border: 1px solid #c29aba;
}

#holder_content #sidebar_left .submenu .active{
color:#c29aba;

}

#holder_content #sidebar_left .submenu li{
margin-bottom:20px;
font-size:17px;
}


#holder_content #content_right{
float:right;
width:740px;
margin-left: 45px;
}

#holder_content #content_right .content_small p, #holder_content #content_right .content_small h1, #holder_content #content_right .content_small h2, #holder_content #content_right .content_small h3{
width:600px;
}
#holder_content #content_right h1{
margin-bottom: 20px;
}

#holder_content #content_right h2{
margin-top:40px;
margin-bottom:20px;
}


#holder_content #content_right .box_small{
border: 1px solid #c29aba;
width:224px;
float:left;
margin-right:20px;
margin-top:20px;
}


#holder_content #content_right .box_small_gallery{
width:150px;
float:left;
margin-right:20px;
margin-bottom:20px;
  height:150px;
}


#holder_content #content_right .box_small .inner_box{
padding:5px;
}

#holder_content #content_right .box_small .inner_box .icon{
width: 16px;
display:block;
margin:7px auto 0 auto;
}

#holder_content #content_right .box_small .inner_box .colored{
color: #c29aba;
display:block;
margin-bottom:15px;
}
#holder_content #content_right .box_small .inner_box p:last-child{
margin: 15px 0;
}

#holder_content #content_right .box_small .inner_box img.wave{
margin-top:15px;
}

#holder_content #content_right .box_small .inner_box img{
width:100%
}


/***************************************************
            Footer
***************************************************/
footer .footer_top{
background-color:#c29aba;
height:120px;
}

footer .footer_top img{
margin-top:20px;
}

footer .footer_left{
float:left;
}

footer .first{
width:395px;
margin-right:20px;
}
footer .first p, footer .second p, footer .third p, footer .fourth p {
font-size:17px;
}


footer .second{
width:175px;
margin-right:20px;
}


footer .third{
width:155px;
margin-right:20px;
font-size:17px;
}


footer .fourth{
width:190px;
font-size:17px;
}

footer .footermenu{
float:right;
margin: 60px 140px 0 0 ;
}

footer .footermenu ul li a{
color: white;
font-size:22px;
}

footer .footermenu ul li{
display: inline;
}

footer .footermenu ul li:first-child{
margin-right:155px;
}

footer .footermenu ul li:last-child{
margin-left:70px;
}



footer .footer_left ul{
display: list-item;
list-style-image: url(../img/haken.png);
font-size:17px;
}

/* Formularkonfiguration */

.contact input[type="text"], .contact textarea{
border: 1px solid #c3c3c3;
    border-radius: 5px;
font-size: 14px;  
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 3px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    width: 350px;
}

.contact .textarea{
vertical-align:top;
}

.contact .subject{
margin-top:20px;
}

.contact .label{
width: 100px;
  height:50px;
}


.contact input[type="text"].small{
float:left;
  width: 164px;
  margin-right:20px;
}


/* TT_News */

#holder_content #content_right .news-list-container{
width:600px;
}


#holder_content #content_right .news-list-container h2{
margin-top:5px;
  margin-bottom:10px;
}

#holder_content #content_right .news-list-item{
margin-bottom:30px;
border-bottom: 1px solid #c29aba;
  padding-bottom:20px;
}

#holder_content #content_right .news-list-morelink{
display:block;
  margin-top:10px;
  font-size:14px;
}


#holder_content #content_right .news-single-backlink{
display:block;
  margin-top:10px;
 font-size:14px; 
}

#holder_content #content_right .news-single-backlink a:hover{
text-decoration:underline;
}

#holder_content #content_right .news-list-morelink a{
text-decoration:none;
}
#holder_content #content_right .news-list-morelink a:hover{
text-decoration:underline;
}

.fancybox-title {
    font: 14px "Source Sans Pro",sans-serif;
}

.content_small figcaption{
font-size:14px;
  margin-bottom:35px;
}

.content_small p + img{
margin-top:20px;
}