@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Regular'), local('Merriweather-Regular'),
       url('../fonts/merriweather-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v19-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}

body {
	margin: 0px;
    font-size:0.8em;
    color:#6A7684; 
    font-family:'Merriweather', 'sans serif';
    line-height:1.4em;
    background-image: url("../img/bgBody.gif");
    background-repeat:repeat-x;
	background-color : #fff;
}

#sitecontainer {
    padding:0;
}

#site {
    margin:auto;
    width:1000px;
    background-color : #fff;
}

.siteenlarged {
    margin:auto;
    background-color : #fff;
    text-align:center;
}

#logo {
    padding: 16px 0px 16px 0px; 
    background-color : #3F3F3F;
}

/*
*   Mainnavigation
*/
#mainnavigation {
    border-top:1px solid #fff;
    background-color: #898989;
}

#mainnavigation ul {display:block; margin:auto; list-style:none outside; padding:0;width:1000px;background-image: url("../img/bgMainnavigation.gif");background-repeat:no-repeat;text-align:center; }
#mainnavigation li {display:inline; }


#motive {
    margin:auto;
    width:1000px;
    height:365px;
    margin-bottom:10px;
}

#motive h1 { font-size:2.0em; color:#8B8C8E; padding-top:0px; padding-bottom:15px; margin:0px; }
#motive h2 { font-size:2.0em; color:#8B8C8E; padding-top:0px; padding-bottom:15px; margin:0px; }

.images {
    width:1000px;
    height:365px;
    position:relative;
    float:left;
}

.message {
    background-image: url("../img/bgMessage.png");
    padding:80px 20px 20px 20px;
    width:350px;
    height:285px;
    color:#565656;
}


#sitemotive {
    width:1000px;
    height:200px;
    margin-bottom:40px;
}

#openerboxen {
    margin:auto;
    width:1000px;
    border-top: 2px dotted #ccc;
    margin-bottom:20px;
    background-color: #E4E5E5;
}



#flexcontainer {
    margin:auto;
    width:1000px;
	position:relative;
}

#flexcontainer p {
	width:47%;
	position:absolute;
	top:20%;
	color:#fff;
	padding:2% 3% 2% 3%;
    background-image: url("../img/bgLayer.png");
}

#flexcontainer h1, #flexcontainer h2 {
	width:47%;
	position:absolute;
	top:10%;
	color:#fff;
	padding:1% 3% 1% 3%;
    background-image: url("../img/bgLayer.png");
}

.openerbox {
    width:293px;
    float:left;
    padding:20px;
}

.openerbigbox {
    margin:auto;
    width:960px;
    padding:20px;
}

#kooperationen {
    margin:auto;
    width:960px;
    border-top: 2px dotted #ccc;
    padding:20px;
    background-color: #E4E5E5;
}

    
#kooperationen img {
    display:block;
    float:left;
    padding-right:20px;
}


#sitespacer {
    padding:50px 25px 25px 25px;
}

#content {
	width:1000px;
	margin:auto;
    padding:50px 0px 50px 0px;
}

#leftcol {
    float:left;
    width:224px;
}


#centercol {
    float:left;
    width:496px;
}

#rightcol {
    float:right;
    width:200px;
	background-color : #0000ff;
}


#topnavigation {
    text-align:right;
    float:right;
    color:#fff;
    padding-right:40px;
    width:300px;
}

#topnavigation ul { float:right;margin:0; text-align:left; height:20px; list-style:none outside; padding-left:0px; padding-top:8px; }
#topnavigation li { display:inline; height:15px; padding-right:10px; padding-left:8px; border-right:1px solid #585858; }

/*  ************************************************************************************
*   Youtube Videos  
*/

.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}

.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*  ************************************************************************************
*   Youtube Videos Ende  
*/

#image {
    height:180px;
    border-bottom:16px solid #A7A8AA;
    background-color:#ff0000;
}

#newsbox {
    float:right;
    width:240px;
    height:180px;
	background-color : #fff;
	border-left: 2px solid #A7A8AA;
	border-right: 2px solid #A7A8AA;
}

