/*
===================================================
Default-Stylesheet http://dirkhesse.com
Dirk Hesse; Sevilla, den 19. Februar 2010
Made with BBEdit.
===================================================
*/
 
/* ================ Global ================= */	
 
* {
		padding:0;
		margin:0;
		}
 
html {
		background:#f0f0f0;
		}
 
body {
		text-align:center; 
		color:#111;
		}
 
img, a img {
		border:none;
		}			
		
a {
		text-decoration:none;
		color:#333;
		border-bottom:1px dotted #666;
		outline:0;
		}	
	
a:hover {
		border-bottom:1px solid #000;
		color:#000;
		}
		
hr {
		clear:both;
		visibility: hidden;
		height:0px;
		}		
		
/* ================ Kopf ================= */			
		
h1, h1 a {
		display: block;
		background:url(/media/website/gestalte.png) no-repeat left top;
		text-indent:-9999em;
		height:68px;
		width:507px;
		margin:10px auto 70px auto;
		}	
		
#kont h1, #kont h1 a { 
		background:url(/media/website/schreiben.png) no-repeat left top;
		height:55px;
		width:428px; 
		border:none;
		}

#fehler h1, #fehler h1 a {
		background:url(/media/website/404.png) no-repeat left top;
		height:55px;
		width:251px;
		}		
			
/* ================ Typo ================= */					
				
p, li, address, h4 {
		font: normal 14px/1.6 Georgia, "Times New Roman", Times, serif;
		padding-bottom:16px;
		color:#333;
		display:block;
		list-style-type:none; 
		}	
		
small, .caps {
		font-size:0.9em;
		letter-spacing:0.1em;
		}		
		
.caps {
		text-transform:uppercase;
		}	
		 
li p a[href^="http"] {
  		font-style:italic; 
  		}	  
 
li p:last-child:before {
		content:" \2192 \00A0";
		}
 
dfn span.ital {
		font-style:italic;
		font-family:Constantia, Baskerville, "Palatino Linotype", Palatino;
		}	
		
address {
		font-style:italic;
		}		
			
li dfn {
		color:#333;
		display:block;
		font-style:italic;
		padding-bottom:10px; 			
		}
		
blockquote cite {
		display:block;
		font:normal 12px/1.6 "Lucida Grande", "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
		text-transform:uppercase;
		text-align:center;
		letter-spacing:0;
		color:#333;
		}
		
blockquote {
		margin-bottom:10px;
		}
		
blockquote p {		
		color:#333;
		font-style:italic;
		}		
 
#hinweis {
		font-style:italic;
		color:#f30; 
		font-weight:bold;
		}		
 
h2, h3 {
		font:normal 13px/1.6 "Lucida Grande", "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
		text-transform:uppercase;
		letter-spacing:0.08em;
		}
		 
h2 {
		margin-bottom:8px;
		padding-bottom:8px;
		border-bottom:1px dotted #ccc;
		}		 
		 
h3 { 
		padding:0 0 16px 0;
		}	
		
strong span {
		color:#62b900;
		font-weight:bold;
		}		
 
/* ================ Raster ================= */				
 
#global {
		margin:20px auto 20px auto;
		background:#fff;
		text-align:left;
		width:840px;
		padding:80px 75px 0px 75px; 	
		position: relative;
		}
		
#portfolio {
		position: relative; 
		}
 
/* ================ Hallo ================= */		
 
.infos {
		float:left;
		width:400px;
		padding:0 0 30px 0; 
		}	
		
h2 + .infos {
		margin-right:40px;
		}	
		
.infos a {
		font-style:italic;
		}		
		
/* ================ Aktuell ================= */	
 
#aktuell { 
		float:right;
		width:400px; 
		padding:25px 0; 
		}	
 
#aktuell li { 
		padding:0 0 10px 0;  
		}
	
#aktuell li span {
		font-style:italic;	
		}				
	
/* ================ Slider ================= */		

#slider {
		margin-bottom:40px;
		}
		
#slider img {
		float:left; 
		border:1px solid #eaeaea;
		background:#eaeaea;
		padding:9px; 
		width:380px;
		margin-right:40px;
		}	
 
#slider a:hover img {
		border:1px solid #ccc;
		}	
 
#slider h3 {
		padding:5px 0 0 0; 
		}		
 
#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
	
#slider li { 
		width:840px;
		height:410px;
		overflow:hidden; 
		padding:6px 0 12px 0;
		}
 
/* Buttons */
 
#nextBtn a:hover, #prevBtn a:hover { 
		color:#fff;
		background:#333;
		border:none;
		}
		 
