/*
 * 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, ins,
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 { height: 100%; margin-bottom: 1px; }

body { 
	font-size:14px;
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	line-height:160%;
	color:#333;
	background:#6f6f6f url(/_fx/bg.gif) repeat-x fixed; 
	text-align:center;
	}
	
	
	
/* alle seiten ------------------------------------------------------ */
	
#wrapper { 
	text-align:left;
	margin:0 auto;
	padding-top:10px;
	width:610px;
	background:#f1f1f1;
	}
	
#kopp { 
	float:left; 
	background: #ccc url(/_fx/logo.gif) no-repeat 10px 20px; 
	width:610px;
	height:170px;
	position:fixed;
	top:10px;
	margin: 0;
	}
#kopp h1 { display:none; }
	
#spalte1 { 
	float:left; 
	width:208px; 
	padding:237px 0 0 0;
	background:#f1f1f1;
	}

#content { 
	float:left; 
	width:372px; 
	padding:180px 30px 20px 0;
	background:#f1f1f1;
	}
#content h1, #content h2 { display:none; }

p { margin:0 0 10px 0; }
p.i { font-size:13px; line-height:140%; }
p.k { font-size:12px; line-height:130%; color:#666; margin-top:8px; }
ins { text-decoration:none; }

#fuss { 
	padding: 2px 0 0 208px;
	margin:0 auto;
	width:402px;
	font-size:10px;
	text-align:left;
	color:#696969;
	background:#f1f1f1;
	border-bottom:10px solid #d53d3b;
	}
	
#print { display:none; }



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

a:focus { outline:none; }
a { text-decoration:none; color:#d22927; }
a:hover { border-bottom: 2px solid #6f6f6f; }
a.no:hover { border:none; }

/*links fuss */
#fuss a { color:#696969; border-bottom: 1px solid #e0e0df; }
#fuss a:hover { color:#d22927; }


/* navigation ------------------------------------------------------- */
ul#nav {
	text-align:right;
	list-style-type:none;
	position:fixed;
	width:124px;
	/* padding: 0 85px 0 0; */
	} 
ul#nav li a { color:#000; } 
ul#nav li a:hover { color:#d22927; border:none; } 
ul#nav li.a a { font-weight:bold; }


/* kontaktseite ----------------------------------------------------- */
form { padding: 10px 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:#d53d3b;
	width:355px;
	padding: 5px 8px;
	color:#fff;
	font-weight:bold;
	}
	
/*#valid { position:absolute; bottom:5px; right:5px; }*/