/* Import other css */
@import url('reset.css');
@import url('social-icons.css');
@import url('comments.css');
@import url('elements.css');


@font-face {
    font-family: 'Miso';
    src: url('../fonts/miso-regular-webfont.eot');
    src: url('../fonts/miso-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/miso-regular-webfont.woff') format('woff'),
         url('../fonts/miso-regular-webfont.ttf') format('truetype'),
         url('../fonts/miso-regular-webfont.svg#miso-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FjallaOne-Regular';
    src: url('../fonts/FjallaOne-Regular.eot');
    src: url('../fonts/FjallaOne-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FjallaOne-Regular.woff') format('woff'),
         url('../fonts/FjallaOne-Regular.ttf') format('truetype'),
         url('../fonts/FjallaOne-Regular.svg#FjallaOne-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold.woff') format('woff'),
         url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular.woff') format('woff'),
         url('../fonts/OpenSans-Regular.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSans';
    src: url('../fonts/DroidSans.eot');
    src: url('../fonts/DroidSans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans.woff') format('woff'),
         url('../fonts/DroidSans.ttf') format('truetype'),
         url('../fonts/DroidSans.svg#Droid Sans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSans-Bold';
    src: url('../fonts/DroidSans-Bold.eot');
    src: url('../fonts/DroidSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-Bold.woff') format('woff'),
         url('../fonts/DroidSans-Bold.ttf') format('truetype'),
         url('../fonts/DroidSans-Bold.svg#DroidSerif-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exoregular';
    src: url('../fonts/Exo-Regular-webfont.eot');
    src: url('../fonts/Exo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Exo-Regular-webfont.woff') format('woff'),
         url('../fonts/Exo-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Exo-Regular-webfont.svg#exoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Exo-Bold';
    src: url('../fonts/Exo-Bold.eot');
    src: url('../fonts/Exo-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Exo-Bold.woff') format('woff'),
         url('../fonts/Exo-Bold.ttf') format('truetype'),
         url('../fonts/Exo-Bold.svg#Exo-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* GENERAL ------------------------------------------------------------*/


.clearfix{ clear:both; }

.wrapper,
#main{
	margin: 0 auto; 
	position: relative;
	
	/*background-image: url(images/jonke.png),  url(images/linien_2.png);
    background-position: top left;
    background-repeat: no-repeat;*/
	}

body{
	/*background: #ececec url(../images/main-pattern.png);*/
	color: #4d4d4d;
	overflow-y: scroll;
}

body p{
	margin-bottom: 5px;
}

body a{
	text-decoration: none;
	color: #444;
		
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

body a:hover{
	/*color: #fe8300;*/
}

#logo{
	display: block;
	padding-top: 99px;
	float: left;
}

#logo:hover{ opacity: 0.8;}

.headline{
	font-family: Allan, helvetica, arial, sans-serif;
	font-size: 36px;
	line-height: 1.5em;
	text-align: center;
	padding: 20px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	margin-bottom: 50px;
	background: #eaeaea;
	color: #444;
}


#page-content{
	float: left;
	width: 528px;
	margin-left: 24px;
	margin-top: 24px;
	padding-bottom: 60px;
}

#page-content-full{
	margin-right: 24px;
	margin-left: 24px;
	margin-top: 24px;
	padding-bottom: 60px;
}
#page-content-full-theater{
	margin-right: 15%;
	margin-left: 24px;
	margin-top: 24px;
	padding-bottom: 60px;
}
#page-content-full-referenzen{
	margin-right: 120px;
	margin-left: 24px;
	margin-top: 24px;
	padding-bottom: 60px;
}

.home-block-heading{
	border-bottom: 1px solid #ccc;
	color: #444;
	padding-bottom: 20px;
	margin-left: 24px;
	margin-right: 24px;
	margin-bottom: 32px;
}

.h-heading{
	border-bottom: 1px solid #ccc;
	color: #444;
	padding-bottom: 20px;
	margin-bottom: 32px;
}

.h-margin{
	margin-bottom: 32px;
}

.block-divider{
	margin-bottom: 120px;
}

.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
}
 .next {
    clear: both
  }
  
.active1 {color:#ade4ad}
 #sidebar .active2 a:active { color:#ade4ad}
 
#posts-list article .vorspann {
  font-size: 14px !important;
  font-style: italic !important;
  margin-bottom: 15px;
  width: 100%;
}
 
/* MASTHEAD ------------------------------------------------------------*/

#masthead{	
    height: 50px;
	position: relative;
	margin-top: -30px;
	background: #4da191; /*#693f48;*/
	
	padding-left: 24px;
	/*
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.5); 
	box-shadow: 0px 0px 4px rgba(0,0,0,.5);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 1); */
}
#masthead2{	/* für Copyrightseite-*/
    height: 50px;
	position: relative;
	margin-top: -30px;
	background: #f5f5f5;
	padding-left: 24px;
	border-top: 2px solid rgba(255, 255, 249, 1);
	border-left: 2px solid rgba(255, 255, 249, 1);
	border-right: 2px solid rgba(255, 255, 249, 1);
}

