* {
	padding:0;
	margin:0;
}
html, body {
	height:100%;
}
body {
	background-color:#c8c9c9;
	font-family:Arial, sans-serif;
}
header, nav, main, footer {
	display:block;
}
a {
	color:#000;
}
h1 {
	font-size:1.5em;
	margin-bottom:0.8em;
}
p {
	line-height:1.3;
	margin-bottom:0.5em;
}
#main ul {
	margin-left:2em;
}
#main li {
	margin:0 0 0.3em 12px;
}
.li_gross li {
	margin-bottom:1em!important;
}

/*kleinste Größe*/
#blau {
	display:none;
}
#box {
	width:98%;
	max-width:916px;
	margin:0 auto;
	padding:0 1%;
	background-color:#fff;
}
#logo {
	width:94%;
	height:auto;
	display:block;
	margin:0 auto;
	padding:12px 0;
}

header h2 {
	color:#15317a;
	font-weight:normal;
	text-align:center;
	font-size:1em;
	line-height:1.5;
	margin:8px 4px;
}
header p {
	font-size:0.8em;
}
#menubox {
	float:right;
	color:#15317a;
	text-align:center;
	margin-bottom:18px;
}

#menubox a {
	color:#15317a;
}
#dafbox {
	width:30%;
	float:left;
	clear:both;
	margin:0 0 0 4%;

}
#ivecobox {
	width:36%;
	float:right;
	margin:0 4% 0 0;
}
#iveco_logo {
	width:100%;
}
#daf_foto, #iveco_foto {
	display:none;
}
nav {
	display:none;
}
#nav2 a {
	text-decoration:none;
	display:block;
	color:#15317a;
	border-bottom:1px solid #15317a;
	margin:12px 0;
	padding:8px 0 8px 16px;
}

#main {
	margin-top:20px;
}
.partner td {
	padding:8px 16px 8px 0;
	vertical-align:middle;
}
footer {
	clear:both;
	padding:20px 0;	
}
footer p {
	text-align:center;
	font-style:italic;
}
footer a {
	color:#000;
}
.clear  {
	clear:both;
}
.zentriert {
	text-align:center;
}
.box180{
	width:100%;
	max-width:180px;
	margin:1em auto;
	display:block;
}
.box260{
	width:100%;
	max-width:260px;
	margin:1em auto;
	display:block;
}
.box300 {
	width:100%;
	max-width:300px;
	margin:1em auto;
}
.fll, .fll-abstand {
	float:left;

}
.fll-abstand {
	margin-right:20px;
}
.smalltop20 {
	margin-top:20px;
}
.top2040{
	margin-top:20px;
}
.zentriert {
	display:block;
	margin:0 auto;
}
.max100 {
	max-width:100%;
}
@media all and (min-width:640px) {
#dafbox {
	width:34%;
}

#daf_foto, #iveco_foto {
	display:block;
	width:100%;
}
.box180 {
	float:left;
	width:30%;
}
.box260 {
	float:left;
	width:45%;
}
.box300 {
	float:right;
	margin:0 0 1em 0;
	width:48%;
}
.smalltop20 {
	margin-top:0;
}
.top2040 {
	margin-top:40px;
}
.rechts5pr {
	margin-right:5%;
}
}


@media all and (min-width:780px) {
#box {
	width:100%;
	min-height:100%;
	overflow:auto;
	padding:0;
}
#box2 {
	background-color:#fff;
	height:100vh;
}
#menubox {
	display:none;
}

#blissenbox {
	width:42%;
	height:172px;
	float:left;
	margin-top:86px;
	background-color:#e1e1e1;
}
#logo {
	width:76%;
	margin-top:60px;
}
header h2 {
	font-size:0.8em;
}
#dafbox, #ivecobox {
	width:29%;
	float:left;
	margin:0;
	clear:none;
}
#dafbox {
	margin-top:58px;
}
#daf_logo {
	width:40%;
}
#ivecobox {
	margin-top:59px;
}
#iveco_logo {
	width:50%;
}

header p {
	float:right;
	margin:6px 6px 0 0;
	font-size:1em;
}

nav {
	display:block;
	float:left;
	width:22%;
	margin:90px 0 0 4%;
	background-color:#fff;
}
nav ul li {
	list-style:none;
	
}
nav a {
	text-decoration:none;
	display:block;
	color:#15317a;
	border-bottom:1px solid #15317a;
	margin:8px 0;
	padding:4px 0 4px 16px;
}
#aktiv, nav a:hover {
	background-image:url(../grafik/bullet.jpg);
	background-repeat:no-repeat;
}
#main {
	float:left;
	width:60%;
	margin:40px 6% 5% 6%;
	background-color:#fff;
	
}
.partner td {
	padding:8px 36px 8px 0;
}

footer {
	display:none;
}
}

@media all and (min-width:800px) {
#blissenbox {
	margin-top:87px;
	height:176px;
}
}

@media all and (min-width:820px) {
#blissenbox {
	margin-top:88px;
	height:180px;
}
}

@media all and (min-width:860px) {
#blissenbox {
	margin-top:90px;
	height:188px;
}
}

@media all and (min-width:880px) {
#blissenbox {
	height:192px;
}
}

@media all and (min-width:900px) {
#blissenbox {
	height:198px;
}
}
@media all and (min-width:920px) {
#blissenbox {
	margin-top:90px;
	height:201px;
}
#dafbox {
	margin-top:57px;
}
}

@media all and (min-width:980px) {
#blau {
	position:absolute;
	z-index:-5;
	display:block;
	width:100%;
	height:201px;
	top:90px;
	background-color:#15317a;
}
#box {
	padding:0 8px;
	background-image:url(../grafik/rand_li.png), url(../grafik/rand_re.png);
	background-position:left, right;
	background-repeat:repeat-y, repeat-y;
	background-color:transparent;
	
}
#box2 {
	height:100%;
	overflow:auto;
}
nav {

	width:20%;
}
#main {
	float:left;
	width:62%;
	margin:40px 6% 5% 6%;
	min-height:60vh;
	
}
.tellink {
	text-decoration:none;
}



}