@charset "utf-8";
.fundelbau {
}

/*------------------------ Allgemein -------------------------*/

* {
margin: 0;
padding: 0;
}

body {
    background-color: #ececed;
}

#gesamt {
	width: 940px;
	margin: 0 auto 10px auto;
}

div#inhaltgesamt div {
    display: inline;
    float: left;
}

* > div#inhaltgesamt {
    overflow: hidden;
}


p {font-family: Verdana, Arial, Helvetica, sans-serif;}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif;}

.fliesstext {
	font-size: 12px;
	line-height: 20px;
	color: #3d3d40;
	padding: 145px 20px 0 0;
}

.fliesstext a:link, .fliesstext a:visited {
    color: #9c9e9f;
	text-decoration: none;
}

.fliesstext a:hover {
    color: #3d3d40;
	text-decoration: none;
}

.fliesstext_2 {
	margin-top: 36px;
	font-size: 12px;
	line-height: 20px;
	color: #3d3d40;
	padding: 36px 20px 0 0;
	border-top: 1px #CCC solid; 
}

.fliesstext_2 a:link, .fliesstext_2 a:visited {
    color: #9c9e9f;
	text-decoration: none;
}

.fliesstext_2 a:hover {
    color: #3d3d40;
	text-decoration: none;
}

.fliesstext_3 {
	height: 297px;
	font-size: 12px;
	line-height: 20px;
	color: #3d3d40;
	padding: 20px 20px 0 0;
}

.fliesstext_4 {
	font-size: 12px;
	line-height: 25px;
	color: #3d3d40;
	padding: 145px 20px 0 0;
}

.fliesstext_4 a:link, .fliesstext_4 a:visited {
    color: #3d3d40;
	text-decoration: none;
}

.fliesstext_4 a:hover {
    color: #9c9e9f;
	text-decoration: none;
}

.fliesstext_5 {
	font-size: 12px;
	line-height: 20px;
	color: #3d3d40;
	padding: 145px 20px 0 0;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #cbcbcb solid 1px; 
}

.fliesstext_6 {
	font-size: 12px;
	line-height: 20px;
	color: #3d3d40;
	padding: 30px 20px 0 0;
}

.bildlegende {
	font-size: 10px;
	line-height: 20px;
	color: #3d3d40;
	float: right;
	margin-top: 6px;
}

.orange {
	color: #ee7f06;
}

.antwort {
	color: #ee7f06;
	padding: 0 0 10px 10px;
	font-size: 13px;
}

.fliesstext-impressum {
	color: #3d3d40;
	padding: 0 0 10px 10px;
	font-size: 12px;
	line-height: 20px;
}

.fliesstext-haftung {
	font-size: 11px;
	line-height: 18px;
	color: #3d3d40;
	padding: 145px 20px 0 0;
}

.fliesstext-haftung a:link, .fliesstext-haftung a:visited {
    color: #3d3d40;
	text-decoration: underline;
}

.fliesstext-haftung a:hover {
    color: #3d3d40;
	text-decoration: none;
}

.fliesstext_news {
	margin-top: 15px;
	font-size: 12px;
	line-height: 20px;
	color: #3d3d40;
	padding: 15px 15px 0 15px;
}

.fliesstext_news a:link, .fliesstext_news a:visited {
    color: #ed7f06;
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration: none;
}

.fliesstext_news a:hover {
    color: #3d3d40;
	text-decoration: none;
}

.orange-news {
    color: #ed7f06;
}

table  {
    border-collapse : collapse;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #3d3d40;
	text-align: left;
	font-weight: normal;
	margin-top: 20px;
}

td, th {
    text-align : left;
    font-weight : normal;
}

.spalte1 {
    width : 5%;
}

.spalte2 {
    width : 95%;
}

::selection {
        background: #ee7f06; /* Safari */
		color: #FFF;
        }
::-moz-selection {
        background: #ee7f06; /* Firefox */
		color: #FFF;
}

/*------------------------ Allgemein -------------------------*/

/*------------------------ Head -------------------------*/

#head {
	height: 120px;
	width: 940px;
}

.logo1 {
	height: 120px;
	width: 172px;
	margin: 0 0 0 576px;
	background-image: url(../grafiken/logo_fundel-architekt.jpg);
	background-repeat: no-repeat;
}

.logo2 {
	height: 120px;
	width: 172px;
	margin: -120px 0 0 768px;
	background-image: url(../grafiken/logo_fundel-bau.jpg);
	background-repeat: no-repeat;
}

/*------------------------ Head -------------------------*/

/*------------------------ Menu -------------------------*/

