/* ====================================================================
 * Stylesheet für die Internetseite des Stuckateurbetriebs Widenhorn,
 * auf widenhorn-online.de.
 * Datei: main.css
 * Datum: 20.10.2014
 * Autor: Matthias Stefan
 * Aufbau: 	1. Allgemeine Styles
 * ==================================================================*/

 @font-face {
   font-family: Vollkorn;
   local: Vollkorn;
   src: url(\../fonts/Vollkorn-Regular.ttf);
   }
/* ====================================================================
 1. Allgemeine Styles */

/* Calibration of spaces*/
 *{
	padding: 0;
	margin: 0;
}

body{
	background-color: #FFFFFF;
	font-family: Vollkorn, Verdana, Arial;
}
h1{
	margin-top: 5px;
	margin-bottom: 5px;

}
p{
	margin-bottom: 7px;
}
a{
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
div.complete_site{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #EEEEEE;
	margin-top: 15px;

    border-radius: 25px;
    -moz-border-radius: 25px;
}
div.content{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	}

.clearing{ clear:both; }

.clear {
  clear: both;
  line-height: 0;
  font-size: 0;
}

div.right{
	float:right;
}
div.left{
	float:left;
}

/* ====================================================================
 * 2.Top-Styles */
div.top{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #DDDDDD;
	height: 150px;
	border: 5px solid #DDDDDD;
    border-radius: 25px 25px 0px 0px;
    -moz-border-radius: 25px 25px 0px 0px;
}
img.title{
	float:left;
	margin-right: 10px;
}
div.top_name{
	font-family: Verdana;
	padding-left: 10px;
}
/******************************Menue**********************************/
div.menue{
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
}
div.menue_point{
	display: inline;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 32px;
	padding-right: 32px;
	background-color: #DDDDDD;
    border-radius: 5px;
    -moz-border-radius: 25px 25px 0px 0px;

    /*Its for a second Line in Menue*/
    line-height: 50px;
}
div.menue_point.active_site{
	background-image: url(\../img/logo_small_black_border.png);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #BBBBBB;
}
a:hover div.menue_point.site{
	background-image: url(\../img/logo_small_orange_border.png);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #FEC20D;
}
a:hover div.menue_point.active_site{
	background-image: url(\../img/logo_small_black_border.png);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #EDB10C;
}

/* ====================================================================
 * 3. Conent-Styles */
div.content{
	margin-top:15px;
}
div.content a:hover{
	text-decoration: underline;
}
div.two{
	padding: 10px;
}
div.two_first{
	width: 45%;
	float: left;
	margin-right: 5px;
}
div.two_first h1{
	font-size: 150%;
}
div.two_first h2{
	font-size: 110%;
}
div.two_second h2{
	font-size: 110%;
}
div.two_second li{
	margin-left: 15px;
}
div.two_second{
	width: 45%;
	float: left;
	margin-left: 10px;
}
div.two_second h1{
	font-size: 150%;
}
div.seperation{
	width: 5px;
	height:300px;
	float: left;
	background-color: #999999;
}
div.content div.notice{
	text-align: center;
	margin-bottom: 10px;
	margin-right: 30px;
	margin-left: 30px;
	border: 2px solid #CCC;
	border-radius: 5px;
	padding-top:10px;
	background-color: #FFE42F;
}

/***********************List with Pictures*****************************/
div.list_pict{
	width: 80%;
}
div.list_pict img{
	float:right;
	border: 3px solid #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 3px;
	position: static;
	width: 250px;
}
div.list_pict a{
	font-style:italic;
	color: #777;
}
div.list_pict a:hover img{
	border: 3px solid #FEC20D;
}
div.list_pict li{
	margin-bottom: 10px;
	position: relative;
	margin-left: 15px;
	list-style-type: none;
	border-bottom: 2px solid #666;
}
div.list_pict li p{
	width: 490px;
}

/******************************Start***********************************/
 .start_slider{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
div.slide_background{
	width:960px;
	height:300px;
}
div.slide_description h1{
	margin-left: 15px;
	margin-right: 15px;
}
div.slide_description h2{
	margin-top: 120px;
	margin-left: 15px;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
}
div.slide_description p{
	font-size: 70%;
	margin-left: 20px;
	margin-top: 10px;
}

/******************************Kontakt*********************************/
div.formular td{
	text-align: right;
	vertical-align: top;
}

 input[type="text"], input[type="email"], input[type="tel"], textarea{
	width:280px;
	padding: 0.5px;
	margin-bottom:10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 2px solid #AAAAAA;
}
 input[type="checkbox"]{
	margin-right: 20px;
	margin-left: 15px;
}
input:focus, textarea:focus{
	border: 2px solid #FEC20D;
}
div.samerow label{
	display:inline;
}
input#plz{
	display:inline;
	width: 60px;
}
input#location{
	display:inline;
	width:210px;
}

input[type="submit"]{
	margin-right: 100px;
}
/*******************************history********************************/
div.timeline-wrapper a{
	font-weight: bold;
}
/*******************************billing category***********************/
div.bil_cat td{
	width: 33%;
	vertical-align: top;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}
/*******************************Partner********************************/
div.partner img{
	max-height: 100px;
	max-width: 300px;
}
div.partner td{
	padding-bottom: 15px;
}
div.partner td.logo{
	text-align: right;
}
div.partner td.middle{
	width: 2px;
	background-color: #666;
}
div.partner th{
	border-bottom: 2px solid #666;
}
div.partner col.logo{
	width: 30%;
}
div.partner a:hover img{
	border-left: 5px solid  #FFE42F;
}
/******************************before_and_after************************/
div.before_and_after div{
	text-align: center;
}
div.before_and_after div.description{
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 2px solid #AAAAAA;
	padding: 5px;
	background-color: white;
}
div.before_and_after a img{
	border: 3px solid white;
}s
div.before_and_after a:hover img{
	border: 3px solid #FEC20D;
}
/*****************************Impress**********************************/
div.impress h2{
	margin-top:30px;
}

/*****************************Recruitment*******************************/
.recruitment__img {
  max-width: 400px;
}

/******************************Jubiläum********************************/
.jubiläum__img {
  max-width: 100%;
}

.description_jub {
  border-radius: 3px;
  -moz-border-radius: 3px;
  border: 2px solid #AAAAAA;
  padding: 5px;
  background-color: white;
  font-style: italic;
}


/* ====================================================================
 * 4. Footer-Styles */
div.footer{
	background-color: #999999;
	color: #292929;
	padding-left: 25px;
	padding-top: 10px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size:80%:;
	text-align:center;
	border: 5px solid #999999;
    border-radius: 0px 0px 25px 25px;
    -moz-border-radius: 0px 0px 25px 25px;
}
div.footer p{
	padding-right: 2px;
	margin-left: 2px;
}
div.footer a{
	color: #292929;
}
div.footer a:hover{
	text-decoration:underline;
}
/* ====================================================================
 * 5. Popup-Styles */
 div.venobox_pic_solo a{
	data-overlay:"rgba(0,0,0.5,0.5)";
 }