/* CSS Document */
/*
Theme Name: Öltank prüfung Rheinland
Theme URI: 
Description: Site web
Version: 1.0
Author URI: https://visionwebproject.de
*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
    font-family: 'Verdana';
    src: url('fonts/Verdana.eot');
    src: url('fonts/Verdana.eot?#iefix') format('embedded-opentype'),
        url('fonts/Verdana.woff2') format('woff2'),
        url('fonts/Verdana.woff') format('woff'),
        url('fonts/Verdana.ttf') format('truetype'),
        url('fonts/Verdana.svg#Verdana') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    font:normal 14px/18px 'Verdana', sans-serif;
	background:#fff;
	color:#3e3e3e;
}
#welcome{
	margin:5% 0px;	
	margin-top:2%;
}
.verde{
	color:#8bba17;
	margin:5px 0px 15px 0px;
}
.bblack{
	background:#fff;
	padding:2px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.bgimg{
	max-width:350px;
	margin:0px auto;
	text-align:right;
}
.logo{
	max-width:288px;
	margin:0px auto;
}
.datos{
	padding-left:0px;
}
.datos li{
	list-style:none;
	padding-left:35px;
	margin-bottom:5px;
}
.datos .phone{
	background:url(img/phone.png) 0px 0px no-repeat;
	background-size:auto 100%;
}
.datos .email{
	background:url(img/email.png) 0px 0px no-repeat;
	background-size:auto 100%;
}
#pie{
	background:#8bba18;
	color:#fff;
	padding:5% 0px;
	padding-top:2%;
	font-family:'Roboto';

}
#pie hr{
	border:1px solid #2860bf
}
#pie a{
	color:#fff;
}
#pie .datos .phone{
	background:url(img/phonef.png) 0px 0px no-repeat;
	background-size:auto 100%;
}
#pie .datos .email{
	background:url(img/emailf.png) 0px 0px no-repeat;
	background-size:auto 100%;
}
.tableg{
	font-size:13px;
	line-height:16px;
	border:1px solid #8bba18;
	margin:10px auto;
	margin-bottom:15px; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	font-family:'Roboto';
	max-width:850px;
}
.tableg table{
	margin:0px !important;
}
.tableg .table-bordered td, .tableg .table-bordered th{
	border:1px solid #f6f6f6;
	padding:5px 2px;
}
#tabla, #message{
	margin:5% 0px;
}
#tabla hr{
	border:1px solid #2860bf
}
#message hr{
	border:1px solid #8cba19
}
#message h3{
	color:#8cba19;
	margin:25px 0px;
	font-weight:bold;
	font-size:24px;
	line-height:30px;
}
#tabla h3{
	color:#05599a;
	margin:25px 0px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	line-height:30px;
	padding-bottom:5px;
	margin-bottom:5px;
}
#tabla h4{
	text-align:center;
	font-weight:bold;
	color:#000;
	margin:15px 0px;
	margin-bottom:15px;
	font-size:16px;
	line-height:17px;
}
.nomovil{
	display:none
}
@media screen and (min-width: 768px) {
    .movil {
        display:none
    }
	.nomovil{
		display:block;
	}
}

#cookies {background:#000;background:rgba(0,0,0,.75);box-shadow:0 -1px 5px rgba(0,0,0,0.75);color:#FFF;position:fixed;bottom:0;left:0;right:0;text-align:right;padding:.5em 10em .5em .5em;display:none;}
#cookies a {color:#009EE2;transition:all .2s ease;} #cookies a:hover {color:#6AD4FF;}
#cookies .accept {border:1px solid #009EE2;padding:.25em .75em;position:absolute;right:.5em;top:.75em;}
#cookies .accept:hover {border-color:#FFF;color:#FFF;}
@media screen and (max-width:768px) {
	#cookies {padding:.5em .5em 3em;text-align:justify;}
	#cookies .accept {top:auto;bottom:.5em;right:50%;transform:translateX(50%);}
}