/* MKBD 2007 */



/* <![CDATA[ */	



/*



<rdf:RDF xmlns="http://web.resource.org/cc/"

    xmlns:dc="http://purl.org/dc/elements/1.1/"

    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">

<Work rdf:about="">

   <license rdf:resource="http://creativecommons.org/licenses/by/1.0/" />

</Work>



<License rdf:about="http://creativecommons.org/licenses/by/1.0/">

   <permits rdf:resource="http://web.resource.org/cc/Reproduction" />

   <permits rdf:resource="http://web.resource.org/cc/Distribution" />

   <requires rdf:resource="http://web.resource.org/cc/Notice" />

   <requires rdf:resource="http://web.resource.org/cc/Attribution" />

   <permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" />

</License>



</rdf:RDF>



*/



/*  body und schrift deffinitionen */



html { 

  padding:0px;

  margin:0px;

}



body {
	background-color: #333;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#ffae65;
	text-align:center;
	margin-top:30px;
	padding:0px;
}



#menu_c {

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

padding:0;

margin-left: 5px;

text-align:left;

}



li.page  {



font-size: 12px;

color:#FF6600;

}





li.menu_c {

list-style-type:none;

font-size:0.8em;

margin:0 0 0.80em 0;

padding-top: 10px;

color: #999999;

}



.page  {

font-size: 14px;

color:#FF6600;

margin-top: 15px;

margin-bottom: 15px;

float: left;



}



.pagehome  {

font-size: 14px;

color:#FF6600;

margin-top: 10px;

margin-bottom: 15px;

float: left;



}



#menu {

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

padding:0;

margin-left: 5px;

text-align:left;

}



#menu li {

font-size:0.8em;

margin:0 0 0.80em 0;

padding-top: 0px;

list-style:none;

}





#menu li.nonactive {

font-size:1.2em;

color:#FF6600;

margin:0 0 0.70em 0;

padding-top: 10px;

}



#menu li.aboutsub {

font-size:0.6em;

font-style:italic;

color:#FF6600;

line-height: 20px;

margin:0 0 0.50em 0.10em;

padding-left:0.60em;

padding-top: 0px;

border-left: 0px solid #999999;

}



#menu a{

display:block;

font-size:1.5em;

color:#FFFFFF;

width:9em;

border:none;

text-decoration: none;



}



#menu a:hover {



display:block;

color:#ff6600;

width:9em;

border:none;

}



#menu li.aboutgallery {

font-size:0.6em;

font-style:italic;

color:#FF6600;

line-height: 20px;

margin:0 0 0.40em 0.10em;

padding-left:0.50em;

padding-top: 0px;

border-left: 0px solid #999999;

}



#menu a{

display:block;

font-size:1.5em;

line-height: 0px;

color:#FFFFFF;

width:50px;

border:none;

text-decoration: none;



}



#menu a:hover {



display:block;

color:#ff6600;

width:50px;

border:none;

}



#copyright  {

font-size: 0.8em;

color: #CCCCCC;

width: 100%;

margin: 10px;



}







p,pre, h1 {
	margin:0px 10px 10px 10px;
	color: #ffae65;
}





p.about {



    font-family:Arial, Verdana, Helvetica, sans-serif;

	color: #fff;

	font-size:12px;

	font-weight:normal;

	padding: 5px;

	margin:5px 0 0 15px;

    text-align:left;

    line-height: 20px;

	letter-spacing: 1px

}



h1 {

font-size:14px;

padding-top:0px;

text-transform:uppercase;

color: #564b47;

background-color: transparent;

	}

	

h4 {

font-size:125%;

padding-top:50px;

color: #fff;

background-color: transparent;

	}



a { 

color: #ff6600;

font-size: 12px;

background-color:transparent;

text-decoration: none; 

}

 

a:hover { 

color: #dee0e7;

font-size: 12px;

background-color:transparent;

text-decoration: underline;



}



a.article {
	color: #FFAE65;
	font-size: 12px;
	background-color:transparent;
	text-decoration: none;
}

 