#masthead span{
	line-height: 53px;
}

#masthead .head{
	font-family: 'FjallaOne-Regular', arial, sans-serif;
	font-size: 23px;
	color: #ddd;
}

#masthead .subhead{
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	color: #ddd;
	margin-left: 21px;
}

#masthead .breadcrumbs{
	position: absolute;
	overflow: hidden;
	top: 15px;
	right: 24px;
	height: auto;
	font-size: 11px;
	color: #444;
}

#masthead .breadcrumbs a{
	text-decoration: none;
	color: #ddd;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#masthead .breadcrumbs a:hover{
	color: #fe8300;
}

#masthead .breadcrumbs li{
	display: inline;
}

/* HEADINGS ------------------------------------------------------------*/

h1, h2, h3, h4, h5{
	/*font-family: Allan, helvetica, arial, sans-serif;*/	
	font-family: 'FjallaOne-Regular', arial, sans-serif; color: #444;}

h1{ font-size: 36px; }
h2{ font-size: 24px; line-height: 1.8em; font-weight: lighter; }
h3{ font-size: 21px; }
h4{ font-size: 18px; }
h5{ font-size: 14px; }
h6{ font-size: 12px; font-family:'DroidSans-Bold',Verdana,Tahoma,sans-serif; font-weight: lighter; }
h7{ font-size: 12px; font-family:'DroidSans-Bold',Verdana,Tahoma,sans-serif; line-height: 1.9em;}
h8{ font-size: 24px; font-family:'FjallaOne-Regular', arial, sans-serif; line-height: 1.8em; color: #828282; letter-spacing:1px; font-weight: normal; }

span.titelgrau{ font-size: 24px; font-family:'FjallaOne-Regular', arial, sans-serif; line-height: 1.8em; color: #828282; letter-spacing:1px; font-weight: normal; }

h1.heading, h3.heading, h4.heading, h5.heading, h6.heading{	margin-bottom: 21px;}
h2.heading{	margin-bottom: 5px;}

.zitat {font-family:'Droid Sans',Verdana,Tahoma,sans-serif; font-size:10px; margin:0px; text-align:left;}
.zitatform {font-family:'Droid Sans',Verdana,Tahoma,sans-serif; font-size:10px; margin:10px 0px 10px 0px; text-align:left;}
.titelrot {font: 13px 'OpenSansRegular', Arial, sans-serif; line-height: 29px; color: #a54569; letter-spacing:1px; font-weight: normal; }
.strong {font-family:'OpenSansBold',Verdana,Tahoma,sans-serif;	}
.anker {font-size: 2px; line-height: 2px; visibility:hidden;}

.h2verzeichnis{font-family: 'FjallaOne-Regular', arial, sans-serif; font-size: 24px; line-height: 1.8em; font-weight: lighter; color: #444; margin-left: 50px;}

/* HEADER ------------------------------------------------------------*/

header{
	position: relative;
	height: 225px;	
	background:url(../images/linien_2.png)  repeat-x center center;
	color: #888;	
	display: block;
}

	
/* NAVIGATION ------------------------------------------------------------*/


/* --------- Hauptmenü färbig   -----------------  */

ul.rex-navi1{overflow:hidden; font: 125% 'FjallaOne-Regular', arial, sans-serif; letter-spacing: 0.11em; padding-top: 118px; padding-right:20px; line-height: 1.3em; background:url(../images/verlauf.png)  repeat-x center center;	background-position-y: 47px;}
.rex-navi1 li {float:right; padding:0px; margin-left: 0px; display:inline;}
.rex-navi1 a {margin-left: 15px; margin-right: 15px} 
.rex-navi1 a:link{color: #000; text-decoration: none;} 
/*.rex-navi1 a:visited{color: #000; text-decoration: none;}  */
.rex-navi1 a:hover{ text-decoration: none; } /*background: rgba(140, 129, 129, 0.23); border-bottom: solid #dbdbdb 20px;*/
.lev1{ font-size: 125%; font-weight:bold;}
.sub1{ font-size: 125%; font-weight:bold; padding-top:0px!important;}
/*.rex-current{color:#E82F00!important; text-decoration: none; font-style:italic;}*/
.rex-normal{ color:#000!important; text-decoration: none;}
.rex-active{ color:#E82F00!important; text-decoration: none; font-style:italic;}


li.rex-article-1.rex-normal a:hover{ color: #cc6247;}/* blau #3974aa */
li.rex-article-8.rex-normal a:hover{ color: #3974aa;}/* grün #006b48 */
li.rex-article-7.rex-normal a:hover{ color: #006b48;}/* oker */
li.rex-article-58.rex-normal a:hover{ color: #c4ab23;}/* rot #E82F00 */

li.rex-article-1 a.rex-current{ color: #cc6247!important;text-decoration: none;}/* rot */
li.rex-article-8 a.rex-current{ color: #3974aa!important;text-decoration: none;}/* blau */
li.rex-article-7 a.rex-current{ color: #006b48!important;text-decoration: none;}/* grün */
li.rex-article-58 a.rex-current{ color: #c4ab23!important;text-decoration: none;}/* oker */




/* --------- alt   -----------------  */

nav{font-family: 'FjallaOne-Regular', arial, sans-serif;
    font-weight: lighter;
	letter-spacing: 1px;
	float: right;
	line-height: 1.8em;
	background:url(../images/verlauf.png)  repeat-x center center;
	background-position-y: 46px;
}

nav a{
	text-decoration: none;
	color: #8a6358;  /* color: #acacac */
}

#nav{
	margin-top: 111px;
}

#nav li{
	display: inline;
	font-size: 16px;
	float: left;
}

#nav>li>a{
	display: block;
	overflow: hidden;
	padding: 5px 10px 6px 10px;
	/*color: #f5f5f5;*/
	background: rgba(0,0,0,.0);
	
	/*text-shadow: 0 -1px rgba(0, 0, 0, 0.5);*/
	
	/*-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;*/
}

#nav>li>a:hover,
#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{
	background: #303232;
	background: rgba(140, 129, 129, 0.23);
	border-bottom: solid #dbdbdb 5px;
}

#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{
	color: #fe8300;
}

#nav>li>a>.subheader{
	color: #717171;
	display: block;
	font-size: 11px;
	margin-top: -8px;
	font-weight: lighter;
}

#nav .sf-sub-indicator{
	float: right;
}

#nav>li>a>.sf-sub-indicator{
	display: none;
}

/* sub navigation -----------------------------------------------------*/

#nav>li ul{
	display: block;
	margin-top: 7px;
	background: #1c1d1d;
}


#nav>li ul li a{
	display: block;
	padding: 10px 15px;
	display: block;
	font-size: 11px;
	color: #717171;
	text-decoration: none;
}

#nav>li ul li a span{
	display: block;
}

#nav>li ul li a:hover{
	background: #717171;
	color: #1c1d1d;
}


/* MOBILE NAVIGATION ------------------------------------------------*/

#mobile-nav-holder{
    z-index: 1000;
    background: #191a1a;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}

#mobile-nav{
	display: none;
    padding-top: 20px;
    padding-bottom: 30px;
}

#mobile-nav-holder a{
	display: block;
	padding: 2px 14px;
	text-decoration: none;
	color: #f5f5f5;
	font-size: 13px;
	font-weight: lighter;
	
	-webkit-transition: all  0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#mobile-nav-holder li a{
	border-bottom: 1px solid #222;
}

#mobile-nav-holder li:last-child a,
#mobile-nav-holder li > ul a{
	border: none;
}

#mobile-nav-holder li > ul a{
	color: #888888;
	margin-left: 30px;
}

