@charset "UTF-8";
/* CSS von Blenn_Solutions */

body{	width: 100%;	margin: 0px; top: 0px; font-family: 'Open Sans', sans-serif;}

h1 { text-align: left; Color: #FFF; margin:0; padding:0; }
h2 { text-align: left; Color: #3A4B9F; margin:0; padding:0; }

#banner {margin-top:30vh; width: 30%;background-color:#29789E;margin-left:3%; padding:1%; position:absolute;  border-radius: 5px; box-shadow: 0px 10px 5px #888;}

.nav {width: 100%; z-index: 1000; height: 40px;	position: fixed; right: 0; background: #FFF; box-shadow: 0px 10px 5px #888;}
.navbox {font-weight: 100; float: left; }
.navbox a:link,a:visited   { font-weight: 100; color: #663AFF; font-size:1.2em; text-decoration:none; -webkit-transition: all 1.4s ease 0s; -moz-transition: all 1.4s ease 0s;	-ms-transition: all 1.4s ease 0s; -o-transition: all 1.4s ease 0s; transition: all 1.4s ease 0s;}
.navbox a:hover   { font-size: 1.9 rem; font-weight: 300; color: #FFF; background:#96ACF6; font-size:1.4em;}

.dynbild { width:100%; height: auto; }
.dynref { width:100%; height: auto; }
.dynref:hover { width:150%; height: auto; z-index:99;-webkit-transition: all 1.4s ease 0s; -moz-transition: all 1.4s ease 0s;	-ms-transition: all 1.4s ease 0s; -o-transition: all 1.4s ease 0s; transition: all 1.4s ease 0s}
.dynbutton { width:auto; height: 40px; vertical-align:middle;}
.dynnav { height:100%; float:left; vertical-align:text-top;}

.title {margin-top:90vh; background:#166B93; float:left; height:55px; white-space:nowrap; width:70%}
.titleright {margin-top:90vh;height:55px;}

.whiteleft {width:30%; float:left; background: #FFF; height:100%; padding-top:55px;}

.whiteback{
float:left;
width:68%; 
padding: 50px 1% 1% 1%;
font-size: 1.1 em; 
font	-weight: 100; 
color: #000;
background: #FFF; 
text-align: justify; 
margin:0;
}

.inhaltlinks {
    margin:0px;
    margin-right:1%;
    padding: 0px 0px 0px 10px;
    display: table;
    position: relative;
    width:40%;
    background-size: cover;
    float:left;
    
}

.implinks {
    margin:0px;
    margin-right:1%;
    padding: 0px;
    margin-top: 60px;
    padding-left: 1%;
    background-color: #FFF;
    position: relative;
    width:50%;
    background-size: cover;
    float:left;
    z-index:2;
    
}


.inhaltrechts{
    margin:0px;
    padding: 0 0 0 2%;
    background-color: #FFF;
}




.kopf {
    margin:0px;
    padding: 0px;
    background-attachment: fixed;
    background-image: url("rolle_back.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    position: relative;
    width: auto;
    background-size: cover;
    
}

.webref {
    margin:0px;
    padding: 0px;
    background-attachment: fixed;
    background-image: url("rolle_webref.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    position: relative;
    width: auto;
    background-size: cover;
    
}

.aktion {
    margin:0px;
    padding: 0px;
    background-attachment: fixed;
    background-image: url("rolle_aktion.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    position: relative;
    width: auto;
    background-size: cover;
    
}


.netz {

	 width: 100%;
	 background: url(rolle_netz.jpg) no-repeat center center fixed; 
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	display: table;

}

.web {
	display: table;
	 width: 100%;
	 background: url(rolle_web.jpg) no-repeat center center fixed; 
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}

.facebook {
	display: table;
	height: 100%;
	 width: 100%;
	 background: url(facebook.jpg) no-repeat center center fixed; 
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}

.video {
	display: table;
	height: 100%;
	 width: 100%;
	 background: url(rolle_video.jpg) no-repeat center center fixed; 
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}

.ausbildung {

	 width: 100%;
	 background: url(facebook.jpg) no-repeat center center fixed; 
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	display: table;

}

.container {
    	background-color: #FFF;
	overflow: hidden;

}