/*
HTML 5 Template Name: Basic 88
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@font-face { font-family: 'CIFont'; 
src: url('../font/MyriadPro-Regular.eot#') format('eot'), 
url('../font/MyriadPro-Regular.woff') format('woff'), 
url('../font/MyriadPro-Regular.ttf') format('truetype'), 
url('../font/MyriadPro-Regular.svg#svgFontName') format('svg'); }

html{overflow-y:scroll;} /* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */

body{margin:0; padding:0; font-size:15px; font-family: CIFont, Georgia, "Times New Roman", Times, serif; color:#292929; background-image: url("../images/hintergrund.jpg"); background-repeat:no-repeat; background-color:#000000; background-attachment: fixed; margin-left:20px; margin-top:20px;}

.clearfix:after {
    display:block;
    clear:both;
}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none;}

code{font-weight:normal; font-style:normal; font-family: CIFont, Georgia, "Times New Roman", Times, serif;}

.fl_left{float:left;}
.fl_right{float:right; padding-right:20px;}

img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, nav, section{display:block; margin:0; padding:0;}

q{display:block; padding:0 10px 8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
q:before{content:'“ '; font-size:26px;}
q:after{content:' „'; font-size:26px; line-height:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{display:block; width:1000px; margin:0; padding:0; text-align:left;}


.row1 {color:#292929; background-color:#9F1B1E; background-image: url("../images/bgtop.png"); background-repeat:repeat-x;}
.row2{color:#292929; background-color:#FFFFFF;}
.row2 a{color:#840000; background-color:#FFFFFF;}
.row3{color:#989898; background-color:#333333;}
.row3 a{color:#FFFFFF; }
.row4, .row4 a{color:#919191; background-color:#232323;}

div#werbrechts{display:none; }

@media (min-width: 1700px) {
div#werbrechts{display:block; position:fixed; top:50px; left: 1450px; width:190px; height:600px; margin:0; padding:0; text-align:left;}
}

/*----------------------------------------------Generalise-------------------------------------*/

#header, #container, #footer, #copyright{display:block; width:980px; margin:0; margin-left:20px;}

nav ul{margin:0; padding:0; list-style:none;}

h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:26px; font-weight:normal; font-style:italic; line-height:normal;}

address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'“ '; font-size:26px;}
blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input, textarea, select{font-size:12px; font-family: CIFont, :Georgia,"Times New Roman",Times,serif;}

.one_quarter, .two_quarter, .three_quarter, .four_quarter{display:block; float:left; margin:0 15px 0 0;}
.one_quarter{width:310px;}
.two_quarter{width:470px;}
.three_quarter{width:715px;}
.four_quarter{width:960px; float:none; margin-right:0; clear:both;}

.one_third, .two_third, .three_third{display:block; float:left; margin:0 15px 0 0;}
.one_third{width:310px;}
.two_third{width:620px;}
.three_third{width:930px; float:none; margin-right:0; clear:both;}

.lastbox{margin-right:0;}

/*----------------------------------------------Header-------------------------------------*/

#header{height:70px;}

#header #hgroup, #header #hgroup a {float:left; margin:0; padding: 0; background-image: url("../images/logo.png"); background-repeat:no-repeat; display:block; height:25px; width:293px;}
#header #hgroup {margin-left:0px; margin-top:22px;}
#header nav.menu {display:block; float:left; margin:0px auto; padding:26px 0; padding-left:20px; font-size: 17px; color:#C0BAB6;}
#header nav.menu ul{padding:0px;}
#header nav.menu li {text-transform:uppercase; margin:0px; list-style:none;}
/* #header nav li.last{margin-right:0;} */

#header nav.menu a {
    transition:all linear 0.15s;
    color:#413F3F;

}

#header nav.menu li:hover > a, #header nav.menu .current-item > a {
    text-decoration:none;
    color:#000000;
}
 
#header nav.menu .arrow {
    font-size:11px;
    line-height:0%;
}

#header nav.menu .arrowactive {
	font-size:11px;
	color:#000000;
    line-height:0%;
}

#header nav.menu .aktiv {
	color:#000000;
}

#header nav.menu .aktuell {
	color:#840000;

}

/*----- Top Level -----*/
#header nav.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;

}
 
#header nav.menu > ul > li > a {
    padding:0px 9px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
	color:#FFFFFF;
}

#header nav.menu > ul > li > a .aktuell {
	font-size:24px;
	color:#000000;
}
 
#header nav.menu > ul > li:hover > a, #header nav.menu > ul > .current-item > a {
	color:#000000;
    /* background:#FFFFFF; */
}


/*----- Bottom Level -----*/
#header nav.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
	min-width:100%;
    width:200px;
    padding:0px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
	background:#AF484A;

}

.sub-menu li {
    display:block;
    font-size:14px;

}
 
.sub-menu li a {
    padding:10px 30px;
    display:block;
	background:#DDD9D9;
}
 
 .sub-menu li a:hover, .sub-menu .current-item a {
    background:#979696;
	
}


/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:20px 0;}
#container section{display:block; width:100%; margin:0 0 30px 0; padding:0;}
#container .last{margin:0;}
#container .more{text-align:right;}

