/* 
Theme Name: whiteboard
Theme URL: http://plainbeta.com/whiteboard/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.net
Version: 1.0



*/
/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

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

/* containers */

#page {
	border-top: 10px solid #fff;
	width:800px; /* 300 + 500px */
	font-size:0.9em;
	margin-left:50px;
}

#nav {
	background: #000;
	display: block;
}

#breadcrumb {
	position:absolute;
	top:100px;
	left:50px;
  color: #7F7F7F;
  	z-index:2;
}

#sidebar, #footer {

}

/* container inhalt */

div#right {
	position:absolute;
	left:350px;
	width: 500px;

}

/* container nav */

div#header {
	position:fixed;
	width:230px;	
}

div#wpfooter {
	padding:50px 0 50px 0;
	float:none;
	clear:both;
	display:block;
	color: #7F7F7F;
  
}

div#header, div#right {
	top: 150px;		
}

/* navigation */

#header {
	margin-bottom: 1em;
	line-height: 1.3em;
	width:300px;
	z-index:3;
}

/* if startseite */

#header.wide {
	width:700px;
}

div#catnav {
	position:absolute;
	width:100px;
	left:700px;
	top:0;
	background:#fff;
}

div#catnav a {
float:right;
}
/* COMMON */


a {
	background: #dfdfdf;
	text-decoration:none;
	color: #000;
}

p, #header h2 {line-height:1.4em;}

#breadcrumb, .info, small, #commentsform, #cformsform, div#wpfooter, #TB_window, div#theTags {
  font-family: Helvetica, Arial, sans-serif;
  color: #000000;
  font-size: 0.7em;
  font-weight: normal; 	
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

div#theTags {
	padding-top: 20px;
	background: #dfdfdf;
	padding: 10px;
}

/* BREADCRUMB */

#breadcrumb a{
  text-decoration: none;
  padding: 0 2px 0 0;	
  color: #7F7F7F;
	background: #fff;
}

#breadcrumb a:hover {
	background: #000;
}


/* HEADER */

#header a {
	text-decoration: none;
	color: #000000; 
	}
a:hover {
	background: #000;
	color: #FFFFFF !important;
}

/* nav single-posts */

#catnav a {
	background: #fff;
	text-decoration:none;
}
#catnav a:hover {
	background: #000;
	text-decoration:none;
}

/* ARCHIVES */

div.imageraster {
	margin-bottom:50px;
}

div.imageraster div.post {
	width: 245px;
	overflow: hidden;
	height: 140px;
	position: relative;
	float: left;
	margin-left:5px;
	margin-bottom:5px;
	background: url('images/pattern.gif');
	color: #fff;
}

div.imageraster div.post img {
	width:250px;
	height:auto;

}

/*DESCR*/

div.imageraster div.post div.posttitle{
	position: absolute;
	top: 10px;
	left: 10px;
	width:230px;


	}

div.imageraster div.post div.posttitle h2 a{
	padding-top:90px;
	color: #000;
	text-decoration: none;
	display:block;
	height:120px;
	background: transparent;
}

div.imageraster div.post div.posttitle h2 a span {
	background: #fff;
	}
div.imageraster div.post div.posttitle h2 a:hover {
	background:transparent;
}

div.imageraster div.post div.posttitle h2 a:hover span{
	visibility: visible;
	color: #000;
}

/* item kind */
div.imageraster div.posttitle h2 a:hover span.info{

}

div.imageraster .more-link {
	display:none;
}

/*COLORS PER SECTION*/