#newsbox h2 {
    font-size:1.4em; color:#E7823B; padding-top:0px; padding-bottom:20px; margin:0px; 
}

#newsboxspacer {
    padding:20px 10px 0px 20px;
}

.textblock {
    padding-bottom:40px;
}

.referenz {
	width:30%;
	float:left;
	margin-right:2.5%;
	margin-bottom:2.5%;
	height: 300px;
	overflow:hidden;
}


#footer {
    margin:auto;
    width:960px;
    border-top: 2px dotted #ccc;
    padding:20px;
    color:#777;
    font-size:0.85em;
	background-color : #EDEFEC;
}


h1 { font-size:1.6em; color:#494949; padding-top:0px; padding-bottom:15px; margin:0px; line-height:normal; }
h2 { font-size:1.4em; color:#8B8C8E; padding-top:0px; padding-bottom:15px; margin:0px; line-height:normal; }
h3 { font-size:1.0em; color:#8B8C8E; padding-top:0px; padding-bottom:0px; margin:0px; font-weight:bold; }
h4 { font-size:1.0em; color:#9B9B9B; padding-top:0px; padding-bottom:10px; margin:0px; font-weight:bold; }

img { border:0px; }

.off { display:none; }

.clear { clear:both; }

.referenzname {
	font-size:1.2em;
	font-weight:bold;	
}

.fullsize {
	width:100%;
	height:auto;	
}

a.headlinelink:link  { color:#8B8C8E; text-decoration:none; }
a.headlinelink:visited { color:#8B8C8E; text-decoration:none; }
a.headlinelink:hover { color:#8B8C8E; text-decoration:underline; }
a.headlinelink:active { color:#8B8C8E; text-decoration:none; }

a:link  { color:#C20B37; text-decoration:none; }
a:visited { color:#C20B37; text-decoration:none; }
a:hover { color:#C20B37; text-decoration:underline; }
a:active { color:#C20B37; text-decoration:none; }

a.top:link  { color:#fff; text-decoration:none; }
a.top:visited { color:#fff; text-decoration:none; }
a.top:hover { color:#fff; text-decoration:underline; }
a.top:active { color:#fff; text-decoration:none; }

/*
*   Hauptnavigation
*/

a.mainlevel:link, a.mainlevel:visited {
    display: inline;
	margin:0;
    font-size: 1.3em;
    line-height:50px;
    position:relative; 
    color:#fff;
    padding:0px 10px 0px 10px;
}

a.mainlevel:hover {
	text-decoration: none;
	color: #ababab;
}

a.mainlevelActive:link, a.mainlevelActive:visited {
	display: inline;
	margin:0;
    font-size: 1.3em;
    line-height:50px;
    position:relative; 
    color:#E7823B;
    padding:0px 10px 0px 10px;
}

a.mainlevelActive:hover {
	text-decoration: none;
	color: #fff;
}
a.sublevel:link, a.sublevel:visited {
	display: inline;
	margin:0;
    font-size: 1.1em;
    line-height:30px;
    position:relative; 
    color:#fff;
    padding:0px 10px 0px 10px;
}

a.sublevel:hover {
	text-decoration: none;
	color: #E7823B;
}

a.sublevelActive:link, a.sublevelActive:visited {
	display: inline;
	margin:0;
    font-size: 1.1em;
    line-height:30px;
    position:relative; 
    color:#E7823B;
    padding:0px 10px 0px 10px;
}

a.sublevelActive:hover {
	text-decoration: none;
	color: #E7823B;
}


a.thirdlevel:link, a.thirdlevel:visited {
	margin:0; 
    line-height:17px;
    padding-left:15px;
    display:block;
    color:#58585A;
    font-size:0.9em;
}

a.thirdlevel:hover {
	text-decoration: none;
	color: #E7823B;
}

a.thirdlevelActive:link, a.thirdlevelActive:visited {
	margin:0; 
    line-height:17px;
    padding-left:15px;  
    display:block; 
    color:#C20B37;
    font-size:0.9em;
    background-image: url("../img/bgThirdlevel.gif");
    background-repeat: no-repeat;
}

a.thirdlevelActive:hover {
	text-decoration: none;
	color: #E7823B;
}

@media screen and (max-width:999px) {
    #site {
        margin:auto;
        width:95%;
    }
    
    #logo {
        padding: 16px 0px 16px 0px; 
        background-color : #3F3F3F;
        width:100%;
    }
    
    #logo img {
        width:25%;
        height:auto;
    }
    
    #claimcontainer {
        margin:auto;
        width:95%;
    }
    
    
    #mainnavigation ul {display:block; margin:auto; list-style:none outside; padding:0;width:761px;background-image: url("../img/bgMainnavigation761.gif");background-repeat:no-repeat;text-align:center; }
    #mainnavigation li {display:inline; }
    
    #motive {
	    margin:auto;
	    width:100%;
	    margin-bottom:40px;
	    background-color:#fff0000;
	}
	
	#motive h1 { font-size:2.0em; color:#8B8C8E; padding-top:0px; padding-bottom:15px; margin:0px; }
	#motive h2 { font-size:2.0em; color:#8B8C8E; padding-top:0px; padding-bottom:15px; margin:0px; }
	
	.images {
	    position:relative;
	    float:left;
	    background-size: 100% auto;
	}
	
	.message {
	    background-image: url("../img/bgMessage.png");
	    padding:80px 20px 20px 20px;
	    width:20%;
	    color:#565656;
	}
    
    
	#flexcontainer {
	    margin:auto;
        width:95%;
	}
	
	
    #openerboxen {
        margin:auto;
        width:95%;
        border-top: 2px dotted #ccc;
        margin-bottom:10px;
    }
    
    .openerbox {
        width:28%;
        float:left;
        padding:2%;
    }
    
    .openerboxspacer {
        padding:15px;
    }

    .openerbigbox {
        margin:auto;
        width:90%;
        padding:20px;
    }

	#content {
		width:95%;
		margin:auto;
	    padding-top:50px;
	}
    
    #footer {
        margin:auto;
        width:95%;
        border-top: 2px dotted #ccc;
        padding:20px 10px 20px 10px;
        color:#777;
        font-size:0.85em;
    	background-color : #EDEFEC;
    }
    
    /*
    *   Hauptnavigation
    */
    
    a.mainlevel:link, a.mainlevel:visited {
        display: inline;
        float:none;
    	margin:0;
        font-size: 1.2em;
        line-height:50px;
        position:relative; 
        color:#fff;
        padding:0px 10px 0px 10px;
    }
    
    a.mainlevel:hover {
    	text-decoration: none;
    	color: #ababab;
    }
    
    a.mainlevelActive:link, a.mainlevelActive:visited {
    	display: inline;
        float:none;
    	margin:0;
        font-size: 1.2em;
        line-height:50px;
        position:relative; 
        color:#fff;
        padding:0px 10px 0px 10px;
    }
    
    a.mainlevelActive:hover {
    	text-decoration: none;
    	color: #fff;
    }
    
    .slides_container {
	    width:90%;
	    float:left;
	    position:relative;
	}

		
		/*.slides_container div {
			width:1000px;
    		height:327px;
		    position:relative;
		    float:left;
		}*/
		
		
		.pagination {
			list-style:none;
			margin:0;
			padding:0;
			top:335px;
			left:20px;
			text-align:center;
		    position:absolute;
		    width:90%;
		}
		
		.pagination ul {
			width:90%;
		}
}

@media screen and (max-width:760px) {
    #site {
        margin:auto;
        width:95%;
    }
    
    #logo {
        padding: 16px 0px 16px 0px; 
        background-color : #3F3F3F;
        width:100%;
    }
    
    #logo img {
        width:25%;
        height:auto;
    }
    
    #claimcontainer {
        margin:auto;
        width:95%;
    }
    
    
    #mainnavigation ul {width:auto;display:block; margin:auto; list-style:none outside; padding:0;background-image: none;background-repeat:no-repeat;text-align:center; }
    #mainnavigation li {display:inline; }
    
    #openerboxen {
        margin:auto;
        width:95%;
        border-top: 2px dotted #ccc;
        margin-bottom:10px;
    }
    
    .openerbox {
        width:28%;
        float:left;
        padding:2%;
    }
    
    .openerboxspacer {
        padding:15px;
    }
    
    .openerbigbox {
        margin:auto;
        width:90%;
        padding:20px;
    }
    
    
    #flexcontainer p {
    	display:none;
    }
    
    #footer {
        margin:auto;
        width:95%;
        border-top: 2px dotted #ccc;
        padding:20px 10px 20px 10px;
        color:#777;
        font-size:0.85em;
    	background-color : #EDEFEC;
    }
    
	.referenz {
		width:45%;
		float:left;
		margin-right:2.5%;
		margin-bottom:2.5%;
		height: 200px;
		overflow:hidden;
	}
    
    /*
    *   Hauptnavigation
    */
    
    a.mainlevel:link, a.mainlevel:visited {
        display: inline;
        float:none;
    	margin:0;
        font-size: 1.0em;
        line-height:50px;
        position:relative; 
        color:#fff;
        padding:0px 10px 0px 10px;
    }
    
    a.mainlevel:hover {
    	text-decoration: none;
    	color: #ababab;
    }
    
    a.mainlevelActive:link, a.mainlevelActive:visited {
    	display: inline;
        float:none;
    	margin:0;
        font-size: 1.0em;
        line-height:50px;
        position:relative; 
        color:#fff;
        padding:0px 10px 0px 10px;
    }
    
    a.mainlevelActive:hover {
    	text-decoration: none;
    	color: #fff;
    }
}

