/*  
Theme Name: Mallok & Wiegleb
Theme URI: http://www.mallok-wiegleb.de/
Description: Theme fuer Mallok & Wiegleb.
Version: 1.0
Author: freshlabs
Author URI: http://freshlabs.de

License: copyright 2006 by freshlabs.de
*/

@import url(lightbox.css);

html{
 	font: 62.5% "Lucida Grande", Geneva, Verdana, Arial, sans-serif;
 }
 
body{
	text-align: center;
 	font-size: 1.2em;
 	line-height: 140%;
 	margin: 0;
 	padding: 0 0 20px 0;
 }
 
 
#head h1{
 	margin: 0;
 	padding: 0;
	display: inline;
 }
 
#head h1 a img{ border: 0; }
 
 h2, h3, h4, h5, h6{
 	font-family: Arial, Helvetica, sans-serif;
 	margin: 10px 0 0 0;
 }

#meta, #head, #main, #footer{
	position: relative;
	width: 806px;
	margin: 0 auto;
	text-align: left;
}

/*
#meta{
	text-align: right;
	margin-top: 46px;
	height: 220px;
	background: url(images/header.jpg) no-repeat 0 20px;
}

#head{
	margin: 15px auto 15px auto;
}*/

#meta{
	text-align: right;
	position: absolute;
	top: 36px;
	right: 10px;
	width: 300px;
}

#head{
	background: url(images/header.jpg) no-repeat 0 bottom;
	margin: 46px auto 10px auto;
	height: 280px;
}

#main{
	color: #060;
	background: #fff;
	clear: both;
	margin: 20px auto 0 auto;
}

#main .content{
	color: #060;
	background: #d0e9d2;
	margin-bottom: 15px;
}

#main div.long {	background: url(images/content-long-bottom.gif) no-repeat left bottom; }
#main div.short { background: url(images/content-short-bottom.gif) no-repeat left bottom; }
#main div.half { background: url(images/content-half-bottom.gif) no-repeat left bottom; }
#main div.full { background: url(images/content-full-bottom.gif) no-repeat left bottom; padding-bottom: 0.1px; }

#main div.long .content{	background: url(images/content-long-middle.gif) repeat-y left top; }
#main div.short .content{	background: url(images/content-short-middle.gif) repeat-y left top; }
#main div.half .content{	background: url(images/content-half-middle.gif) repeat-y left top; }
#main div.full .content{	background: url(images/content-full-middle.gif) repeat-y left top;}

#main .primary{
	float: left;
}

#main .secondary{
	float: right;
}

#main div.long { width: 460px; }
#main div.short{ width: 313px; }
#main div.half { width: 386px; }

/* CONTENT STYLING
-----------------------*/

#main div h2{
	/*padding: 15px 0 7px 15px;*/
	padding: 8px 0 20px 15px;
	margin: 0;
	text-indent: 3px;
	font-size: 1.4em;
	color: #e7f5e7;
}


#main div.long h2{ background: url(images/content-long-top.gif) no-repeat left top;}
#main div.short h2{ background: url(images/content-short-top.gif) no-repeat left top;}
#main div.half h2{ background: url(images/content-half-top.gif) no-repeat left top;}
#main div.full h2{ background: url(images/content-full-top.gif) no-repeat left top;}

#main ol li, #main ul li {
	margin: 0 0 10px 0;
}

#main h3,
#main small,
#main .bausteine,
#main div div div{
	margin: 0 16px;
}

#main .bausteine small{ margin: 0;}

#main p,
#main ul,
#main ol{ margin: 0 16px; padding: 5px 0 15px 0;}

#main .contactform p{ margin: 0; padding: 5px 0 0 0; }

#main ol, #main ul{ padding: 10px 17px 15px 17px; }

#main ul{ list-style: square; }

#mainu ul.subnav{
	list-style: none;
	padding-left: 0;
}

#main ul li.page_item,
#main ul.subnav li{
	background: url(images/tick-trans.png) no-repeat left center;
	padding-left: 20px;
	list-style: none;
}

#main div.post h3,
#main div.post small{ margin: 0;}
#main div.entry,
#main div.entry p{ padding: 0; margin: 4px 0;}

/* Links */
#main a{
	color: #060;
	border-bottom: 1px dotted #060;
	text-decoration: none;
	padding: 0 2px;
}

#main a:hover,
#main a:focus,
#main a:active,
#main li.current_page_item a{
	color: #fff;
	background: #3ea748;
	border-bottom-style: solid;
}

/* NAVIGATION
-----------------------*/

ul#nav{
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style: none;
	position: absolute;
	width: 476px;
	bottom: 3px;
	right: 3px;
	padding: 0;
	margin: 0;
	/*color: #95a8dc;
	background: #fff;*/
}

ul#nav li{
	float: left;
	position: relative;
}