#mobile-nav-holder a:hover,
#mobile-nav-holder a:focus {
	background: #0d0d0d; 
}

#mobile-nav-holder a:hover{
	padding-left: 20px;
}

#mobile-nav-holder #nav-open{
	background: #191a1a; 
	position: absolute;
	right: 0px;
	
	z-index: 2000;
}

#mobile-nav-holder #nav-open a{
	display: block;
	padding: 7px 14px;
	
		
}

#mobile-nav-holder #nav-open a:hover,
#mobile-nav-holder #nav-open a:focus{
	background: #191a1a;
}

#mobile-nav-holder #nav-open:hover a{
	color: #cccccc;
}

#mobile-nav > .current-menu-item > a,
#mobile-nav > .current_page_item > a{
	color: #fe8300;	
}

/* zweite navigation----------------------------------------------------------*/

.aktiv {color: #40865e; background-color:#fbfbda;}

/* Tabellen navigation----------------------------------------------------------

td .tablink a:hover{
	background: #303232;
	background: rgba(140, 129, 129, 0.23);
	border-bottom: solid #dbdbdb 5px;
}

td .tablink a{
	text-decoration: none;
	color: #949497;


/* COLUMNS LAYOUT----------------------------------------------------------*/

/* dritte navigation----------------------------------------------------------*/
/*
li.active1 li.active2{color: red; background-color:#fbfbda;
}*/


.one-half,
.one-third{	
	float:left;
	margin-bottom: 40px;
	margin-right: 4.54%;
	position:relative;
}

.one-half{ 
	width: 47.72%;
}

.one-third{ 
	width: 30.30%;
}

.last {
	clear:right;
	margin-right:0 !important;
}

/* MAIN ------------------------------------------------------------*/

#main{
		
}

