﻿/* CSS Reset */  

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
} 
/* HTML5 display-role reset for older browsers */  
article, aside, details, figure, footer, menu, header, hgroup, nav, section {	display: block;}

/* figcaption {	display: block;}  */

body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
li { list-style: none; }

a:link {color: #000000; text-decoration: none;}

/* Global */
body { background-color:#ffffff }


/* Wrapper */

#wrapper {
	background-color:#ffffff;
	width:960px;
	margin:50px auto;
	}

/* Headlines */

h1 {	font-family:"Century Gothic", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
		font-size:20px; color:#5AB3C5 ; font-weight:normal; 	}

/* Containers */

#top 				{		}

#logo				{	float:left; margin:0 0 50px 0; }
	
#topnav				{	font-family:"Century Gothic", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; 
						font-size:20px; width:100%;	clear:both; font-weight:normal
}
#topnav ul li		{	display:inline;	}
#topnav ul			{	width:100%; float:left; margin:0px; background-color:#ffffff;	}
#topnav ul li a		{	float:left; padding-right:20px;	}

#topnav a:link		{	color:#000000; 	}
#topnav a:visited	{	color:#000000;	}
#topnav a:active	{	color:#000000; 	}
#topnav a:hover		{	color:#5AB3C5; 	}
#topnav a:focus		{	color:#BDDEE6; 	}

#index #topnavIndex a			{	color: #5AB3C5 ;	}
#leistungen #topnavLeistungen a	{	color: #5AB3C5 ;	}
#projekte #topnavProjekte a		{	color: #5AB3C5 ;	}
#ueber #topnavUeber a			{	color: #5AB3C5 ;	}

#content			{	font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12px; color:black; 
						float:left; width:580px; line-height:160%; }
#content h1			{	margin:50px 0 25px 0;	}
#content p			{	margin:0 0 20px 0;	}
#content a:link		{	color:#5AB3C5 	}
#content a:visited	{	color:#000		}
#content a:active	{	color:#000		}
#content a:hover	{	color:#5AB3C5 	}
#content a:focus	{	color:#BDDEE6	}


#contact-form		{	font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12px; color:black; 
						float:left; width:480; line-height:160%;	}
#contact-form h1	{	margin:50px 0 25px 0;	}
			
#rightside			{	font-family:Verdana, Geneva, Tahoma, sans-serif;
						font-size:12px; color:black; width:260px; float:right; line-height:160%; 	}
#rightside h1		{	margin:50px 0 25px 0	}
#rightside p		{	margin:0 0 20px 0;	}
#rightside a:link		{	color:#5AB3C5	}
#rightside a:visited	{	color:#000000	}
#rightside a:active		{	color:#000000	}
#rightside a:hover		{	color:#5AB3C5 	}
#rightside a:focus		{	color:#BDDEE6	}

	
#footer				{	position:fixed; bottom: 10px; width:960px; border-top:1px #C0C0C0 solid; padding-top:5px; color:#999999; font-size:11px; line-height:130%; 
						} 
#footer a:link		{	color:#999999	}
#footer a:visited	{	color:#999999	}
#footer a:active	{	color:#999999	}
#footer a:hover		{	color:#5AB3C5 	}
#footer a:focus		{	color:#BDDEE6	}

#footer-left		{	font-family:Verdana, Geneva, Tahoma, sans-serif;
						width:430px; float:left;	}
	
#footer-right		{	font-family:Verdana, Geneva, Tahoma, sans-serif;
						text-align:right; float:right; width:260px;	}

/* Forms */


form				{	text-align:left; margin-top:20px;	background:none;	
						font-size:12px; font-family:Verdana, Geneva, Tahoma, sans-serif;}

label				{	float: left; width:70px; text-align:left; display:block; 		}
	
input, textarea		{	border:1px solid; border-color:#999999; margin-left:10px; width:400px; padding:3px; margin:0 0 10px 0}
	
input				{	width:20px: margin-bottom:16px;	}

textarea  			{	width:400px; height:150px; margin-bottom: 16px; border:1px solid; border-color:#999999; padding:10; margin:10; background:none;	
						font-size:12px; font-family:Verdana, Geneva, Tahoma, sans-serif;	}

select				{	}

.submit				{	width:90px; height:25px; margin:5px 0 0 70px; 	}
	