#nav {
	height: 50px;
	width: 960px;
	margin-top: 40px;
}

ul {
    margin: 0;
    list-style-type : none;
    padding : 0 0 20px 0;
} 

#nav li {
    float: left;
    display: inline-block;
    padding: 0 0 20px 0;
    height: 10px;
    margin: 0 20px 0 0;
    width: 172px;
    line-height: 11px;
	color: #3d3d40;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
} 

#nav li a:link, #nav li a:visited {
    color: #3d3d40;
    text-decoration: none;
    border: none;
}

#nav li a:hover {
    color: #ee7f06;
    text-decoration : none;
    border: none;
} 

#nav a:link#current, #nav a:visited#current {
    color:#ee7f06;
    text-decoration : none;
    border : none;
} 

.small {
    font-size : 9px;
    color : #9c9e9f;
    padding-bottom : 7px;
    border-bottom : 1px solid #9c9e9f;
    margin-bottom : 9px;
} 

/*------------------------ Menu -------------------------*/

/*------------------------ Inhalt Home -------------------------*/

#inhalt {
	width: 940px;
	margin: 0 0 20px 0;
	padding: 70px 0 20px 0;
	background-color: #e1e2e3;
}

/*-------------------------------------------------*/

#left-ueberuns {
	width: 556px;
	margin: 0 20px 0 0;
}

div#left-ueberuns div {
    display: inline;
    float: left;
}

* > div#left-ueberuns {
    overflow: hidden;
}

#right-ueberuns {
	width: 364px;
}

div#right-ueberuns div {
    display: inline;
    float: left;
}

* > div#right-ueberuns {
    overflow: hidden;
}

.unterschrift {
	width: 364px;
	height: 131px;
}

.fliesstext_unterschrift {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #3d3d40;
	margin-top: -58px;
	padding-left: 50px;
}

/*-------------------------------------------------*/

#fuenfspaltig {
	width: 940px;
	margin: 0 0 30px 0;
}

div#fuenfspaltig div {
    display: inline;
    float: left;
}

* > div#fuenfspaltig {
    overflow: hidden;
}

#einspaltig {
	width: 172px;
	margin: 0 20px 0 0;
}

#einspaltig-rechts {
	width: 172px;
	margin: 0;
}

.block_orange {
	width: 172px;
	height: 90px;
	background-color: #ee7f06;
	background-image: url(../grafiken/ref_block.jpg);
	background-repeat: no-repeat;
}

.block_text {
	font-size: 11px;
	color: #FFF;
	letter-spacing: 2px;
	padding: 8px 10px 10px 10px;
	line-height: 14px;
}

.block_text-hell {
	font-size: 9px;
	color: #f7bf80;
}

.block_text-klein{
	font-size: 9px;
}

.ref_link {
	width: 152px;
	height: 15px;
	position: absolute;
	margin: 140px 0 0 10px;
	font-size: 11px;
	color: #ee7f06;
	letter-spacing: 2px;
	line-height: 14px;
	text-align: right;
}

.ref_link a:link, .ref_link a:visited {
    color: #ee7f06;
	text-decoration: none;
}

.ref_link a:hover {
    color: #fff;
	text-decoration: none;
}

.ref {
	width: 172px;
	height: 165px;
	margin: 10px 0 0 0;
	background-color: #999;
}

/*------------------------ portfolio js-------------------------*/

.boxgrid{  
	width: 172px;
	height: 165px;
	margin: 5px 0 0 0;  
    float:left;  
	background-color: #999;  
    overflow: hidden;  
    position: relative;
}  

.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
}

.boxcaption{
	float: left;
	position: absolute;
	background-color: #000;
	height: 100%;
	width: 100%;
	opacity: .7;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 	}

.captionfull .boxcaption {
 	top: 172px;
 	left: 0;
}

/*------------------------ portfolio js-------------------------*/

/*-------------------------------------------------*/

.headline_2spaltig {
	margin: -9px 0 30px 0;
	height: 115px;
	border-bottom: 1px solid #9c9e9f;
	position: absolute;
	z-index: 2;
}

.headline_2spaltig-klein {
	margin: 0 0 20px 0;
	height: 55px;
	border-bottom: 1px solid #9c9e9f;
	z-index: 2;
}

.headline_3spaltig {
	margin: -9px 0 0 0;
	width: 940px;
	height: 115px;
	border-bottom: 1px solid #9c9e9f;
}

#photo_container {
	margin: auto;
	background-color: #ee7f06;
}

.home {
	width: 940px;
	height: 378px;
}

.home_news {
	width: 748px;
	height: 378px;
}