#main #content{
	position: relative;
	display: block;
	width: 800px;
	float: left;
	
	background: #f5f5f5;
	
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.1); 
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.1); 
	box-shadow: 0px 0px 4px rgba(0,0,0,.1);
	
}

.shadow-main{
	width: 852px;
	height: 11px;
	margin-left: 64px;
	background: url(../img/shadow-main.png) no-repeat top center;
}

/* SOCIAL --------------------------------------------------------*/

#social-bar{
	display: block;
	float: left;
	width: 68px;
	background: url(../img/social-desktop.png) no-repeat bottom center;
	padding: 10px 0px 20px 0px;
}

#social-bar ul{
	display: block;
	margin: 0 auto ;
	width: 32px;
}

#social-bar li{
	display: block;
	padding: 0px;
	margin: 3px 0px;
}

#social-bar a{ display: block; }

/* FEATURED ------------------------------------------------------------*/

.featured{ padding-bottom: 70px; }

.featured figure{
	position: relative;
	float: left;
	width: 252px;
	margin-left: 24px;
	margin-bottom: 21px;
}

.featured figure .thumb{
	display: block;
	background: url(../img/plus.png) no-repeat center center;
	margin-bottom: 21px;
	
	-webkit-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
	box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
}

.featured figure .thumb:hover img{
	-moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;
	opacity: 0.15;
}

.featured figure:hover .link{
	display: block;
}

