/*  
Theme Name: Welling GaLabau
Theme URI: http://www.galabau-welling.de
Description: Standard-Design fuer Welling
Version: 1.0
Author: freshlabs
Author URI: http://www.freshlabs.de

 * full green: #317137
 * super light green: #98b89b
 * light BG green: #679650
 * light lilac: #9f71b1
 */

html{
	font: 62.5%/175% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	padding: 0;
	margin: 0;
}

body{
	color: #fff;
	background: #679650/* url(images/bg-shade.gif) repeat-x left bottom*/;
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}

.wrapper{
	margin: 0 auto;
	text-align: left;
	width: 684px;
}


/* LAyout
---------------*/

#logo{ float: left; width: 370px; margin: 0; padding: 0;}

#logo a{
	display: block;
	background: url(images/welling-logo.gif) no-repeat left center;
	width: 369px;
	height: 80px;
}

#logo a span{ display: none;}


#header, .main{
	padding: 12px 12px 24px 12px;
	background-color: #fff;
	color: #000;
	clear: both;
	position: relative;
	border-top: 1px solid #5A7F47;
}

#header, #footer{
	background: #fff url(images/shadeongreen.gif) no-repeat center bottom;
	margin-bottom: 24px;
}

#header{
	padding: 12px 12px 24px 12px;
	height: 100px;
}

#content{
	padding: 12px 0;
}

#teaser, #secondary{
	/*background: #c5d5b9;*/
}

#teaser{
	/*background: #c5d5b9 url(images/sidebar-shade.gif) repeat-y 436px 0px;*/
}

#teaser .clear{
	
	height: 1px;
}




#teaser .image{ float: left; line-height: 90%; }

.sidebar{
	width: 210px;
	font-size: 1.3em;
	float: right;
}
.sidebar ul, .sidebar ul li{
	margin: 0; padding: 0;
}
.sidebar ul li a:hover,
.sidebar ul li.current_page_item a:visited,
.sidebar ul li.current_page_item a{
	color: #fff;
	background: #317137 url(images/arrow-subnav-over.gif) no-repeat left center;
	border-bottom: 1px solid #030;
}

.sidebar ul li a{
	display: block;
	color: #317137;
	background: url(images/arrow-subnav.gif) no-repeat left center;
	border-bottom: 1px solid #317137;
	text-decoration: none;
	line-height: 1.8em;
	padding: 1px 0 1px 19px;
}


.column{
	width: 48%;
}

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

#content.narrowcolumn{
	width: 70%;
	float: left;
}

.archives{
	padding: 12px 0 0 0;
	float: right;
	width: 25%;
}

.archives ul{
	list-style: square outside;
	margin: 8px;
}

.archives ul li{ margin-left: 6px;}

/* Latest News Box */

#LeafEmph{
	/*margin: 14px 10px 0 8px;
	border-left: 1px solid #679650;
	border-top: 1px solid #679650;
	border-right: 1px solid #1D4F22;
	border-bottom: 1px solid #1D4F22;
	background: #fff;
	position: absolute;*/
	font-size: 0.8em;
	position: relative;
	border: 1px solid #4f6f32;
	border-bottom: 0 none;
}

#home #LeafEmph{ height: 292px; overflow: hidden; }

.LeafEmphFooter{
	background: url(images/leaf-footshade.gif) no-repeat center bottom;
	height: 15px;
	border-top: 1px solid #4f6f32;
}

#contact.main #LeafEmph{
	/*position: absolute;
	right: 12px;
	top: 26px;*/
	margin: 15px 12px 0 0;
	width: 208px;
}

#LeafEmph dl{}
#LeafEmph dt{
	float: left;
	width: 48px;
}

#LeafEmph dd{}


#LeafEmph .postmetadata{
	position: absolute;
	right: 12px;
	bottom: 0;
	padding: 0 0 8px 0;
	margin: 0;
}

#LeafEmph h2{
	color: #fff;
	background: #317137;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 6px 0;
}

#LeafEmph h2 span{
	display: block;
	padding: 6px 6px;
	background: url(images/whiteleaf.gif) no-repeat 97% 47%;
}

#LeafEmph .post{
	padding: 0 6px;
}

.ReferenzBox{
	width: 650px;
	padding: 22px 0 12px 0;
}

.ReferenzBox h2{
	/*display: inline;*/
	border-left: 18px solid #98B89B;
	padding-left: 6px;
}