/* ------Slider-----*/

#container #slider{}

/* ------Main Content-----*/
#container #werbung{ width:960px; line-height:1.8em; 
text-align:center;

	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:15px;}
	
	#container #werbung2{ width:960px; line-height:1.8em; 
text-align:center;

	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:15px;}
	
	#container #werbung3{ width:960px; line-height:1.8em; 
text-align:center;

	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:15px;}


#container #homepage{display:block; width:960px; line-height:1.8em;}
#container #ueberschrift0{display:block; width:960px; line-height:1.8em;}
#container #ueberschrift1{display:block; width:960px; line-height:1.8em;}
#container #ueberschrift2{display:block; width:960px; line-height:1.8em;}

#container #abschnitt3 #services{}
#container #abschnitt3 #services article{}
#container #abschnitt3 #services article figure{}
#container #abschnitt3 #services article figure img{margin:0 0 0px 0; padding:4px; border:1px solid #D6D6D6;}
#container #abschnitt3 #services article figure figcaption{}
#container #abschnitt3 #services article h1{font-size:16px; font-weight:bold; font-style:normal; color:#000000; margin-bottom:30px;}
#container #abschnitt3 #services article h2{font-size:14px; font-weight:bold; font-style:normal;}
#container #abschnitt3 #services article figure footer{}

#container #starts #filmstarts{}
#container #starts #filmstarts article{}
#container #starts #filmstarts article figure{}
#container #starts #filmstarts article figure img{margin:0 0 0px 0; padding:4px; border:1px solid #D6D6D6;}
#container #starts #filmstarts article figure figcaption{}
#container #starts #filmstarts article h1{font-size:16px; font-weight:bold; font-style:normal; color:#000000; margin-bottom:30px;}
#container #starts #filmstarts article h2{font-size:14px; font-weight:bold; font-style:normal;}
#container #starts #filmstarts article figure footer{}

#container #homepage #aktuelle{}
#container #homepage #aktuelle article{}
#container #homepage #aktuelle article figure{}
#container #homepage #aktuelle article figure img{margin:0 0 0px 0; padding:4px; border:1px solid #D6D6D6;}
#container #homepage #aktuelle article figure figcaption{}
#container #homepage #aktuelle article h1{font-size:16px; font-weight:bold; font-style:normal; color:#000000; margin-bottom:30px;}
#container #homepage #aktuelle article h2{font-size:14px; font-weight:bold; font-style:normal;}
#container #homepage #aktuelle article figure footer{}

#container #homepage #intro{}
#container #homepage #intro article{}
#container #homepage #intro article figure{}
#container #homepage #intro article figure img{float:right; margin:0 0 10px 0; padding:4px; border:1px solid #D6D6D6;}
#container #homepage #intro article figure figcaption{float:left; width:460px;}
#container #homepage #intro article figure h2{}
#container #homepage #intro article figure footer{}

/*----------------------------------------------Footer-------------------------------------*/

#footer{padding:30px 0; font-size:12px; line-height:1.4em;}

#footer section h2.title{margin:0 0 25px 0; padding:0; color:#FFFFFF; background-color:#333333; font-size:12px; font-weight:bold; text-transform:uppercase;}

#footer section nav li{margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #555555;}
#footer section nav li.last{margin:0;}

/*----------------------------------------------Copyright-------------------------------------*/

#copyright{padding:20px 0;}
#copyright p{margin:0;}

    .layout1 {
     background: #840000;
	 color:white;
	 padding:5px;
	 padding-left:10px;
	 margin-bottom:10px;
	 
    }
	
	 .layout1 a{
	 color:black;
    }
	
	 .layout2 h1{
     background: #840000;
	 color:white;
	 padding:5px;
	 padding-left:10px;
	 margin-bottom:10px;
	 
    }
	
	.layout2 h4{
     background: #840000;
	 color:white;
	 font-size:17px;
	 padding:3px;
	 padding-left:10px;
	 margin-bottom:10px;
	 
    }
	
	 .layout3 h4{
     background: #847D7D;
	 color:white;
	 font-size:20px;
	 padding:5px;
	 padding-left:10px;
	 margin-bottom:10px;
	 
    }
	
    .layout4 h1{
     background: #840000;
	 color:white;
	 padding:5px;
	 padding-left:10px;
	 margin-bottom:10px;
	 
    }
	.layout4 h2{
	 font-size:20px;
	 padding-left:0px;
	 margin-top:5px;
	 margin-bottom:5px;
	 
    }
	 .layout4 h3{
	 font-size:15px;
	 padding-left:0px;
	 font-style:normal;
	 font-weight:bold;
	 margin-top:5px;
	 margin-bottom:5px;
	 
    }
	
	.layout4 hervorheben{
	font-size:25px;
	}

   .layout5 {
     background: #840000;
	 color:white;
	 padding:0px;
	 padding-left:10px;
    }
	
	 .layout5 p{
     padding-top:4px;
	 padding-bottom:4px;
    }
	
	 .layout5 a{
	 color:black;
    }

	
	
	   .layout6 {

	 
    }
	
	   .layout7 {

	 
    }