/* COLORS PER SECTION */
.catwortklang {	background: #D5D25A; }
#catnav.catwortklang a {	color: #D5D25A; }
div#page.catwortklang {border-top:10px solid #D5D25A;} 

.catbewegtbild {background: #95DBBD;	}
#catnav.catbewegtbild a { color: #95DBBD;	}
div#page.catbewegtbild {border-top:10px solid #95DBBD;} 

.catflo { background: #DFB78D; }
#catnav.catflo a { color: #DFB78D;	}
div#page.catflo {border-top:10px solid #DFB78D;}

.catobjektraum {	background-color: #c7d3fe;}
h2.catobjektraum span, #catnav.catobjektraum a {	color: #c7d3fe;}
div#page.catobjektraum {border-top:10px solid #c7d3fe;} 

.catnews { background: #DB8E89;}
h2.catnews span, #catnav.catnews a { color: #DB8E89;}
div#page.catnews {border-top:10px solid #DB8E89;} 


.catkontakt {background: #C3D192;}
h2.catkontakt span {color: #C3D192; }
div#page.catkontakt {border-top:10px solid #C3D192;} 


div.hl {
	position: absolute;
	top:-110px;
	left:-300px;
	z-index:1;
	font-weight:bold;
	background: #fff;
	height: 60px;
	overflow: hidden;
}

div.hl h2, #catnav a {
	font-size:50px;
	float:left;	
}

div.hl span {
	margin-top: 20px;
}

/* CONTENT STYLES */

div.postfull p, div.blog p {
	margin-bottom: 1.2em;
}


div.hl h2 { 
	background: #fff; 
	text-decoration: none;
	color: #000;	
	margin-bottom:20px;
}

div.hl h2 a{

}

div#right strong {
	font-weight:bold;
}

/* FORMULARE */

input, textarea {
	background: #DFDFDF;
	border: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
}

ol#commentlist {
	margin-left: 3em;	
}

ol#commentlist p{
	margin-bottom: 0.5em;

}

#postnavigation {
	clear:both;
	float:none;
	display:block;
}

hr {
	color: #DFDFDF;
	background-color: #DFDFDF;
	height: 1px;
	border:0;
}


/*kontakt formular*/

.cf-fs1 label, .cf-fs1 input, .cf-fs1 textarea {
font-size: 1.2em;

}
textarea {
padding:5px;
	width:auto;
}

.cf-fs1 ol {
	list-style: none;
}

.cf-fs1 li {
	margin-top:5px;
}

.cf-fs1 label {
	width:100px;
	float:left;
}
.linklove {
	display:none;
}

legend { 
	display:none;}
	
	
/* gallery */

div.gallery, div.gallery dl, div.gallery dt, div.gallery a {
	margin:0;
	padding:0;
	border:none;
}	

/*ein bild*/
div.gallery dl.gallery-item {
	width:90px;
	margin:0 5px 5px 0 ;	
	overflow:hidden;
}

div.gallery img {
	width:90px;
	border:0;
}

div.gallery a img{
	border:1px solid #fff;
	overflow:hidden;
	clear:both;
}
div.gallery a:hover img{
	border:1px solid #000;
}


.gallery-item {
	width: auto !important;
}	

div.gallery {
	clear: both;
	margin-bottom: 1.5em;
}

/* gallery: shadowbox */

#shadowbox_title {
	display:none;
}

a.qtlink {
	background: url('images/qtlink.gif') no-repeat left center;
	padding-left: 25px;
}

a.qtlink:hover {
	color: #000 !important;
	text-decoration:underline;
}

/* blog */

div.blog div.blogpost {
	margin-bottom: 1.5em;
}

div.blog h2 a {
	background: #fff;
	line-height: 1.3em;
	font-size:  1.3em;
}

div.blog h2 a span{
	background: #fff;

}

div.blog h2 a span.catnews{
	font-weight: bold;
}

div.blog h2 a:hover span{
	background: #000;
	color: #fff;
}

div.blog span.newsdate {
	color: #4B4B4B;
}

div.blog h2 a span.info{
	font-weight: normal;
	
}

div.blog h2 {margin-bottom:1em;}

div#right.friendlyfire h3{
	margin-bottom: 1.5em;
	font-weight: bold;
}

div#right.friendlyfire ul {
	list-style: none;
	clear: both;
	float: none;
	display: block;
	height: auto;
	overflow: hidden;
	margin-bottom: 1.5em;
}

div#right.friendlyfire li {
	float: left;
	padding: 0 5px 5px 0;
}


/* fixes */


div.blog a.more-link {
	margin-top: 1.5em;
}


/* @group carousel image */

div.jcarousel-scroll {
	display: none;
}

div.jcarousel-container {
	height: 380px !important;
}

div.carousel-controls {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 100;

}

div.carousel-controls span {
	display: block !important;
	margin-right: 2px !important;
}
div.carousel-controls a {
		padding: 2px;
		background: #fff;
		color: grey;
}

div.carousel-controls a.active {
	background: #fff;
	color: #000;

}
div.carousel-controls img {
	display: none;
}

div.jcarousel-container h2{
	display: none;
}

/* @end */ 

blockquote {
	margin-left: 20px;
	color: #4B4B4B;
}


/* popup messages for testimonial etc */
div.wpcf7-response-output {
	border: 20px solid grey !important;
	background: #fff;
	padding: 20px !important;
	font-size: 20px !important;
	
		
}