/* ----------------------------- general information ----------------------------- *
#95bb53 GREEN
#0090c5 BLUE

Author: Stefan Kandler, Designfrisch
Author URI: http://www.designfrisch.de

/* ----------------------------- browser resets ----------------------------- */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

:focus { outline:0; } /* remember to define focus styles! */
ins { text-decoration:none; } /* remember to highlight inserts somehow! */
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */

/* ----------------------------- basic styling ----------------------------- */
body { font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:80%; letter-spacing: .05em; color:#ccc }
h1, h2, h3, h4 { font-size:1.6em; font-weight:normal; color:#95bb53; margin-bottom: 5px; text-shadow: 0 1px 3px #000; }
h1 { font-size:1.6em; }
h2 { font-size:1.4em; margin-top:30px; margin-bottom:10px; text-transform:uppercase; }
h3 { font-size: 1.2em; margin-top:30px; color:#647e38;  }
p { line-height:1.6em; margin-bottom:10px; }
ol, ul { line-height:1.6em; margin-bottom:10px; margin-left:20px }
li { list-style: circle }

/* ----------------------------- linking ----------------------------- */
a, a:link, a:visited { text-decoration:none; color:#0090c5; }
a:active, a:hover { text-decoration:underline }

a.button:link, a.button:active, a.button:visited { float:left; display:block; margin: 0; padding: 0; background:url("/img/button_1.png") no-repeat left top; text-decoration:none; color:#0090c5; text-transform:uppercase; letter-spacing:.05em }
a.button strong { float:left; display:block; background:url("/img/button_2.png") no-repeat right top; padding:6px 40px 7px 2px; margin-left:10px; font-weight:normal }
a.button:hover { border:0; padding:0 1px 0 0; margin:0 0px 0 0; color:#fff; background:url("/img/button_1o.png") no-repeat left top;  }
a.button:hover strong { background:url("/img/button_2o.png") no-repeat right top;  }

/* ----------------------------- backgrounds ----------------------------- */
body { background:url("/img/bg.jpg") top left repeat-x #222 }
body#home { background:url("/img/bg-home.jpg") top left repeat-x #222 }
/* body#blog in der style.css */
body#referenzen {}

/* ----------------------------- layers general ----------------------------- */

#wrapper { margin:0 auto; padding:0; width:1000px; }

#top { position:fixed; width: 1000px; z-index:100; background:url("/img/bg-home.jpg") top left repeat-x; padding-bottom:20px; }
#topBlog { overflow:hidden; background:url("/img/bg-black-60.png"); }

#logo { float:left; }

#navi { position:relative; font-size:1.2em; letter-spacing:.1em; text-align:right; }
#navi a { float:right; display:block; margin:0 0 0 10px; padding:50px 15px 12px; text-transform:uppercase; }
#navi a:hover,
#navi a.current:hover { text-decoration:none; border-bottom:1px solid #0090c5; background:url("/img/bg-black-60.png"); color:#0090c5; }
#navi a.current { background:url("/img/bg-black-60.png"); border-bottom:1px solid #95bb53; color:#95bb53; }

#content { margin:0; padding:100px 0 0; }
#footer { clear: both; padding:30px; margin-top:100px; font-size:.8em; text-align:center; background:#111;}
#footer a { margin-left:30px; }

.eyecatcher { float:right; padding-top:50px; }
h1.slogan { padding:50px 0; }
#home #content h1.slogan { padding:155px 200px /*125px 0*/; }
.primary { padding-bottom: 20px; }
.secondary {   }

.box { 
	float:left; 
	display: inline; 
	width: 306px; 
	margin: 0 40px 40px 0; 
}
.box h2 { 
	margin-top:20px; 
}


/* ----------------------------- home ----------------------------- */
#home .box { margin-bottom:60px; }
#home .box h2 { color:#fff; }
#home .box p { margin-right:90px }
#home .boxAktuell { float:right; width:400px; margin:-30px 0 0 50px; }
#home .boxAktuell h2 { margin-top:0 }
#home .boxAktuell li a { display:block; padding:2px 4px; color:#fff }
#home .boxAktuell li a:hover { background:#000; text-decoration:none; color:#0090c5 }
#home .boxAktuell table.projekteAktuell { margin:10px 0 65px; width:100%; border:1px solid #222 }
#home .boxAktuell table.projekteAktuell th { padding:8px; text-align:left; font-weight:normal; background:#222 }
#home .boxAktuell table.projekteAktuell td { padding:8px; }
#home .boxAktuell table.projekteAktuell tr:hover { background:#000; }

/* ----------------------------------------- projects ----------------------------------------- */
div.projekt { border: 1px solid #ccc; width: 600px; margin:0 0 50px; padding: 10px; overflow: hidden }
.projekt a.button:link, a.button:active, a.button:visited { float:right;}
#showprojects { width:960px; margin:40px 20px; }

#referenzen .thumbs a { display: inline; float: left; margin-right: 20px; margin-bottom: 20px; }
#referenzen .thumbs a img { display: block; margin-bottom: 8px; padding: 2px;  }
#referenzen .thumbs a span { color: white; font-size: .9em }
#referenzen .thumbs a:hover { text-decoration: none }
#referenzen .thumbs a:hover img { border:2px solid #0090c5; padding: 0 }
#referenzen .thumbs a:hover span { color: #0090c5 }


/* ----------------------------------------- services ----------------------------------------- */




/* ----------------------------------------- contact ----------------------------------------- */


/***** boxes *****/
.anschrift { 
	width:360px; 
}
.telefon { 
	width:250px; 
}
	.telefon span { 
		float:left; 
		display:block; 
		width:80px; 
	}
	
a.xing { 
	background:url("/img/xing.png") no-repeat 0 0; 
	display:block; 
	padding:33px 100px; 
}

a.xing:hover { 
	background:url("/img/xing.png") no-repeat 0 -66px;
 }

	a.xing span { 
		font-size: .01em;
		visibility: hidden;
	}


/***** form *****/

#boxKontakt { 
	background: url(/img/bgKontakt.png) no-repeat 305px 295px;
	padding-bottom: 30px;
}

	#boxKontakt strong { /* star */
		color: #a2bd3e; 
		padding: 0 4px; 
	}
	
	#boxKontakt p.info { /* hint */
		float:left; 
		width:310px; 
		font-size: .8em; 
		padding-bottom: 20px;
		margin-right: 40px;
	}
	
	input,
	select,
	textarea { 
		color: #666; 
		text-transform: uppercase; 
		letter-spacing: .1em;
		font-style: italic;
	}

	input:focus, 
	select:focus, 
	textarea:focus { 
		color:#a2bd3e; 
		font-style: italic; 
	}
	
	#boxKontakt .nachricht {
		float:right;
		width:560px; 
		height:315px; 
		padding:20px;
		background:#222; 
		-moz-border-radius: 10px; 
		-webkit-border-radius:10px 
	}
		
		#boxKontakt .nachricht textarea { 
			font-family: Arial, Tahoma, Verdana;
			width: 440px; 
			height: 260px; 
			background: url(/img/bgTextarea.png) top left; 
			font-size: .9em; 
			line-height: 26px;
			letter-spacing: .1em; 
			border: none; 
			color: #ccc;
		}
		
	#boxKontakt .half {
		margin:0 50px 15px 0;
	}
	
	#boxKontakt .full {
		margin-bottom: 15px;
	}
	
		#boxKontakt .feld label { 
			width:100px; 
			float:left; 
			color:#777; 
			text-transform: uppercase; 
			font-size:.9em; 
			line-height: 1.8em;
			letter-spacing:.1em;
		}
	
		#boxKontakt .feld input, 
		#boxKontakt .feld select { 
			border: none; 
			font-size: 1em; 
			border-bottom: 1px solid #333; 
			letter-spacing: .1em; 
			background: none; 
			margin-bottom: 4px;
		}
		
		#boxKontakt .half input, 
		#boxKontakt .half select { 
			width:200px; 
		}
		#boxKontakt .full input, 
		#boxKontakt .full select { 
			width:440px; 
		}
		
		#boxKontakt .feld select { 
			border-width:0 0 1px; 
			border-style:solid; 
			border-color:#333; 
			color:#ccc; 
			padding:4px 2px; 
			font-family:Arial, Tahoma, Verdana;  
		}

		#boxKontakt .feld textarea.error, 
		#boxKontakt .feld input.error { 
			border-color: #900;
			background: #362424;
			color: #f00;
		}
		#boxKontakt .feld textarea.error {
			background: url(/img/bgTextareaOver.png) top left;
			color: #f00;
		}

	#boxKontakt button { 
		margin-top: 18px;
		font-size: 1em;
		background: #ccc;
		color: #0090c5;
		padding: 8px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	#boxKontakt button:hover { 
		background: #0090c5;
		color: #fff;
	}

/***** map *****/
.map iframe {
	border: 1px solid #333;
	padding: 1px;
}
.map iframe:hover {
	border-color: #0090c5;
	border-width: 2px;
	padding: 0;
}
.map small { 
	display: block;
	text-align: right;
	font-size: .8em;
	padding: 6px;
}


.last { margin-right:0; }
.left { float:left; margin:5px 10px 10px 0; }
.right { float:right; margin:5px 0 10px 10px; }
.clear { clear: both; }
.date { float:right; }
.fehler { color:red }