a:hover.article { 

color: #ff6600;

font-size: 12px;

background-color:transparent;

text-decoration: underline;



}



a.close { 

color: #fff;

font-size: 11px;

background-color:transparent;

text-decoration: none;



}





a:hover.close { 

color: #ffcc33;

font-size: 11px;

background-color:transparent;

text-decoration: none;



}

#close  {



color: #fff;

font-size: 11px;

text-align: right;



}



pre { 

color: #564b47;

font-size: 11px;

background-color:transparent;

font-family: Courier, Monaco, Monospace;

}



/*  TEXT BOX - HOME PAGE*/

#textbox {

font-family:Arial, Verdana, Helvetica, sans-serif;

color: #fff;

font-size:12px;

font-weight:normal;

text-align:left;

height: 100px;

padding: 10px;

margin-top: 8px;

border: 1px solid #777;

background-color:#333;

overflow: auto;

scrollbar-base-color: #333; 

scrollbar-track-color: #333;

scrollbar-face-color: #333;

scrollbar-highlight-color: #333;

scrollbar-3dlight-color: #333;

scrollbar-darkshadow-color: #333;

scrollbar-shadow-color: #333;

scrollbar-arrow-color: #fff;

}





/*  positioning-layers statisch und absolut */



#box {

width:780px;

margin: 0px auto;

padding:0px;

}



#left {

font-family:Verdana, Arial, Helvetica, sans-serif;

width:60px;

padding:0px;
padding-left: 40px; 
float:left;

background-color:#333;

}



#about_left {

width:60px;

padding:0px;

margin-top: 25px;

float:right;

background-color:#333;

}



#about_content {

width:340px;

background-color: #333333;

margin-left: 0px;

margin-top: 20px; 

float:left;



}



#about_community {
	width:340px;
	margin-left: 0px;
	margin-top: 15px;
	background-color:#333;
	float:left;
	color: #ffae65;
	text-align: left;

}



#about_right {

width:245px;

padding:0px;

float:right;

margin-top: 25px;

background-color:#333;



} 



#content_home {

width:585px;

margin-left: 0px;

float:right;

background-color:#333;

overflow: auto;

}



#content_gallery {

width:585px;

margin-left: 20px;

height: auto;

float:left;

background-color:#333;

overflow: inherit;

}



#content_gallery-bath {

width:585px;

height: 1000px;

margin-left: 20px;

float:left;

background-color:#333;

overflow: auto;

}



#content_slideshow {

width:560px;

margin-left: 10px;

margin-top: 47px;

float:left;

background-color:#333;

overflow: auto;

}





#content_welcome {
	width:530px;
	margin-left: 10px;
	margin-top: 10px;
	float:left;
	text-align:left;
	line-height: 18px;
	background-color:#333;
	overflow: auto;
	color: #CE8228;
}



#content_about {

width:585px;

margin-left: 0px;

float:left;

overflow: auto;

}





/*   CLIENT STYLES*/



#content_clients {

width:600px;

margin: 20px 0 0 0;

float:left;

background-color:#333;

overflow:inherit;

}

p {
	text-align:justify;
}

p.content {

font-family:Arial, Verdana, Helvetica, sans-serif;

color: #fff;

font-size:12px;

font-weight:normal;

padding: 5px;

margin:0px 0 0 15px;

text-align:left;

line-height: 20px;



}



p.content_name {

font-family:Arial, Verdana, Helvetica, sans-serif;

color: #ffae65;

font-size:12px;

font-weight:normal;

padding: 5px;

margin-right: 5px;

text-align:right;

 

}



#client_left {

width:100%;

margin-right: 0px;

float:left;

border-right: 0px dashed #999;

background-color:#333;

}



#client_right {

width:205px;

margin-top: 5px;

float:right;

background-color:#333;

}



img.client_right {

margin: 10px;

padding: 5px;

border: 0px dotted #CCCCCC;

}



/*........................*/



/*  MEDIA STYLES */



#content_media {

width:600px;

margin: 20px 0 0 0;

float:left;

background-color:#333;

overflow: auto;

}



