/*
Theme Name: Architekturbüro Hoyer
Theme URI: http://wordpress.org/
Description: Architekturbüro Hoyer
Version: 1.0
Author: VERDURE Medienteam
Author URI: http://www.verdure.de
Text Domain: Hoyer
*/



/**************************** TAGS ****************************/

*{	
	margin:0px;
	padding:0px;
	border:none;
	list-style:none;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#3d3d3d;
	background-color:#2f2f2f;
	-webkit-text-size-adjust: none;
	}

p{
	padding:0px 0px 25px 0px;
	margin:0px;
	}

a{
	color:#fb5d16;
	text-decoration:none;
	outline-style:none;
	}
	
a:hover{
	color:#fb5d16;
	text-decoration:underline;
	outline-style:none;
	}

h1{
	background-color:#2f2f2f;
	padding:7px 8px 9px;
	font-size:28px;
	font-weight:bold;
	color:#fb5d16;
	display:inline;
	position:absolute;
	top:15px;
	left:10px;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	}

h2{
	background-color:#2f2f2f;
	padding:6px 9px;
	font-weight:bold;
	font-size:22px;
	color:#fff;
	display:inline;
	position:absolute;
	top:44px;
	left:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	}

h3{
	color:#fb5d16;
	padding:0 0 10px 0;
	margin:0px;
	font-size:16px;
	font-weight:bold;
	}

h4{
	color:#fb5d16;
	padding:0 0 0px 0;
	margin:0px;
	font-size:14px;
	font-weight:normal;
	}
	
h5{
	color:#fb5d16;
	padding:0 0 0px 0;
	margin:0px;
	font-size:16px;
	font-weight:bold;
	}

ul.liste{	margin:0px 0 20px 20px;}


ul.liste li{
	background-image:url(images/li_element.gif);
	background-repeat:no-repeat;
	background-position:left 10px;
	padding:6px 0px 6px 18px;
	line-height:18px;
	}
	
ol li{

	padding:6px 0 6px 0px;
	line-height:16px;
	list-style-type:decimal;
	}
	
ol {
	margin:0 0 15px 40px;
	}
	

/**************************** DIV's ****************************/
.clear{
	clear:both;
	}
	
.box{
	width:100%;
	background-color:#fff;
	text-align:center;
	padding:0 0 20px 0;
	}
	
.box_footer{
	width:100%;
	text-align:center;
	padding:0 0 60px 0;
	background:url(images/dot_footer.gif) top repeat-x;
	}
	
.box_kontakt{
	width:100%;
	background-color:#fff;
	text-align:center;
	padding:0 0 0px 0;
	}
	
#HEADER{
	width:900px;
	height:80px;
	background:url(images/dot.gif) bottom repeat-x;
	margin:0px auto;
	}
	
#LOGO{
	width:370px;
	height:28px;
	padding:41px 0 0 0;
	float:left;
	}
	
ul#NAVI{
	float:left;
	margin:51px 0 0 46px;
	width:484px;
	}
	
#HEADER_IMG_SUB{
	width:900px;
	height:150px;
	background-image:url(images/header_sub.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	margin:0px auto 0 auto;
	padding:0px 0px 0px 0px;
	margin-top:-70px;
	}	

#HEADING{
	position:relative;
	text-align:left;
	margin:0px auto 0 auto;
	width:900px;
	height: 70px;
}
	
#HEADER_IMG_START{
	width:900px;
	height:320px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	}
	
#HEADER_IMG_BAUSTELLE{
	width:900px;
	height:320px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-image:url(images/header_start.jpg);
	}
	
#BESCHRIFTUNG{
	background-color:#2f2f2f;
	width:240px;
	height:80px;
	color:#fff;
	font-size:11px;
	line-height:20px;
	padding:7px;
	text-align:left;
	position:absolute;
	}

#CONTAINER_CONTENT{
	width:900px;
	margin:0px 0 0 0;
	background-color:#fff;
	margin:0px auto 0 auto;
	padding:20px 0px 0px 0px;
	text-align:left;
	overflow:hidden;
	}

#CONTENT{
	width:600px;
	float:left;
	}

#SUBNAVI{
	margin:0 0 0 40px;
	width:260px;
	float:left;
	}
	
*html #SUBNAVI{
	width:200px;
	}
	
#FOOTER{
	color:#fff;
	font-size:11px;
	width:900px;
	text-align:left;
	margin:0px auto;
	}
	
#FOOTER_BAU{
	color:#969696;
	font-size:11px;
	width:900px;
	text-align:left;
	margin:0px auto;
	padding:20px 0 0 0;
	}
	
#FORM{
	float:left;
	width: 430px;
	margin:20px 0 0 0;
	}

#ADDRESS{
	float:left;
	margin:20px 0 0 40px;
	width:130px;
	}
	