.ueberuns {
	width: 556px;
	height: 300px;
}

.referenz {
	width: 556px;
	height: 358px;
}

#head_willkommen {
	width: 552px;
	height: 90px;
	margin: -607px 0 0 388px;
	position: absolute;
	z-index: 1;
}

#head_willkommen_news {
	width: 748px;
	height: 90px;
	margin: -607px 0 0 0;
	position: absolute;
	z-index: 1;
}

#news {
	width: 172px;
	height: 378px;
	margin: 0 0 0 20px;
	background-color: #d7d7d7;
	z-index: 1000;
}

.news_head {
	width: 172px;
	height: 90px;
	border-bottom: 1px solid #fff;
}

.news_text {
	width: 172px;
}

.news_img {
	margin-bottom: 12px;
	height: 155px;
	width: 172px;
	position: relative;
	z-index: 1000;
	overflow: hidden;
}

.news_img img {
    border: none;
    margin: 0;
}

/*------------------------ Kontaktformular -------------------------*/

.formular {
	margin-top: -10px;
	width: 556px;
}

.formularbox {
    margin: 0 10px 11px 0;
	width: 556px;
}

form, span  {
    position : absolute;
}

form {
    margin-top : 10px;
}

label, input, textarea {
    float : left;
}

label {
    clear : left;
	text-align: left;
	margin-top: 1px;
}

#select {
	height: 18px;
    margin: 0;
}

input, textarea {
    border : 0;
    color: #757575;
    margin-bottom : 3px;
    padding: 0 0 0 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
}

textarea {
	padding-top: 2px;
    height: 93px;
    width: 546px;
	background-color: #CCC;
}

textarea:hover {
	background-color: #fff;
}

input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
    height: 35px;
    width: 546px;
	background-color: #CCC;
	letter-spacing: 1px;
}

input:hover {
	background-color: #fff;
}

#senden {
    height: 35px;
    width: 556px;
	background-color: #9c9e9f;
    font-family : Verdana, Geneva, sans-serif;
	color: #3d3d40;
	font-size: 13px;
	text-align: left;
	padding-right: 10px;
	cursor: pointer;
}

#senden:hover {
	background-color: #ee7f06;
	color: #fff;
}

/*------------------------ Kontaktformular -------------------------*/

/*------------------------ Navi Referenzen -------------------------*/

.nav-oben {
	width: 41px;
	height: 41px;
	margin: 0 0 0 0;
	background-color: #ee7f06;
	position: absolute;
}

.nav-unten {
	width: 41px;
	height: 41px;
	margin: 0 0 0 42px;
	background-color: #ee7f06;
	position: absolute;
}

.nav-zurueck {
	width: 88px;
	height: 41px;
	margin: 0 0 0 84px;
	background-color: #9c9d9f;
	position: absolute;
}

/*------------------------ Navi Referenzen -------------------------*/

/*------------------------ Tigger -------------------------*/

.trigger {
	width: 364px;
	margin-top: 10px;
}

h2.trigger {
	margin: 0 0 5px 0;
	height: 25px;
	padding: 0 5px 0 25px;
	width: 364px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	float: left;
	background-image: url(../grafiken/pfeil_unten.png);
	background-repeat: no-repeat;
}

h2.trigger a {
	color: #ee7f06;
	text-decoration: none;
	display: block;
}

h2.trigger a:hover { 
    color: #3d3d40;
	text-decoration: none;
}

h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 364px;
	clear: both;
	color: #3d3d40;
	background-color: #d6d6d6; 
}

.toggle_container .block {
	padding: 10px/*--Padding of Container--*/
}

/*------------------------ Tigger -------------------------*/

/*------------------------ Inhalt Home -------------------------*/

/*------------------------ Footer -------------------------*/

#footer {
	margin-top: 70px;
	height: 120px;
	width: 940px;
}

.footer1 {
	height: 120px;
	width: 172px;
	background-image: url(../grafiken/siegel.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 576px;
}

.footer2 {
	height: 18px;
	width: 172px;
	margin: -18px 0 0 768px;
}

.impressum {
    font-size: 8px;
    color: #3d3d40;
	letter-spacing: 2px;
    padding-top: 7px;
    border-top: 1px solid #9c9e9f;
}

.impressum a:link, .impressum a:visited {
    color: #3d3d40;
	text-decoration: none;
}

.impressum a:hover {
    color: #ee7f06;
	text-decoration: none;
}

.impressum a:link#current, .impressum a:visited#current {
    color: #ee7f06;
	text-decoration: none;
}
/*------------------------ Footer -------------------------*/