#prevBtn, #nextBtn {
		text-align: center;
		font:italic 13px/1.5 Georgia, "Times New Roman", Times, serif;	
		position: absolute;
		top:-3px;
		}
		
#nextBtn {
		left: 440px;
		}	
	
#prevBtn {
		right:440px;
		}		
	
#prevBtn a, #nextBtn a {  
		text-decoration:none;
		border:none;
		display:block;
		background: #62b900;
	 	color:#fff;
		padding:1px 3px;
		width:80px;  		
		}	
 
#nextBtn a:hover, #prevBtn a:hover { 
		color:#fff;
		background:#333;
		border:none;
		}	
		
/* ================ Meinungen ================= */		
 
.quotes {
		width:400px;
		margin-bottom:40px;		
		}
 
.left {
		float:left;
		}
	
.right {
		float:right;
		}	
		
/* ================ Footer ================= */				
				
hr + p {
		clear:both; 
		text-align: center;
		width:840px;
		margin-left:-75px;
		background: #f0f0f0;
		text-shadow:#fff 1px 1px;
		height:1%;
		color:#999;
		padding:50px 75px 25px 75px;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font: normal 10px/1.5 "Lucida Grande", "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
		}	
		
hr + p small {
		font:italic 12px/2 Georgia, "Times New Roman", Times, serif;	
		color:#ccc;
		text-transform:none;
		letter-spacing: 0;
		display: block;
		}		
		
hr + p a {
		color:#999;
		border:none;
		}		
		
hr + p a:hover {
		border:none;
		}		
	
/* ================ Navigation ================= */		
	
#nav {  
		font:normal 11px/1.5 "Lucida Grande", "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;	
		text-align: center;
		letter-spacing: 0.1em;
		border-left:1px dotted #ddd;
		border-bottom:none;
		text-transform:uppercase;
		display:block;
	 	color:#888;
		padding:15px;
		position: absolute;
		top:0px;
		right:0;
		}	
		
#nav:hover {
		background:#eee; 
		color:#666; 
		}		
		
/* ================ Kontakt ================= */	
 
#kontakt {
		float:left;
		width:400px;
		}
		
#formular a {  
		text-decoration:none;
		border:none;
		color:#fff;
		display:block;
		background: #62b900;
	 	color:#fff;
		padding:1px 3px;
		width:150px;  	
		text-align: center;
		font:italic 13px/1.5 Georgia, "Times New Roman", Times, serif;	
		}	
	
#formular a:hover { 
		color:#fff;
		background:#333;
		border:none;
		}			
		
#formmailer, #adresse {
		display: block;
		float:right;
		width:400px; 
		padding:0 0 50px 0;
		}	
		
#adresse p {
		font-style:italic;
		}		
		
label { 
		font:italic 14px/1.6 Georgia, "Times New Roman", Times, serif;		
		padding-bottom:5px;
		}			
				
#name, #email, #Name, #EMail {
		width:294px;
		background:#fff;
		color:#333;
		}		
	
textarea, input {
		font: normal 13px/1.5 "Lucida Grande", "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
		padding:4px;
		margin-bottom:8px;
		color:#333;
		border:2px solid #d4d4d4;
		}
		
button#zemSubmit {
		width:90px; 
		height:22px;
		background:#62b900; 
		padding-bottom:2px;
		text-align: center;
		font:italic 13px/165% Georgia, "Times New Roman", Times, serif;	
		border:none;	
		color:#fff; 
		}
		
button#zemSubmit:hover {
		cursor:pointer;
		background:#000;
		color:#fff;
		}		
		
textarea {
		width:366px;
		height:100px;
		margin-bottom:20px;
		background:#fff;
		color:#444;
		line-height:150%;
		}
		
#formular p {
		color:#62b900;
		font-weight:bold;
		}		
			
p.ok {
		background:#73B106;
		color:#fff;
		font-weight:bold;
		padding:5px;
		}
		
ul.zemError {
		margin:10px 0;
		}		
			
p.err , ul.zemError li {
		background:#f60;
		color:#fff;
		font-weight:bold;
		padding:5px;
		}
 
ul.zemError li {
		width:294px;
		font-weight:bold;
		}							
 
/* ================ Zum Runden Eck ================= */			
 
button#zemSubmit, #prevBtn a, #nextBtn a, #formular a, #kontaktlink {
		-khtml-border-radius:10px;
		-moz-border-radius:10px;
		-khtml-border-radius:10px;		
		border-radius:10px;
		}