.featured figure img{
	max-width: 100%;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.featured figure .heading{
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	color: #444;
	font-size: 16px;
	display: block;
	margin-bottom: 14px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.featured figure .heading:hover{
	color: #fe8300;
}

.featured figure .link{
	display: none;
	position: absolute;
	top: -2px;
	right: 10px;
	background: url(../img/ribbon-link.png) no-repeat top left;
	width: 33px;
	height: 61px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.featured figure .link:hover{
	top: 0px;
}


/* PORTFOLIO ------------------------------------------------------------*/

.featured.portfolio-list{
	margin-top: 70px;
}

.project-heading{
	margin: 44px 24px 44px 24px;
}


.project-heading h1{
	float: left;
	margin-right: 20px;
}

.project-heading .launch{
	display: block;
	float: left;
	text-decoration: none;
	color: #888;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.project-heading .launch:hover{
	color: #fe8300;
}

.project-description{
	float: left;
	margin-left: 24px;
	width: 528px;
	margin-bottom: 40px;
}


.project-info{
	float: left;
	margin-left: 24px;
	width: 252px;
	margin-bottom: 40px;
}

.project-info strong{
	color: #444;
}


.project-pager{
	overflow: hidden;
	margin: 0px 24px 0px 24px;
	padding-bottom: 50px;
}

.project-pager a{
	text-decoration: none;
	color: #444;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.project-pager a:hover{
	text-decoration: none;
	color: #fe8300;
}

.project-pager .prev-project{
	float: left;
}

.project-pager .next-project{
	float: right;
}

/* RELATED PROJECTS ---------------------------------------------------*/

.related-projects{
	display: block;
	background:#eaeaea;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0px 0px 30px 0px;
}

.related-heading{
	font-weight: bold;
	color: #444;
	margin: 0px 0px 24px 24px;
}

.related-projects .related-list{
	display: block;
}

.related-projects  figure{
	display: block;
	float: left;
	margin-left: 38px;
	margin-bottom: 20px;
	width: 212px;
}

.related-projects .thumb{
	display: block;
	background: url(../img/plus.png) no-repeat center center;
	margin-bottom: 21px;
	
	-webkit-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
	box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
}

.related-projects .thumb:hover img{
	-moz-box-shadow: 0 0 10px #8f878b; -webkit-box-shadow: 0 0 10px #8f878b; box-shadow: 0 0 10px #8f878b;
	/*opacity: 0.15;*/
}

.related-projects figure img{
	max-width: 100%;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.related-projects .heading{
	font-family: DroidSans, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	
	text-decoration: none;
	font-style: normal;
	color: #6c6c6c;
	text-align: center;
	display: block;
	margin:-50px 0px 20px 0px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


.related-projects .heading:hover{
	color: #fe8300;
}

.related-projects .pinned table{
margin-left: 5px;
border-right: 0px;
border-left: 0px;

}


/* RETRACTIL SIDEBAR ------------------------------------------------------------*/

aside.retractil{
	position: absolute;
	top: 34px;
	left: 0px;
	background: #eaeaea;
	width: 276px;
	
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 0px 2px rgba(0,0,0,.5); 
}

aside.retractil #sidebar-opener{
	cursor: pointer;
	margin: 15px 24px;
	color: #444;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

aside.retractil #sidebar-opener:hover{
	color: #fe8300;
}

aside.retractil #sidebar-closer{
	display: none;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

aside.retractil #sidebar-closer:hover{
	opacity: 0.5;
}

aside.retractil #sidebar-content{
	margin-left: 24px;
	margin-right: 24px;
	margin-bottom: 50px;
	display: none;	
}


aside.retractil #sidebar-content a{
	text-decoration: none;
	color: #888;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

aside.retractil #sidebar-content a:hover{
	color: #444;
}

/* HOME-GALLERY ------------------------------------------------------------*/


.home-gallery{ 
	display: block;
	padding-bottom: 70px;
}

.home-gallery li{ 
	display: block;
	float: left;
	margin-left: 24px;
	margin-bottom: 21px;
	width: 252px;
}

.home-gallery .thumb{ 
	line-height: 0em;
	display: block;
	background: url(../img/plus.png) no-repeat center center;
	-webkit-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
	box-shadow: 3px 3px 0px rgba(0,0,0,.2);
}

.home-gallery img{
	max-width: 100%;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.home-gallery .thumb:hover img{
	opacity: 0.15;
}

/* TEXT POSTS ------------------------------------------------------------*/

.text-posts{
	overflow: hidden;
	padding-bottom: 70px;
}

.text-posts li{
	display: block;
	float: left;
	margin-left: 24px;
	margin-bottom: 21px;
	width: 252px;
}

.text-posts .heading{
	display: block;
	font-weight: bold;
	font-size: 13px;
	color: #444;
	text-decoration: none;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.text-posts .heading:hover{
	color: #fe8300; 
}

/* BLOG ------------------------------------------------------------*/

.img-responsive{
-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, .2); 
-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, .2); 
box-shadow: 3px 3px 0px rgba(0, 0, 0, .2);
}




#posts-list,
#post-content{
	width: 528px;
	float: left;
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: 24px;
}