p.content {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #ffae65;
	font-size:12px;
	font-weight:normal;
	padding: 5px;
	margin:0px 0 0 15px;
	text-align:left;
	line-height: 20px;
	letter-spacing: 1px
}



p.content_name {

font-family:Arial, Verdana, Helvetica, sans-serif;

color: #ffae65;

border-bottom: 1px solid #999;

font-size:12px;

font-weight:normal;

padding: 5px;

margin-right: 5px;

text-align:right;

 

}

p.recognition {

font-family:Arial, Verdana, Helvetica, sans-serif;

color: #ffae65;

font-size:12px;

font-weight:normal;

padding: 10px 10px 20px 10px; 

margin-right: 5px;

margin-bottom: 10px;

text-align:left;

 

}



img.recog  {

margin-left:15px;

}





#media_heading {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #ff6600;
	font-size:14px;
	font-weight:bold;
	width:550px;
	margin-top: 20px;
	margin-bottom:5px;
	padding-top: 0px;
	border-bottom: 0px dashed #999;
	background-color:#333;
}

#content_darkbold{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: #ff6600;
	font-weight:bold;
}
#content_bold{
	font-weight:bold;
}
#content_underlined{
	text-decoration: underline;
}

#media_heading-about1 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #f60;
	font-size:14px;
	font-weight:bold;
	width:575px;
	margin-top: 35px;
	margin-bottom:5px;
	padding-top: 0px;
	border-bottom: 0px dashed #999;
	background-color:#333;
}





#gallery_heading {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #ff6600;
	font-size:14px;
	font-weight:bold;
	width:550px;
	margin-top: 35px;
	margin-bottom:10px;
	padding-top: 0px;
	background-color:#333;
}



#gallery_media {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #F60;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	width:405px;
	margin-top: 25px;
	margin-bottom:10px;
	padding-top: 0px;
	background-color:#333;
}



#gallery_heading-index {

font-family:Arial, Verdana, Helvetica, sans-serif;

color: #fff;

font-size:14px;

font-weight:bold;

text-align:right;

width:95%;

margin-top: 25px;

margin-bottom:10px;

padding-top: 0px;

background-color:#333;

}



#gallery_heading-show {

font-family:Arial, Verdana, Helvetica, sans-serif;

color: #ff6600;

font-size:14px;

font-weight:bold;

text-align:right;

width:100%;

margin-top: 25px;

margin-bottom:10px;

padding-top: 0px;

background-color:#333;

}







#media_left {

width:555px;

height: auto;

margin-right: 0px;

float:left;

background-color:#333;

}



#media_right {

width:200px;

margin-top: 25px;

float:right;

background-color:#333;

}



img.media_right {

margin: 5px;

padding: 5px;

border: 1px dotted #CCCCCC;

}



/*........................*/





#right {

width:175px;

padding:0px;

float:left;

background-color:#ff99cc;



} 



/* PORTFOLIO PAGE*/





#content_portfolio {

width:585px;

margin-left: 0px;

float:left;

background-color:#333;

overflow: auto;

}



#portfolio_title1 {

font-family:Arial, Verdana, Helvetica, sans-serif;

color: #fff;

font-size:12px;

font-weight:bold;

text-align:center;

padding: 5px;

width:150px;

height: 20px;

margin-top: 35px;

float:right;

border: 1px solid #fff;

background-color:#333;

overflow: auto;

}



#portfolio_title2 {

font-family:Arial, Verdana, Helvetica, sans-serif;

color: #fff;

font-size:12px;

font-weight:bold;

text-align:center;

padding: 5px;

width:250px;

height: 20px;

margin-top: 35px;

float:left;

border: 1px solid #fff;

background-color:#333;

}



#portfolio_1 {

width:255px;

height: 200px;

margin-top: 15px;

float:right;

border: 1px dashed #fff;

background-color:#f4ece1;

overflow: auto;

}



#portfolio_2 {

width:255px;

height: 200px;

margin-top: 15px;

float:left;

border: 1px dashed #fff;

background-color:#f4ece1;

}





/* new portfolio */