#TEL_MAIL{
	float:left;
	width:260px;
	margin:20px 0 0 40px;
	}
	
#FOOTER_END{
	clear:both;
	color:#969696;
	margin:0px 0 0 0;
	background:url(images/dot_footer_end.gif) top repeat-x;
	}
	
#FOOTER_END a{
	color:#969696;
	}
	
/**************************** NAVI ****************************/	
ul#NAVI li{
	float:left;
	padding:0 0px 0 20px;
	background-image:none;
	}
	
ul#NAVI li a span{
	display:none;
}

/************* NAVI_START *************/
ul#NAVI li.page-item-29 a{
	background-image:url("images/navi_start_normal.gif");
	background-repeat:no-repeat;
	width:41px;
	height:28px;
	display:block;
	}
	
ul#NAVI li.page-item-29 a:hover{
	background-image:url("images/navi_start_hover.gif");
	background-repeat:no-repeat;
	}

/* active */
html>body ul#NAVI li.page-item-29.current_page_item a, html>body ul#NAVI li.page-item-29.current_page_ancestor a{
	background-image:url("images/navi_start_hover.gif");
	background-repeat:no-repeat;
}


/************* NAVI_referenzen *************/
ul#NAVI li.page-item-14 a{
	background-image:url("images/navi_referenzen_normal.gif");
	background-repeat:no-repeat;
	width:79px;
	height:28px;
	display:block;
	}
	
ul#NAVI li.page-item-14 a:hover{
	background-image:url("images/navi_referenzen_hover.gif");
	background-repeat:no-repeat;
	}

/* active */
html>body ul#NAVI li.page-item-14.current_page_item a, html>body ul#NAVI li.page-item-14.current_page_ancestor a{
	background-image:url("images/navi_referenzen_hover.gif");
	background-repeat:no-repeat;
}

/************* NAVI_LEISTUNGEN *************/
ul#NAVI li.page-item-18 a{
	background-image:url("images/navi_leistungen_normal.gif");
	background-repeat:no-repeat;
	width:79px;
	height:28px;
	display:block;
	}
	
ul#NAVI li.page-item-18 a:hover{
	background-image:url("images/navi_leistungen_hover.gif");
	background-repeat:no-repeat;
	}

/* active */
html>body ul#NAVI li.page-item-18.current_page_item a, html>body ul#NAVI li.page-item-18.current_page_ancestor a{
	background-image:url("images/navi_leistungen_hover.gif");
	background-repeat:no-repeat;
}

/************* NAVI_TEAM *************/
ul#NAVI li.page-item-20 a{
	background-image:url("images/navi_team_normal.gif");
	background-repeat:no-repeat;
	width:38px;
	height:28px;
	display:block;
	}
	
ul#NAVI li.page-item-20 a:hover{
	background-image:url("images/navi_team_hover.gif");
	background-repeat:no-repeat;
	}

/* active */
html>body ul#NAVI li.page-item-20.current_page_item a, html>body ul#NAVI li.page-item-20.current_page_ancestor a{
	background-image:url("images/navi_team_hover.gif");
	background-repeat:no-repeat;
}


/************* NAVI_WEBLINKS *************/
ul#NAVI li.page-item-24 a{
	background-image:url("images/navi_weblinks_normal.gif");
	background-repeat:no-repeat;
	width:68px;
	height:28px;
	display:block;
	}
	
ul#NAVI li.page-item-24 a:hover{
	background-image:url("images/navi_weblinks_hover.gif");
	background-repeat:no-repeat;
	}

/* active */
html>body ul#NAVI li.page-item-24.current_page_item a, html>body ul#NAVI li.page-item-24.current_page_ancestor a{
	background-image:url("images/navi_weblinks_hover.gif");
	background-repeat:no-repeat;
}


/************* NAVI_KONTAKT *************/
ul#NAVI li.page-item-26 a{
	background-image:url("images/navi_kontakt_normal.gif");
	background-repeat:no-repeat;
	width:59px;
	height:28px;
	display:block;
	}
	
ul#NAVI li.page-item-26 a:hover{
	background-image:url("images/navi_kontakt_hover.gif");
	background-repeat:no-repeat;
	}

/* active */
html>body ul#NAVI li.page-item-26.current_page_item a, html>body ul#NAVI li.page-item-26.current_page_ancestor a{
	background-image:url("images/navi_kontakt_hover.gif");
	background-repeat:no-repeat;
}




/**************************** SUBNAVI ****************************/	
ul#SUBNAVI li{
	list-style-image:none;
	margin:0px;
	padding:0px;
	display:inline;/*IE 6*/
	}

ul#SUBNAVI li a{
	display:block;
	color:#2f2f2f;
	font-weight:bold;
	background:url(images/dot.gif) bottom repeat-x;
	padding:3px 0 4px 10px;
	}