#post-content .content-area{
	padding-bottom: 50px; 
}

#posts-list article{
	margin-bottom: 80px;
}


#posts-list .feature-image,
#post-content .feature-image{
	width: 100%;
	margin-bottom: 2px;
	/*background: url(../img/plus.png) center center no-repeat;*/ /* hg image black*/
	line-height: 0em;
}

#posts-list .feature-image img,
#post-content .feature-image img{
	max-width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#posts-list .feature-image:hover img,
#posts-content .feature-image:hover img{
/*	opacity: 0.8;*/
}

#posts-list .post-heading,
#post-content .post-heading{
	display: block;
	text-decoration: none;
	color: #444;
	line-height: 1.2em;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#posts-list .post-heading:hover{
	/*color: #fe8300;*/
}/* Titel ornge bei hover*/

#posts-list .meta,
#post-content .meta{
	border-bottom: 1px solid #ccc;
	margin-bottom: 11px;
	padding-bottom: 11px;
	font-style: italic;
	font-size: 11px;
}

#posts-list .meta a,
#post-content .meta a{
	color: #444;
	text-decoration: none;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#posts-list .meta a:hover,
#post-content .meta a:hover{
	color: #fe8300;
}

#posts-list .excerpt{
	margin-bottom: 21px;
	clear: both;
}

#posts-list .read-more{
	background: #eaeaea;
	padding: 5px 10px;
	text-decoration: none;
	color: #888;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#posts-list .read-more:hover{
	color: #fff;
	background: #fe8300;
}

/* SIDEBAR ------------------------------------------------------------*/

#sidebar{
	width: 210px;
	float: left;
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: 38px;
}

#sidebar a{
	color: #444;
	text-decoration: none;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#sidebar a:hover{ color: #fe8300; }

#sidebar h4{
	margin-bottom: 10px;
	font-weight: normal;
}

#sidebar .block{
	padding: 16px 16px 16px 20px;
	background: #eaeaea;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
	box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
	margin-bottom: 0px;
}




/* LINKLIST ------------------------------------------------------------*/

#linklist{
	width: 100%;
	float: left;
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: 5px;
}

#linklist a{
	color: #444;
	text-decoration: none;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#linklist a:hover{ color: #fe8300; }

#linklist h4{
	margin-bottom: 10px;
}

#linklist .block{
	padding: 16px;
	background: #eaeaea;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
	box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
	margin-bottom: 0px;
}

/* EXCERPT ------------------------------------------------------------*/

.excerpt table{
margin-left: 40px;
}