.ReferenzBox p{ padding: 0 0 3px 0;}

.ReferenzBox p.text{
	float: left;
	width: 45%;
}

.ReferenzBox img{
	float: right;
	margin: -24px 0 0 0;
}

/* Secondary content
-----------------------*/

#secondary{
	color: #030;
	border-top: 1px solid #9CAF8E;
	padding: 12px;
}

#secondary p.description{
	margin: 0;
	padding: 0;
}

#secondary ul li{
	float: left;
	width: 30%;
}

#secondary ul li ul li{
	float: none;
	width: 100%;
}

#secondary ul li.search{
	width: 260px;
}

#secondary h3{ margin: 0;}

/* Search */

form#searchform input{
	font-size: 0.9em;
}

#contact form input[type="text"],
#contact form textarea{
	background: #DBEFD1;
	width: 365px;
}

#contact form input[type="text"]:focus,
#contact form textarea:focus{
	background: #fff;
}

input#s{ width: 150px; }

/* Links
------------------*/

a:visited,
.pages ul li a:visited{
	color: #98b89b;
}

a:hover{
	color: #030;
}

a{
	color: #6d2889;
	font-weight: bold;
}

#footer a:visited,
#footer a{ color: #d1afde;}
#footer a:hover{ color: #fff;}

h3 a:visited,
h3 a{ color: #030;}
h3 a:hover{ color: #6d2889;}

/* Html elements
-----------------------*/

h1, h2, h3, h4{ color: #003300;}

h2{
	margin: 0px 0 2px 0;
	font-size: 1.4em;
}

#home #content h2{ margin: 18px 0 2px 0; }

.entry p{
	margin: 4px 0 12px 0;
}

.entry img{
    padding: 2px;
    border: 1px solid #efefef;
}

.entry a:hover img{
    border: 1px solid #9F71B1;
}

h3{
	margin: 14px 0 2px 0;
	font-size: 1.4em;
}

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


/* Main navigation
---------------------*/

ul#mainNav{
	float: left;
	margin: 0 0 0 76px;
	font-size: 1.7em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.4em;
}

ul#mainNav a:hover{
	color: #030;
}

ul#mainNav a{
	color: #98b89b;
	text-decoration: none;
}

ul#mainNav li.current a{
	color: #317137;
}

#footer{
	font-size: 0.9em;
	color: #d1afde;
	background-color: #9f71b1;
	border-top: 1px solid #7B478F;
	padding-bottom: 13px;
	text-align: center;
}

#footer p{
	padding: 24px 8px 0 8px;
}

/* Referenzen */

.ReferenceStepModel{
	color: #000;
	background: #c7d7bf;
	width: 662px;
	margin: 16px 0 10px 0;
}

.ReferenceStepModel a:hover{ text-decoration: underline; }
.ReferenceStepModel a{ color: #000;}

.ReferenceStepModel a:hover img{ border: 0 none; padding: 0; }
.ReferenceStepModel a img{ border: 0 none; padding: 0; }


.ReferenceStepModel .Introduction h3,
.ReferenceStepModel .Introduction p{ margin: 18px 12px;}

.ReferenceStepModel .Introduction{ width: 250px; float: left; }
.ReferenceStepModel .StepImages{ width: 410px; float: right; border-left: 2px solid #fff; border-bottom: 2px solid #fff; }

.ReferenceStepModel .StepImages a:hover img{ display: none; }
.ReferenceStepModel .StepImages a{ display: block;  width: 410px; height: 300px; text-indent: -777em;}

.ReferenceStepModel#no1 .StepImages a:hover{ background: url(../../uploads/referenzen-steps1-hover.jpg) no-repeat left top;}
.ReferenceStepModel#no2 .StepImages a:hover{ background: url(../../uploads/referenzen2-steps-hover.jpg) no-repeat left top;}

.ReferenceStepModel#no1 .StepImages a{ background: url(../../uploads/referenzen-steps1.jpg) no-repeat left top;}
.ReferenceStepModel#no2 .StepImages a{ background: url(../../uploads/referenzen2-steps.jpg) no-repeat left top;}

/* vCard */

.vcard{
	padding: 4px 0 12px 0;
	line-height: 1.5em;
}

.vcard .contact{
	margin: 9px 0 12px 0;
}

.vcard span{
	display: block;
}

/* CLEARING
-------------------------*/

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.clearfix { 
	display: inline;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}