/* CSS-Datei style.css der ebfm */

* {
	margin: 0;
	padding: 0;
}

html {
	min-height: 101%;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Helvetica,sans-serif;
}

body {
	background-color: #ECEEF0;
}

.hauptspalte {
	width: 1024px;
	display: block;
	margin: 0 auto;
	box-shadow: 8px 0px 4px -4px rgb(170, 170, 170), -8px 0px 4px -4px rgb(170, 170, 170);
	-webkit-box-shadow: 8px 0px 4px -4px rgb(170, 170, 170), -8px 0px 4px -4px rgb(170, 170, 170);
	-moz-box-shadow: 8px 0px 4px -4px rgb(170, 170, 170), -8px 0px 4px -4px rgb(170, 170, 170);
	-o-box-shadow: 8px 0px 4px -4px rgb(170, 170, 170), -8px 0px 4px -4px rgb(170, 170, 170);
	background-color: #FFFFFF;
}

header {
	background: url("/banner.jpg") no-repeat right top;
	background-size: 1024px 250px;
	height: 250px;
	color: black;
	text-align: left;
	vertical-align: middle;
}

nav ul {
	list-style: none;
	float: left;
	padding: 0;
	width: 1024px;
	background-color: #009933;
	/*font-family: Arial;*/
}

nav li {
	float: left;
	padding: 0;
}

nav li a {
	/*display: block;*/
	text-decoration: none;
	color: #FFFFFF;
	height: 50px;
	padding: 0px 15px;
	display: flex;
	flex-direction: row;
  	align-items: center;	
  	font-weight: bold;
  	font-size:large;
}

nav li a:hover {
	background-color: #006600;
}


#home #nav_home a,
#werwirsind #nav_werwirsind a,
#unsereleistungen #nav_unsereleistungen a,
#fachinformationen #nav_fachinformationen a,
#unserberaternetzwerk #nav_unserberaternetzwerk a,
#referenzen #nav_referenzen a,
#kontakt #nav_kontakt a,
#impressum #nav_impressum a {
	background-color: #006600;
	cursor: default;
}

section {
	/*padding: 2em;*/
	padding: 20px 35px;
}

section h1, h2, h3, p, ul {
  	padding-bottom: .7em;
}

section ul {
  	padding-left: 2em;
}

h1 {
	font-size: large;
	font-weight: bold;

}

h2 {
	font-size: medium;
	font-weight: bold;
}

.kopfzeile {
	border-bottom: solid #006600 7px;
	margin-bottom:15px;
	padding-left: 15px;
	padding-top: 35px;
}

.zwischenzeile {
	border: solid #006600 1px;
}

.kopfzeile_text {
	display: block;
	margin:30px 0px 15px;
	padding:0;
	border:0;
	font-size:large;
	font-weight:bold;
}

.footer {
	background-color: #006600;
	color:white;
	height:50px;
	margin-bottom:20px;
	padding:5px 0px 0px 50px;
}

.footer_text {
	float:left;
	font-size:small;
	/*width:300px;*/
}

.aufbau {
	text-align: center;
}

.uleistungen_zeile {
	width: 954px;
	height: 120px;
	/*border: 2px black solid;*/
	/*margin-left: 50px;*/
	margin-top: 35px;
	box-shadow: 0px 0px 3px 4px #c3c3c3;
	-webkit-box-shadow: 0px 0px 3px 4px #c3c3c3;
	-moz-box-shadow: 0px 0px 3px 4px #c3c3c3;
	-o-box-shadow: 0px 0px 3px 4px #c3c3c3;
}

.uleistungen_zeile a {
	text-decoration: none;
	color: #000000;
	/*height: 50px;	*/
}

.uleistungen_zeile:hover {
	/*hilfsweise auf Klasse verwiesen -> später ".fotobox a:hover" ändern, damit nur Links vorgehoben werden*/
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
	position:relative;
	z-index:5;

}

.uleistungen_bildspalte {
	width: 160px;
	height: 120px;
	float: left;
	margin-right: 15px;		/*wegen float:left erfolgt die Definition des inneren linken Abstands der Textbox hier*/
	border-right: 2px #009933 solid; 
	background-size: 160px 120px;
    background-repeat: no-repeat;
}

.uleistungen_textspalte {
	height: 120px;
	padding-top: 7px;
	margin-right: 5px;
	/*background-color: #DFDFDF;*/
}

.uleistungen_text_uschrift {
	font-size: large;
	font-weight: bold;
}