.excerpt-texte{
	font-family:'Droid Sans',Verdana,Tahoma,sans-serif; margin:0px; text-align:left;
	color: #444;
	text-decoration: none;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.excerpt-texte a:hover{
	 color: #fe8300;}
		
.excerpt a{
	font-family:'Droid Sans',Verdana,Tahoma,sans-serif; font-size:12px; margin:0px; text-align:left;font-weight: normal;
	color: #969696;
	text-decoration: none;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.excerpt a:hover{ color: #fe8300; }

.excerpt td {font-family: 'Droid Sans', Verdana, Tahoma, sans-serif;
/*font-size: 12px;*/
padding: 6px 0px 6px 6px;
line-height: 14px;
}
a.tablink{ 
font-size: 14px;
color: #828282;
font-weight:normal;
line-height: 15px;
}

/* PAGER ------------------------------------------------------------*/

.pager{
	overflow: hidden;
	display: block;
	font-size: 11px;
	margin: 0px 24px 0px 24px;
	padding-bottom: 50px;
}

.pager li{
	display: block;
	margin-right: 5px;
	float: left;
}

.pager li a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
	color: #484848;
	width: 20px;
	border: 1px solid #ccc;
	line-height: 20px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.pager li.active a,
.pager li:hover a{
	color: #fff;
	background: #fe8300;
}

.pager .paged{
	float:right;
	font-style:italic;
}


/* CONTACT ------------------------------------------------------------*/


#map{
	display: block;
	height: 300px;
	width: 100%;
	margin-bottom: 24px;	
}

.address-block li{
	padding-left: 20px;
}

.address-block .address{ background: url(../img/icon-address.png) no-repeat top left  }

.address-block .phone{ background: url(../img/icon-phone.png) no-repeat top left}

.address-block .mobile{ background: url(../img/icon-mobile.png) no-repeat top left }

.address-block .email{ background: url(../img/icon-email.png) no-repeat top left }



/* FOOTER ------------------------------------------------------------*/

footer{
	background: 
		url(../img/footer-line.png) repeat-x top left,
		url(../img/noise.png);
	background-color: #e6e5e1;
	min-height: 100px;
	
	text-shadow: 0 1px rgba(255, 255, 255, .9);	
}

footer a{
	color: #444;
	text-decoration: none;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

footer a:hover{
	color: #fe8300;
}

footer .wrapper{
	margin-top: -60px;
	padding-bottom: 60px;
}

#footer-cols{
	padding-top: 100px;
}

#footer-cols>li{
	display: block;
	float: left;
	margin-bottom: 20px;
}

#footer-cols>li{
	display: block;
	float: left;
	width: 252px;
	margin-left: 24px;	
}

#footer-cols h4{
	margin-bottom: 21px;
}

#footer-cols>li.first-col{
	
}

#footer-cols>li.second-col{

}

#footer-cols>li.third-col{ margin-right: 0px; }

footer #to-top{
	display: none;
	width: 68px;
	height: 68px;
	margin: 0 auto;
	background: url(../img/to-top.png) no-repeat;
	cursor: pointer;
}

footer #to-top:hover{ opacity: 0.7 }

footer section#copyright{
	display:block;
	clear:both;
	font-size: 10px;
	width:94%;
	margin: 0px 0px 0px 10px;
	padding: 10px 0 0 10px;
	text-align:center;
	/*border-top:1px solid #C5C4C1;   margin:0 auto;*/
	}




/* WIDGETS ------------------------------------------------------------*/


.recent-post{
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
}

#fussleiste-cols>li.first-col .recent-post:last-child{
	border-bottom:none;
}


.recent-post .thumb{
	display: block;
	float: left;
	line-height: 0em;
	background: #fff;
	padding: 3px;
	
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.3); 
	box-shadow: 0px 0px 4px rgba(0,0,0,.3); 
}

.recent-post .post-head{
	float: left;
	width: 184px;
	margin-left: 7px;
	font-size: 13px;
	line-height: 1.5em;
}


.recent-post .post-head span{
	display: block;
	font-size: 11px;
	color: #888888;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
 
 
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	width: 400px;
	height: 100px;
	margin-left: 4px;
	padding-left: 4px;
	padding-top: 4px;
	border: 1px solid #003366;
	background-color: #fafaf5;
	font-size: 1em;
}

