/*
 * michael schäfer
 * elsch.net webdesign
 * hallo@elsch.net
 * 
 * 06.2009
 */

 

/* grundlegende definitionen ---------------------------------------- */ 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
 
html{overflow-y:scroll; height:100%;}

body { 
	font-size: 13px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	line-height: 160%;
	color: #333;
	text-align: right;
	background: #fff url(/img/blumen_4093.jpg) no-repeat top right fixed;
	}
	
	
	
/* alle seiten ------------------------------------------------------ */
#wrapper { 
	text-align: left;
	width: 930px;
	margin: 0 50px 0 auto;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

#logo { 
	width: 930px;
	padding: 20px 0 40px 0;
	}
	
#content { 
	margin: 20px 28px 0 0;
	padding-left:142px; 
	width: 542px;
	float:left;
	background-color:#fff;
	} /*ie5.5+6.0 mögen das so, dreckdinger!*/
	
html>body #content { padding-left:0; width: 400px; margin-left:142px; }
	/*gute browser mögen das lieber so! */
	
#foto { 
	width: 360px;
	float:left;
	}
	
#sub {
	width: 930px;
	border-left:1px #ccc solid;
	}
	
	
/*#lx { float:right; font-size: 11px; text-align:right; }*/
	
/* fuss + partner (impressum) */
#fuss, #partner {
	font-size: 10px;
	line-height:14px;
	color: #696969;
	text-align: left;
	padding-left:6px;
	}
#fuss { width: 930px; margin: 10px 50px 50px auto; }
#partner { padding: 20px 0; }
#fuss img, #partner img { float:left; padding-right:10px; }
#fuss img { margin-left:142px; }

	
#print { display:none; }


/* links ------------------------------------------------------------ */

a:focus { outline:none; }
a { text-decoration:none; color:#102045; border-bottom:1px solid #007a90; }
a:hover { color:#007a90; }
#fuss a { color:#696969; border-bottom:1px solid #696969; }
#fuss a:hover { color:#007a90; }
a.oben { float:right; font-weight: bold; margin:20px 0;}


/* navigation ------------------------------------------------------- */
#nav { 
	width: 600px;
	text-align:center;
	margin:0 0 20px 142px;
	height:28px;
	background:#007A90;
	list-style-type:none;
	padding-top:7px;
	overflow:hidden;
	}
#nav li { 
	display:inline; 
	padding:2px 20px;
	margin:0 1px;
	}
#nav li.active { border-top:8px solid #102045; }
#nav li a { color:#fff;	border:none; }
#nav li:hover { 
	background:#102045; 	
	border-bottom:8px solid #102045;
	border-top:8px solid #102045;
	}
#nav li:hover a { color:#007a90; border:none; }
#nav li.active:hover { border-bottom:8px solid #102045; }


/* texte ------------------------------------------------------------ */
h1 {
	font-weight: bold;
	font-size: 20px;
	color:#007A90;
	padding-bottom:5px;
	}
h2 {
	font-weight: bold;
	font-size: 15px;
	color:#102045;
	padding-top:20px;
	}
p { margin:3px 0 8px 0; color:#102045; }

blockquote {
	color:#007A90;
	margin:20px 0 0 0;;
	padding: 0 0 20px 50px;
	background: url(/_fx/blockquote.gif) no-repeat left top;
	}
blockquote span { color:#666; }

.spamschutz { color: #102045; } /*codierte email-adressen */
.spamschutz img { padding:0 2px; }




/* kontaktseite ----------------------------------------------------- */
form { padding: 10px 28px 0 0; }
textarea { 
	width:350px; 
	background: #f1f1f1; 
	border: #afafaf 1px solid;
	padding: 10px;
	font-size: 16px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	}
input.f, input.anti { /*kname, kmail, kwww, antispam */
	width: 280px; 
	background: #f1f1f1; 
	border-right: #afafaf 1px solid;
	border-bottom: #afafaf 1px solid;
	border-top: #f1f1f1 1px solid;
	border-left: #f1f1f1 1px solid;
	margin: 5px 0;
	padding: 0 5px;
	font-size: 16px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	}
input.f { float:right; }
input.anti { width: 30px; text-align: center; } /* antispam */
label { float:left; margin: 6px 0; width: 70px; padding:0 5px; }

input.button { 
	width: 370px; 
	font-size: 16px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	}

textarea:focus, input.f:focus, input.anti:focus { background: #d0d0d0; }
	
input#kkopie {
	width: 20px;
	text-align: left;
	margin: 0 0 0 80px; 
	border: none;
	float:left;
	}
label.kkopie { float:right; width: 265px; padding:0; margin:0; }
p.msg { background:#e9a400; width:355px; padding: 5px 8px; color:#000; font-weight:bold; }
p.k { font-size:12px; width:355px; line-height:130%; color:#666; margin-top:8px; }




/*nur fotoauswahl */
#fotoauswahl { 
	position:absolute; 
	top:5px; left:5px; 
	color:#666; 
	padding:10px;
	border:1px solid #ff3300;
	background:#ccc;
	}
#fotoauswahl a { 
	color:#666; 
	text-decoration:none;
	border:none;
	font-weight:bold;
	}
#f1 { 
	float:left;
	font-size: 50px;
	padding:5px 10px 0 0;
	}
#f2 { float:left; }