ul#nav li{background: transparent url(images/nav-li.png) repeat-x left center;}


ul#nav li#nav-first{
	background: transparent url(images/nav-li-first.png) no-repeat left center;
	padding-left: 8px;
}

ul#nav li#nav-last{
	background: url(images/nav-li-last.png) no-repeat right center;
	padding-left: 8px;
}

ul#nav li a{
	display: block;
	line-height: 30px;
	width: 92px;
	color: #666;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
}

ul#nav li.current a,
ul#nav li a:focus,
ul#nav li a:hover{
	color: #fff;
	background: transparent url(images/nav-hover.png) no-repeat center center;
}

ul#nav li a:active,
ul#nav li.current a:hover{
	color: #fff;
	background: transparent url(images/nav-active.png) no-repeat center center;
}

/* Blue Glossy Menu
ul#nav{
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style: none;
	position: absolute;
	width: 460px;
	bottom: 7px;
	right: 0px;
	padding: 0;
	margin: 0;
	color: #95a8dc;
	background: #0f418e;
}

ul#nav li{
	float: left;
}

ul#nav li a{
	display: block;
	line-height: 35px;
	width: 92px;
	color: #95a8dc;
	background: #0f418e url(images/menu.gif) no-repeat -92px -35px;
	text-align: center;
	text-decoration: none;
}

ul#nav li.current a,
ul#nav li a:focus,
ul#nav li a:hover,
ul#nav li a:active{
	color: #fff;
	background: #6f8fc2 url(images/menu.gif) no-repeat -92px 0px;
}

ul#nav li a#nav-first:visited,
ul#nav li a#nav-first{ background: #0f418e url(images/menu.gif) no-repeat 0px -35px;}

ul#nav li.current a#nav-first,
ul#nav li a#nav-first:focus,
ul#nav li a#nav-first:hover,
ul#nav li a#nav-first:active{ background-position: 0px 0px; }

ul#nav li a#nav-last:visited,
ul#nav li a#nav-last{ background: #0f418e url(images/menu.gif) no-repeat right bottom;}

ul#nav li.current a#nav-last,
ul#nav li a#nav-last:focus,
ul#nav li a#nav-last:hover,
ul#nav li a#nav-last:active{ background-position: right top; }
*/
 
/* ### Skiplink oben */
#meta a{
	padding: 0 3px;
	color: #ccc;
	text-decoration: none;
	font-size: 0.75em;
}

#meta a:hover,
#meta a:focus,
#meta a:active{
	background: #3ea748;
	color: #fff;
}

/* KONTAKTFORMULAR
-------------------------*/

#main .contactform {
	padding: 0;
	margin-top: 14px;
}

#main .contactleft {
	padding: 4px 0 0 4px;
	margin: 14px 0 0 0;
}

#main .contactright {
	padding: 4px 0 0 4px;
	margin: 0;
}

#main .contactform form{
	padding: 0;
	margin: 0;
}

#main .contactform label{
	margin: 0;
	padding: 0;
}

#main .contactform p.error{
	font-weight: bold;
	text-align: center;
	background: #fff;
	color: #060;
	border: 1px solid #060;
	margin: 0;
}

input, textarea, label{cursor: pointer;}

.contactform input,
.contactform textarea{
	border: 1px solid #999;
	padding: 4px;
}

.contactform input:focus,
.contactform textarea:focus{
	border: 1px solid #3ea748;
	padding: 4px;
}

.contactform input.contacterror,
.contactform textarea.contacterror,
.contactform input.contacterror:focus,
.contactform textarea.contacterror:focus {
	border: 1px solid #ff0000;
	padding: 4px;
}


/* FOOTER
------------------------*/

#footer{
	clear: both;
	font-size: 0.8em;
	line-height: 35px;
	height: 35px;
	color: #999;
	background: #f2f2f2 url(images/footer-middle.gif) repeat-x left center;
	margin: 20px auto 10px auto;
}

#footer p{
	margin: 0;
	padding: 0;
}

#footer p.meta{
	float: left;
	padding-left: 35px;
	background: url(images/footer-left.gif) no-repeat left center;
}

/* ### Skiplink unten */
#footer p.backtotop{
	float: right;
	text-align: right;
	padding-right: 35px;
	background: url(images/footer-right.gif) no-repeat right center;
}

#footer a, #footer a:visited{
	color: #999;
	background: #f2f2f2;
	text-decoration: none;
	padding: 0 2px;
	border-bottom: 1px dotted #999;
}

#footer a:hover,
#footer a:focus,
#footer a:active{
	color: #fff;
	background: #666;
	border-bottom-style: solid;
}

/* Impressum Fotos
------------------*/

#main div.portraits{ margin: 5px 0 12px 0; }

#main .portraits p.col{ float: left;  padding: 0; }