.uleistungen_text {
	font-size: small;
}

.uleistungen_link {
	font-size: small;
}

.uleistungen_bild {
	width: 160px;
	height: 120px;
}

.fotobox {
	-webkit-box-shadow: 5px 5px 3px 2px #c3c3c3;
	-moz-box-shadow: 5px 5px 3px 2px #c3c3c3;
	-o-box-shadow: 5px 5px 3px 2px #c3c3c3;
	box-shadow: 5px 5px 3px 2px #c3c3c3;
	margin: 0px 50px;
	float: left;
	text-align: center;
	font-weight: bold;
	/*width: 200px;*/
}

.fotobox:hover {
	/*hilfsweise auf Klasse verwiesen -> später ".fotobox a:hover" ändern, damit nur Links vorgehoben werden*/
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	position:relative;
	z-index:5;
}

.fotobox_gruender_gesamt {
	box-shadow: 0px 0px 3px 4px #c3c3c3;
	-webkit-box-shadow: 0px 0px 3px 4px #c3c3c3;
	-moz-box-shadow: 0px 0px 3px 4px #c3c3c3;
	-o-box-shadow: 0px 0px 3px 4px #c3c3c3;
	margin: 0px 50px;
	display: block;
	margin-left: auto; 
	margin-right: auto;
	height: 400px;
}

.fotobox_gruender_einzeln {
	width: 150px; /*eigentlich 150px*/
	height: 225px;
	float: right;
	margin-bottom: 15px;
	margin-left: 40px;
	padding: 0px;
	background-size: 150px;
    background-repeat: no-repeat;
   	box-shadow: 0px 0px 3px 4px #c3c3c3;
	-webkit-box-shadow: 0px 0px 3px 4px #c3c3c3;
	-moz-box-shadow: 0px 0px 3px 4px #c3c3c3;
	-o-box-shadow: 0px 0px 3px 4px #c3c3c3;	
}

.fotobox_gruender_einzeln_alt {
	width: 150px; /*eigentlich 150px*/
	height: 225px;
	float: right;
	margin-bottom: 15px;
	margin-left: 40px;
	padding: 0px;
	background-size: 100px;
    background-repeat: no-repeat;
    background:url('sebastian_wutschka_01_klein.jpg');
/*    box-shadow: 0px 0px 3px 4px #c3c3c3;
	-webkit-box-shadow: 0px 0px 3px 4px #c3c3c3;
	-moz-box-shadow: 0px 0px 3px 4px #c3c3c3;
	-o-box-shadow: 0px 0px 3px 4px #c3c3c3;*/
	
}

.fotobox_fachinformation {
	width: 150px; /*eigentlich 150px*/
	height: 200px;
	float: right;
	/*margin-bottom: 25px;*/
	margin-top: 30px;
	margin-left: 40px;
	padding: 0px;
	background-size: 150 200;
    background-repeat: no-repeat;
   	box-shadow: 0px 0px 3px 4px #c3c3c3;
	-webkit-box-shadow: 0px 0px 3px 4px #c3c3c3;
	-moz-box-shadow: 0px 0px 3px 4px #c3c3c3;
	-o-box-shadow: 0px 0px 3px 4px #c3c3c3;	
}

.fotobox_fachinformation:hover {
	/*hilfsweise auf Klasse verwiesen -> später ".fotobox a:hover" ändern, damit nur Links vorgehoben werden*/
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	position:relative;
	z-index:5;
}


.foto_gruender_einzeln {
	width: 150px;
	height: 225px;
}

.impressum_h2 {
	font-size: large;
	font-weight:bold;
}

.impressum_h3 {
	font-size: large;
	text-decoration: underline;
	font-weight: normal;
}

.linker_rand {
	float: left;
	display: block;
	background-color: #F0F0F0;
	width: auto;
}

.rechter_rand {
	float: right;
	display: block;
	background-color: #F0F0F0;
}

/* Kontaktformular */
form {
	background-color: #eee;
	width: 914px;
	padding: 20px;
	border: 1px solid #8c8c8c;
}

label {
	display: block;
	cursor: pointer; /* Mauszeiger als Hand darstellen */
}

textarea {
	height: 7em;
}


.fotos_mitte {
	text-align: center;
	font-weight: bold;
	font-size: small;
}

.email_link {
	font-weight: bold;
	text-decoration: none;
	color: #009933;
	/*color: #006600;*/
}

.pdf_link {
	font-weight: bold;
	text-decoration: none;
	color: #009933;
	/*color: #006600;*/
}