@media screen and (max-width:480px) {
    #site {
        margin:auto;
        width:95%;
    }
    
    #logo {
        padding: 16px 0px 16px 0px; 
        background-color : #3F3F3F;
        width:100%;
    }
    
    #logo img {
        width:25%;
        height:auto;
    }
    
    #claimcontainer {
        margin:auto;
        width:95%;
    }
    
    
    #mainnavigation ul {display:block; margin:auto; list-style:none outside; padding:0;background-image: none;background-repeat:no-repeat;text-align:center; }
    #mainnavigation li {display:block; }
    
    #flexcontainer p {
    	display:none;
    }
    
    #openerboxen {
        margin:auto;
        width:95%;
        border-top: 2px dotted #ccc;
        margin-bottom:10px;
    }
    
    .openerbox {
        width:90%;
        padding:5%;
    }
    
    .openerboxspacer {
        padding:15px;
    }
    
    .openerbigbox {
        margin:auto;
        width:90%;
        padding:20px;
    }
    
    .openerbigbox img {
        float:none;
    }
    
    #footer {
        margin:auto;
        width:95%;
        border-top: 2px dotted #ccc;
        padding:20px 10px 20px 10px;
        color:#777;
        font-size:0.85em;
    	background-color : #EDEFEC;
    }
    
    a.mainlevel:link, a.mainlevel:visited {
    	display: block;
        float:none;
    	margin:0;
        font-size: 1.0em;
        line-height:25px;
        position:relative; 
        color:#fff;
        padding-left:20px;
        background:none;
    	background-color : #898989;
        border-bottom:1px solid #fff;
    }
    
    a.mainlevel:hover {
    	text-decoration: none;
    	color: #ababab;
    }
    
    a.mainlevelActive:link, a.mainlevelActive:visited {
    	display: block;
        float:none;
    	margin:0;
        font-size: 1.0em;
        line-height:25px;
        position:relative; 
        color:#ff0000;
        padding-left:20px;
        background:none;
    	background-color : #898989;
        border-bottom:1px solid #fff;
    }
    
    a.mainlevelActive:hover {
    	text-decoration: none;
    	color: #fff;
    }
    
    
	.referenz {
		width:100%;
		float:left;
		margin-right:0%;
		margin-bottom:2.5%;
		height: 200px;
		overflow:hidden;
	}
}