/* Textfeld */
.formgen .form-control {
	width: 250px;
	margin-left: 4px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	font-size: 1em;
	background-color: #fafaf5;
	border: 1px solid #003366;
	border-radius: 3px 3px 3px 3px;
}
 
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #7abe73;
	background-color: #f1f1f1;	
}
 
 
/* Label */
.formgen label {
	width: 125px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: normal;
	color: #626466;
}
 
 
/* Aussehen der Select-Ausgabe */
.formgen .formselect {
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}
 
/* Sende-Button */
.formgen .formsubmit {font-size:12px;
	width: 14%;
	text-align: center;
	background-color: #209f4f;
    left:10px;top:50px;
   -moz-border-radius:20px;
   -khtml-border-radius:20px;
	color: #FFFFFF;
	border: 1px solid #003366;
	border-radius: 3px 3px 3px 3px;
}
.formsubmit hover{color: #aff1b6;
 }
 
/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/*-------- Gesamtverzeichnis------------- */

.tabtitel{
	font-size: 14pt;
	line-height: 16pt;
	font-weight: normal;
	color: #333333;
}
/*.tabtitel a:hover{
	text-decoration: none;
	color: #aaaaaa;
}*/


a.tabtitel:link {font-size:18px;  line-height:23px;  color: #666666}
a.tabtitel:visited { font-size: 18px; line-height:23px; color: #558080}
a.tabtitel:hover {font-size: 18px; line-height:23px; color: #23c4ab;}
a.tabtitel:active { font-size: 18px; line-height:23px; color: #494948}

a.titelkleiner:link {font-size:11pt;  line-height:13pt;  color: #666666}
a.titelkleiner:visited { font-size: 11pt; line-height:13pt; color: #558080}
a.titelkleiner:hover {font-size: 11pt; line-height:13pt; color: #23c4ab;}
a.titelkleiner:active { font-size: 11pt; line-height:13pt; color: #494948}


.team_holder {
	width:100%;
	float:left;
}
#team {
	margin:15px; padding: 10px;
	width:270px;
	height:110px;
border-style: solid;
border-width: thin;
border-color: #FFFFFF;
	float:left;
	
	background-image: url(../images/bg_verzeichnis.gif);
    background-repeat:no-repeat;
}
#team:hover {-moz-box-shadow: 0 0 10px #8f878b; -webkit-box-shadow: 0 0 10px #8f878b; box-shadow: 0 0 10px #8f878b;}

.team img {
	margin:2px 15px 0px 0px;
	width:60px;
	height:68px;
	float:left;
	display:block;
}

.stueckData {
	display:block;
	text-align:left;
	vertical-align:bottom;
	float:left;
	min-height: 70px;
	width:170px;
	/*margin-bottom: 4px;*/
}
.dauer {
	/*clear:both;*/
	font-size: 8pt;
	float:left;
	width:80px;
	left:0;
	text-align:right;
	margin-right:15px;
}
.dauer2 {
	/*clear:both;*/
	font-size: 9pt;
	float:left;
	width:160px;
	left:0;
	text-align:left;
	
}
.rechte {
	/*clear:both;*/
	font-size: 8pt;
	line-height: 7pt;
	float:left;
	width:80px;
	left:0;
	text-align:right;
	margin-right:15px;
}
.rechte2 {
	line-height: 7pt;
}

a.jonke:link {font-size:9pt;  line-height:7pt;  color: #666666}
a.jonke:visited {font-size: 9pt; line-height:7pt; color: #558080}
a.jonke:hover {font-size: 9pt; line-height:7pt; color: #23c4ab;}
a.jonke:active {font-size: 9pt; line-height:7pt; color: #494948}


.besetzung {
	width:80px;
	display:block;
	text-align:left;
	vertical-align:bottom;
	float:left;
	margin: 5px 15px 0px 0px;
	line-height: 1.0 ! important;
	}
span.besetzungdetail {
	font-size: 7pt;
    width:85px;
	height:84px;
	text-align:left;
	margin-right:15px;
	
}