/*
Theme Name: KrauseGartenDesign
Description: Custom Theme for Krause Garten Design. www.krausegartendesign.de
Version: 1.6
Author: Michael Hazell

*/


body {
	background-color:#999999;
	background-image:  url(images/background.jpg);
  margin: 0;
  padding: 0;
	width:100%;
}

a img { border:none; }

#headerNoFlash {
	width:950px;
	height:125px;
	background: url('images/logo.png') no-repeat;
}

#site{
	margin:0 auto;
	width:950px;
}

#head_area{
	width: 950px;
	height:125px;
}
#head_area img{
	margin-top:15px;
}
#head_area #myFlash{
	float:none;
}

/*NAVIGTION 

/* ================================================================ 
Colours:
border-left:  #7d7d7d;
border-right: #D2D2D2;
Link: 	      #005D1F;
link Hover:   #0E2156;
=================================================================== */

#primnav {width:950px; height:28px; position:relative; z-index:100; font-family:arial, sans-serif; background-image:url(images/nav_bg.gif);}
/* hack to correct IE5.5 faulty box model */
* html #primnav {width:951px; w\idth:950px;}
/* remove all the bullets, borders and padding from the default list styling */
#primnav ul {padding:0;margin:0;list-style-type:none; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#primnav li {float:left; position:relative;}
#primnav li.last {width:1px; border-left:1px solid #7d7d7d; height:28px;}
/* style the links for the top level */
#primnav a, #primnav a:visited {display:block;font-size:12px;text-decoration:none; color:#005D1F; height:28px; background:transparent; padding-left:15px;padding-right:15px; line-height:27px; }
#primnav ul a,#primnav ul a:visited { border-left:#7d7d7d solid 1px; border-right:#D2D2D2 solid 1px;}
/* a hack so that IE5.5 faulty box model is corrected */
#primnav ul ul a, #primnav ul ul a:visited { border-style:solid; border-color:#6c6c6c; border-width:0 1px 1px 1px; }
* html #primnav a, * html #primnav a:visited {width:100px; w\idth:100px;}
/* style the second level hover */
#primnav ul ul a:hover{background:url(images/navbg.jpg); color:#0E2156;}
#primnav ul ul :hover > a {color:#0E2156;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#primnav ul ul {
	visibility:hidden;position:absolute;top:28px;left:0;
	-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.4);
	}
/* another hack for IE5.5 */
* html #primnav ul ul {top:27px;t\op:28px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#primnav table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
#primnav ul ul a, #primnav ul ul a:visited {background:#7d7d7d url(images/navbg.jpg); color:#005D1F; height:auto; line-height:1em; padding:10px 10px; width:200px;}
/* style the top level hover */
#primnav a:hover{color:#0E2156; background:#7d7d7d url(images/nav_bg.gif);}
#primnav ul ul a:hover{color:#0E2156; background:#7d7d7d url(images/navbg.jpg);}
#primnav :hover > a {color:#0E2156; background:#7d7d7d url(images/nav_bg.gif);}
#primnav ul ul :hover > a {color:#0E2156; background:#7d7d7d url(images/navbg.jpg);}
/* make the second level visible when hover on first level list OR link */
#primnav ul li:hover ul,
#primnav ul a:hover ul{visibility:visible; }

/* NAVI trail */
#primnav .current_page_item a,
#primnav .current_page_ancestor a,
#primnav .current_page_ancestor ul .current_page_item a {
	color: #0E2156;
	font-weight:bold
}
#primnav .current_page_ancestor ul a{
	color: #005D1F;
	font-weight:normal;
}



/*CONTENTBEREICH*/

#content_area{
z-index:1;
position:relative;

padding-top:20px;
width: 950px;

text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000033;
}


#content_area div.images{
	margin:0; 
	padding:0;
	width:450px;
	float:left;
}

#content_area div.text{
	position:relative;
	margin:0; 
	padding:0;
	width:480px;
	float:right;
}
#content_area {
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:9pt;
	font-weight: normal;
	color:#0E2156;
}
#content_area a{
	font-weight: normal;
	color:#0E2156;
}
#content_area  a:hover{
	font-weight: normal;
	color:#005D1F;
}
#content_area  a:visited{
	font-weight: normal;
	color:#0E2156;
}
#content_area  a:active{
	font-weight: normal;
	color:#005D1F;
	}
#content_area p{
	padding:0;
	margin-bottom:8px;
}
#content_area h1{
margin:0;;
padding-bottom:8px;
font-size:14pt;
font-weight:bold;
color:#0E2156;
}
#content_area h2{
margin:0;;
padding-top:2px;
padding-bottom:4px;
font-size:11pt;
font-weight:bold;
color:#0E2156;
}
#content_area h3{
margin:0;;
padding-top:2px;
padding-bottom:4px;
font-size:10pt;
font-weight:bold;
color:#0E2156;
}

/* next - previous */

div.project a {
	width:30px;
	height:30px;
	display:block;
}
.previous a { background-image:url(images/arrow_right.gif); } 
.next a { background-image:url(images/arrow_left.gif); }

.projectBigThumb { padding-right: 37px; float:left; width:160px; height:200px;}
.last { padding-right:0; }

/* image gallery */
#content_area div.images ul {
	padding:0;
	margin:0;
}
#content_area div.images ul li{
	position:relative;
	display:block;
	list-style:none;
	float:left;
	
	padding:4px 0 0 0;
	margin:0 5px 0 0;
		
}
ul.mhgallery_thumbsonly{ margin:0; padding:0;}
ul.mhgallery_thumbsonly li { 
	position:relative;
	display:block;
	list-style:none;
	float:left;
	padding:0;
	margin:0 5px 5px 0;
}