#main .portraits a:visited,
#main .portraits a{
	color: #060;
	border-bottom: 0 none;
	text-decoration: none;
	padding: 0 2px;
}

#main .portraits small.caption{ display: block; margin: 0 0 5px 4px;}

#main .content .portraits a:hover,
#main .content .portraits a:focus,
#main .content .portraits a:active{
	color: #fff;
	background: 0 none;
	border-bottom: 0 none;
}

/* WIDGET
-----------------------*/

.fl-widget{
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
	background: url(images/fl-widget-head.png) no-repeat center top;
	width: 231px;
	cursor: move;
	z-index: 10;
	text-align: left;
}

.fl-widget-head{
	text-align: center;
	position: relative;
	height: 30px;
}

.fl-widget h2{
	font-size: 1.3em;
	margin: 0;
	padding: 0;
	line-height: 29px;
	height: 29px;
}

.fl-widget-close{
	position: absolute;
	right: 14px;
	top: 7px;
	display: block;
	z-index: 60;
}

.fl-widget-close a:visited,
.fl-widget-close a,
.fl-widget-close a:hover,
.fl-widget-close a:active{
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 13px !important;
	line-height: 14px;
	text-decoration: none;
	background: url(images/close.png) no-repeat center;
	display: block;
	position: relative;
	width: 15px;
	height: 15px;
	cursor: pointer;
}

.fl-widget-body{
	font: 1.0em "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	margin-top: 1px;
	padding: 6px 0 12px 0;
	background: url(images/fl-widget-body.png) no-repeat center bottom;
	width: 231px;
}

.fl-widget-notify{
	font-size: 0.9em;
	width: 231px;
	z-index: 60;
	margin-top: 1px;
	background: url(images/fl-widget-body.png) no-repeat center top;
	padding: 0 0 5px 0;
}

.fl-widget-notify p{
	margin: 0 13px 0 13px;
	padding: 4px 0;
}

.fl-widget-notify input,
.fl-widget-notify label{ cursor: pointer;}

.fl-widget-notify input#fl-widget-submit,
.fl-widget-notify input#fl-widget-cancel{
	padding: 0px;
	font-size: 0.9em;
	margin: 0;
}

.fl-widget-body abbr{ border: 0 none;}

/* Widget Content ----------------------*/

.fl-widget ul.time{
	list-style: none;
	margin: 6px 0 5px 0;
	padding: 0 0 0 5px;
}

.fl-widget ul.time li{ margin: 0 7px 0 0; padding: 3px 0; text-align: right; }

.fl-widget dl.open{ margin: 0 13px; padding: 0; font-weight: bold; font-size: 1.1em; }

.fl-widget dl.open dt{ margin: 4px 0 0 0; padding: 0; float: left; width: 73px; }
.fl-widget dl.open dd{ margin: 0 0 0 35px; padding: 0;}

.fl-widget-body p span.tel{ font-weight: bold; font-size: 1.4em; line-height: 22px; }
.fl-widget-body p span.tel-label{
	background: url(images/phone.png) no-repeat left center;
	text-indent: -777em;
	display: block;
	float: left;
	width: 30px;
	height: 22px;
	margin-right: 5px;
}

.fl-widget-body p{ clear: both; margin: 0 15px;}

.fl-widget-body p span.when{
	display: block;
	clear: both;
	text-align: center;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	margin: 3px 0 7px 0;
}

/* Newsletter */

#main .newsletter{
	margin: 0 0 0 20px;
	padding-bottom: 16px;
}

#main .newsletter h3{
	margin: 0 0 8px 0;
}

#main .newsletter div,
#main .newsletter p{
	margin: 0;
}

#main .newsletter table{
	margin: 9px 0;
}

#main .newsletter table td{
	text-align: left;
}

#main small.newsletter-teaser{
	display: block;
	padding: 8px 0 0 0;
	margin: 0;
	text-indent: 0;
	border-top: 1px dotted #3ea748;
}

#main .newsletter-quicksubscribe{
	padding: 0;
	margin: 0;
}

#main .newsletter div.adminmessage {
  width: 720px;
  border: 1px dashed #3EA748;
  padding: 10px 0;
  margin: 10px 0;
  clear: both;
  background-color: #E0EFE1;
}

#main .newsletter div.adminmessage p{
	margin: 2px 10px;
}

/* QuickSubscribe */

input.quickSubscribe{ background: url(images/quickSubscribe.gif) no-repeat 0 -26px;
	width: 90px;
	height: 26px;
	line-height: 26px;
	outline: none;
	border: 0 none;
	margin-top: 1px;
}

input.quickSubscribe:hover{ background: url(images/quickSubscribe.gif) no-repeat 0 0; }

/* 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: 0; 
    clear: both; 
    visibility: hidden;
}