#content_portfolio {

width:595px;

margin-left: 0px;

float:left;

background-color:#333;

overflow: auto;

}



#image_large  {

width:580px;

margin-left: 0px;

float:left;

background-color:#333;

overflow: auto;



}

/*  ......... vertical gallery arrangement ............. */

#vertical_thumb  {

width:150px;

margin-left: 0px;

float:left;

background-color:#333;

overflow: auto;

}



#vertical  {

width:430px;

margin-left: 0px;

float:left;

background-color:#333;

overflow: auto;

}



img.vert {



border: 0;



}



/*  ......... END of vertical gallery arrangement ............. */





#image_slideshow  {

width:600px;

margin-left: 0px;

float:left;

background-color:#333;

overflow: auto;

}





.thumb {

margin: 0px;

padding: 3px;

border: 0px dotted #FFFFFF;



}



#thumb_box{

float:left;

width:580px;

height: 250px;

margin-top: 10px;

background-color:#333;

 

}



#thumb_video{

float:left;

width:545px;

height: 100%;

margin-top: 0px;

background-color:#333;

 

}





#thumb_boxindex_about{

float:left;

width:520px;

height: 350px;

margin-top: 10px;

margin-left: 40px;

background-color:#333;

 

}



#slideshow{

float:left;

width:590px;

height: 430px;

margin-top: 10px;

margin-left: 60px;

background-color:#333;

 

}



#thumb_boxindex_media{

float:left;

width:520px;

height: 420px;

margin-top: 10px;

margin-left: 60px;

background-color:#333;

 

}



#thumb_boxsml{

float:left;

width:580px;

margin-top: 10px;

background-color:#333;

 

}





#thumb_boxindex{

float:right;

width:580px;

height:500px;

margin-top: 10px;

background-color:#333;

 

}



#portfolio_index{

font-family:Arial, Verdana, Helvetica, sans-serif;

color: #fff;

font-size:10px;

font-weight:normal;

text-align:center;

line-height: 16px;

letter-spacing: 1px;

float:left;

width:580px;

margin-top: 5px;

background-color:#333;

}



#portfolio_index a {

color: #fff;

font-size: 10px;

background-color:transparent;

text-decoration: none;



}



#portfolio_index a:hover {

color: #cc3300;

font-size: 10px;

background-color:transparent;

text-decoration: underline;



}







#box_bath {

width:160px;

height: 200px;

margin-top: 25px;

padding: 10px;

float:left;

border: 1px solid #333;

background-color:#333;

}



#box_comm {

width:160px;

height: 200px;

margin-top: 25px;

margin-left: 10px;

padding: 10px;

float:left;

border: 1px solid #333;

background-color:#333;

}





#box_porch {

width:160px;

height: 200px;

margin-top: 25px;

margin-left: 10px;

padding: 10px;

float:left;

border: 1px solid #333;

background-color:#333;

}





#port_title1 {

font-family:Arial, Verdana, Helvetica, sans-serif;

color: #fff;

font-size:12px;

font-weight:bold;

text-align:center;

padding: 5px;

width:140px;

height: 20px;

margin-top: 35px;

float:left;

border: 5px solid #fff;

background-color:#333;

overflow: auto;

}





/* ...........  */



#lh-col{

 position: absolute;

 top: 20px;

 left: 20px;

 width: 180px;

 border: 1px solid #333333;

 background: #333;

 color: #333333;

 margin: 0;

 padding: 0;

 z-index: 2;

 }

			

#rh-col{

 position: absolute;

 top: 20px;

 right: 20px;

 width: 180px;

 border: 1px solid #333333;

 background: #333;

 color: #333333;

 margin: 0;

 padding: 0;

 z-index: 1;

 }

      

#c-col{

 position: relative;

 margin: 0px 0px 0px 0px;

 border: 1px solid #333333;

 background: #ffffff;

 color: #333333;

 padding: 20px;

 z-index: 3;

 }



#head {

background-color:transparent;

background-image: url(../images/banner_v2.jpg) background-repeat: no-repeat;

