body {
	text-align: center;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:14px;
	color: #064465;
	margin: 0; padding: 0 0 1em 0;
}
a:link { color:#064465; text-decoration:underline; }
a:visited { color:#064465; text-decoration:none; }
a:hover { color:#064465; text-decoration:none; }
a:active { color:#064465; text-decoration:none; }
a:focus { outline: none;}

img{border:none;}

#seite {
	width: 980px;  
	height:100%;
	margin: 0 auto;
	padding: 0; 
	text-align: left;
	position:relative;
/*border:1px solid green;*/
}
#logo {
	width:980px;
	height:319px;
	background:url(pics/Spinnrad-Naturtextilien_logo.jpg) no-repeat;
	margin:0;
}
#logo a {
	display:block;
	width:980px;
	height:319px;
	border:none;
}


/**** RECHTS ****/

#rechts {
	float: right;
	width: 270px;
	margin: 0; padding: 0;
	text-align: right;
/*border:1px solid green;*/
}

#rechts a:link { color:#064465; text-decoration:none; }
#rechts a:visited { color:#064465; text-decoration:none; }
#rechts a:hover { color:#064465; text-decoration:none; font-weight:bold;}
#rechts a:active { color:#064465; text-decoration:none; }
#rechts a:focus { outline: none;}

.aktiv {font-weight:bold;}

ul#navi {
    margin: 0; padding: 0;
	padding-right:85px;
	font-size:19px;
	text-transform:uppercase;
	letter-spacing:1px;
}
ul#navi li {
    list-style: none;
    margin: 0; padding: 0;
	margin-bottom:10px;
}
ul#navi li#kontakt {
	padding-top:20px;
}
#wrapper {
	position: absolute;
}

div#info {
	width:270px;
	height:222px;
	position:absolute;
	top: 0; 
	padding-top:50px;
	font-weight:bold;
	color:#01107f;
	background:url(pics/hg-rot.jpg) no-repeat;
}
div#info.fixed {
  position: fixed;
  top: 0;
}
div#info p {padding-right:85px;}
div#info span {font-size:17px;}


/**** LINKS ****/

#links {
	margin-right:275px;
	padding-left:140px;
	padding-right:10px;
/*border:1px solid green; */
}
#links h1 {
	margin-top:0;
	font-weight:normal;
	font-size:25px;
	color:#fac330;
}
#links h2 {
	font-weight:normal;
	font-size:21px;
	color:#fac330;
	margin-top:30px;
}
#links h3 {
	font-weight:normal;
	font-size:19px;
	color:#fac330;
}


#slogan {
	position:absolute; top:300px; left:115px;
	width:600px;
	height:99px;
	background:url(pics/slogan.png) no-repeat;
}

#bilder {
	position:absolute; top:420px; left:60px;
	width:600px;
	height:225px;
	background:url(pics/bilder-startseite.png) no-repeat;
}

#aktuelles {margin-top:350px;}
#aktuelles h3 {font-weight:normal;font-size:18px;}

#breadcrumb {margin-bottom:30px;font-size:12px;}

ul#navi_sortiment {
    margin: 0; padding: 0;
	margin-top:20px;
	font-size:21px;
	color:#fac330;
	/*-moz-column-count:2; *//* Firefox */
	/*-webkit-column-count:2; *//* Safari and Chrome */
	/*column-count:2;*/
}
ul#navi_sortiment li {
    list-style: none;
    margin: 0; padding: 0;
	padding-bottom:20px;
	height:99px;position:relative;
}
ul#navi_sortiment a:link { color:#fac330; text-decoration:none; }
ul#navi_sortiment a:visited { color:#fac330; text-decoration:none; }
ul#navi_sortiment a:hover { color:#fac330; text-decoration:none;}
ul#navi_sortiment a:active { color:#fac330; text-decoration:none; }
ul#navi_sortiment a:focus { outline: none;}

ul#navi_sortiment li span {
	position:absolute;
	left:110px;bottom:25px;
}

.clear {clear:both;}




/***** Kontaktformular ********/

.formular {
 width:555px;
 text-align:left;
 margin-top:20px;
}
.fehler {
 color:red;
 text-align:left;
 margin-bottom:20px;
}
.bez {
 float:left;
 width:120px;
 line-height:25px;
}
input {
 margin-top:4px;
 margin-bottom:4px;
 border:1px solid #064465;
}
#submit {background-color:#064465;cursor:pointer;color:#fff;font-size:12px;margin-top:12px;}
textarea {
 margin-top:6px;
 border:1px solid #064465;
}
#captcha {margin:5px 0 0 120px;}
.copy {
 font-size:10px;
 margin-top:30px;
}