ul#SUBNAVI li a:hover{
	color:#fff;
	background-color:#2f2f2f;
	text-decoration:none;
	}

/* aktiv: */
ul#SUBNAVI li.current_page_item a{
	color:#fff;
	background-color:#2f2f2f;
	text-decoration:none;
	}

/* wenn auf unterseite auch aktiv: */
ul#SUBNAVI li.current_page_ancestor a{
	color:#fff;
	background-color:#2f2f2f;
	text-decoration:none;
	}

	
/**************************** SUB-SUBNAVI ****************************/	
ul#SUBNAVI li ul li{
	list-style-image:none;
	margin:0px;
	padding:0px;
	display:inline;/*IE 6*/
	}

/* normaler zustand */
ul#SUBNAVI li ul li a{
	display:block;
	color:#2f2f2f;
	font-weight:normal;
	background:url(images/dot_subsubnavi.gif) bottom repeat-x;
	padding:3px 0 4px 45px;
	}

/* normaler zustand, für das eltern-element zwist */
ul#SUBNAVI li.current_page_item ul li a{
	display:block;
	color:#2f2f2f;
	font-weight:normal;
	background:url(images/dot_subsubnavi.gif) bottom repeat-x;
	padding:3px 0 4px 45px;
	}
	
/* normaler zustand, wenn das eltern-element auch aktiv */
ul#SUBNAVI li.current_page_ancestor ul li a{
	display:block;
	color:#2f2f2f;
	font-weight:normal;
	background:url(images/dot_subsubnavi.gif) bottom repeat-x;
	padding:3px 0 4px 45px;
	}



ul#SUBNAVI li ul li a:hover{
	color:#fb5d16;
	background-color:#f2f2f2;
	text-decoration:none;
	background:url(images/dot_subsubnavi_hover.gif) bottom repeat-x;
	padding:3px 0 4px 45px;
	}

ul#SUBNAVI li ul li.current_page_item a{
	color:#fb5d16;
	background-color:#f2f2f2;
	text-decoration:none;
	background:url(images/dot_subsubnavi_hover.gif) bottom repeat-x;
	padding:3px 0 4px 45px;
	}


	
	
/**************************** FORM ****************************/	
#FORM label{
	color:#fff;
	font-size:11px;
}

	
#FORM input{
	border:1px solid #000000;
	width:191px;
	height:20px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px 2px 0 4px;
}

#FORM textarea{
	border:1px solid #000000;
	width:191px;
	height:69px;	
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px 2px 0 4px;

}
	
#FORM .btn_submit{
	color:#fff;
	font-weight:bold;
	background:url(images/btn_submit_hover.gif) no-repeat 65px 9px; 
	cursor:pointer;
	padding:0 0 0 0px;
	border:none;
	position:relative;
	left:83px;
}

#FORM .btn_submit:hover{
	text-decoration:none;
	color:#fb5d16;
}

#FORM .error input,
#FORM .error textarea {
	border: 1px solid #fb5d16;	
	background-color: #fedfd0;
}

#FORM span.wpcf7-not-valid-tip-no-ajax,
#FORM div.wpcf7-validation-errors { display: none; }

#FORM div.wpcf7-mail-sent-ok { color: #fb5d16; }

/**************************** Sonstiges ****************************/
.mehr a{
	font-size: 9px;
	background-image:url(images/mehr.gif);
	background-repeat:no-repeat;
	background-position:25px 4px;
	padding:0 10px 0 0;
	margin:0 0 0 10px;
	}
	
.preload_images_cont{
	display:none;
	}
	


/**************************** MAP ****************************/	
#mappress0{
	margin-top:0px;
	text-align:left;
	margin:0px 0 40px 0;
	padding:0px 0 0px 0;
	}


#mappress0 input{
	height:20px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 2px 4px 4px;
	margin:10px 2px 0 2px;
	background-color:#fff;
	color:#000;
	border:1px solid #000000;
	} 

#daddr, #saddr{
	border:1px solid #000000;
	width:150px;
	height:25px;
	padding:2px 2px 4px 4px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	}

#mappress0_daddr, #mappress0_saddr{
	border:1px solid #000000;
	width:150px;
	height:25px;
	padding:2px 2px 4px 4px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	}
	
.mapp-poweredby{
	display:none;
	}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/**************************** projektuebersicht ****************************/	
	
.projekt{
	width:300px;
	float:left;
	margin:0 0 0 0px;
	}

.wp-oembed{
	position:relative;
	top:26px;
	left:175px;
	font-size:9px;
	color:#fb5d16;
	text-decoration:none;
	background-color:#2f2f2f;
	width:78px;
	height:21px;
	padding:4px 6px 3px 6px;
	font-size:9px;
	}
		
.projekt{
	width:260px;
	}
	
p.img_sub{
	margin:0px;
	padding:0px;
	}