text-align:left;


}



#head h1 {

font-size: 11px;

text-transform:uppercase;

text-align: right;

color: #564b47;

background-color: #90897a;

padding:5px 15px;

margin:0px

}



#head p {

padding:10px;

margin:0px;

}



#footer {

width:780px;

font-size: 9px;

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

color:#6a6868;  

text-align:center;

margin-top: 30px;

background-color:#333;

overflow: auto;

}



#footer_content {

width:580px;

font-size:0.8em;

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

color:#ccc;  

margin-left: 75px;

background-color:#333;

overflow: auto;

}





#footer_other {

width:580px;

font-size:1.0em;

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

color:#6a6868;  

margin-left: 115px;

background-color:#333;

overflow: auto;

}





#footer a{

font-size:1em;

color:#6a6868;

border:none;

text-decoration:none

}



#footer a:hover {



color:#e72222;

width:9em;

border:none;

}



/* navigation drop menu*/



#dropmenudiv{

position:absolute;

border-bottom-width: 0;

font:normal 14px Verdana;

line-height:10px;

z-index:100;

}



#dropmenudiv a{

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

color:#ede9e9; 

width: 100%;

display: block;

text-align:left;

text-indent: 0px;

padding: 10px 0;

text-decoration: none;

font-weight: normal;

}



#dropmenudiv a:hover{ /*hover background color*/

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

text-align:left;

color:#ede9e9;

background-color: #333;

color: #ff7f00;

}



#article {

height: 340px;

text-align:left;

margin-left: 10px;

padding-top: 15px;

width:100%;

line-height:20px;

border: 0px solid #ccc;

overflow: auto;

scrollbar-base-color: #333; 

scrollbar-track-color: #333;

scrollbar-face-color: #333;

scrollbar-highlight-color: #333;

scrollbar-3dlight-color: #333;

scrollbar-darkshadow-color: #333;

scrollbar-shadow-color: #333;

scrollbar-arrow-color: #fff;

}





#services {

height: auto;

text-align:left;

margin-left: 5px;

padding-top: 15px;

width:100%;

line-height:20px;

border: 0px solid #ccc;



}



#articlePOP {

width: 560px;

text-align:left;

color:#F93

line-height: 20px;

margin: 5px;

border:1px dotted #f9ead1;

padding: 5px;

}



img.articles  {



padding: 1px;

margin: 5px;

border:1px solid #666666;

}



#articleindex  {

padding: 5px;

margin: 5px;

border:1px solid #FF6600;

}





ul.articles  {

line-height: 2em;

list-style-position: outside;

font-size: 100%;

width:90%;

font-weight: normal;

list-style: none;

padding: 0px 0px 0px 0px;

margin:0px;



}



li.articles  {



border: 1px solid #CCC;

margin: 10px 10px 10px 10px;

padding: 10px;



}



a: li.articles  {



color: #fff;

font-size: 12px;

background-color:transparent;

text-decoration: none; 

}
#content_clients div #media_left #media_heading {
	color: #F60;
}
#box #content_gallery #gallery_heading {
	color: #f60;
}
#content_clients div #media_left #services .content {
	color: #ffae65;
}
#content_clients div #media_left #services .content a {
	color: #ffae65;
}
#content_clients div #content_about #about_community .content {
	color: #ffae65;
}
#content_clients div #content_about #about_community .content a {
	color: #ffae65;
}
#content_gallery #gallery_heading-index {
	color: #ff6600;
}
#box #media_left .content strong {
	color: #ff6600;
}
#box #media_left .content a {
	color: ffae65;
}
#box #media_left .content a {
	color: #ffae65;
}
.text {
	color: ffae65;
}
#content_clients div #media_left .content {
	color: #FFAE65;
}
#text {
	color: #ffae65;
}
#content_clients div #media_left .content .text {
	color: ffae65;
}
#content_clients div #media_left .content .text {
	color: ffae65;
}
#content_clients div #media_left {
	text-align: left;
}
p {
	color: ffae65;
}
#content_clients div #client_left .content_name {
	color: ffae65;
}