/* Online-Wolle.com CSS */

/* ####################### Allgemeine Definitionen ####################### */

body
{
	background-image:url(images/background.jpg);
         text-align:center;
         font-size:100%;
         font-family:Verdana;
}

h1
{
	color:#FFFFFF;
         font-size:150%;
         margin:5px;
}

h2
{
	font-size:120%;
         font-family:Comic Sans MS;
         margin:5px;
}

h3
{
	font-size:90%;
         font-weight:bold;
         margin:5px;
         text-transform:uppercase;
}

h4
{
	font-size:120%;
         font-family:Comic Sans MS;
         margin:10px;
         font-weight:normal;
}

h5
{
	margin:5px;
         font-family:Verdana;
         font-size:75%;
         font-weight:normal;
}

/* ####################### Klassen ####################### */

a.navigation, a.navigation:link, a.navigation:visited, a.navigation:active, a.navigation:hover
{
         font-family:Verdana;
         display:block;
         width:150px;
         height:20px;
         background-image:url(images/button.png);
         background-repeat:no-repeat;
         margin-top:10px;
         padding:2px;
         padding-left:5px;
         color:#000000;
         font-size:65%;
         font-weight:bold;
         text-decoration:none;
         text-align:left;
}

a.navigation:hover
{
         background-image:url(images/button_active.png);
         background-repeat:no-repeat;
}

a.sch_shop, a.sch_shop:link, a.sch_shop:visited, a.sch_shop:active, a.sch_shop:hover
{
	font-size:100%;
         font-family:Comic Sans MS;
         color:#AA4040;
         font-weight:bold;
         text-decoration:none;
}

a.sch_shop:hover
{
	text-decoration:underline;
}

a.sch_shop_links, a.sch_shop_links:link, a.sch_shop_links:visited, a.sch_shop_links:active, a.sch_shop_links:hover
{
	font-size:75%;
         font-family:Comic Sans MS;
         color:#FFFFFF;
         font-weight:bold;
         text-decoration:none;
}

a.sch_shop_links:hover
{
	text-decoration:underline;
}

a.middle, a.middle:link, a.middle:visited, a.middle:active, a.middle:hover
{
         color:#FF4040;
         font-size:75%;
         font-weight:bold;
         text-decoration:none;
}

a.middle:hover
{
         color:#FFFFFF;
}

a.xml, a.xml:link, a.xml:visited, a.xml:active, a.xml:hover
{
         color:grey;
         text-decoration:none;
}

a.footer, a.footer:link, a.footer:visited, a.footer:active, a.footer:hover
{
         color:#6633FF;
         font-size:120%;
         text-decoration:underline;
}

a.end, a.end:link, a.end:visited, a.end:active, a.end:hover
{
         color:orange;
         font-size:75%;
         text-decoration:underline;
}

span.telefonnr
{
	color:#FFFFFF;
         font-size:110%;
}

span.marke
{
	color:#FFFFFF;
         font-size:75%;
         text-transform:uppercase;
         font-weight:bold;
}

span.typ
{
	color:#28527b;
         font-size:75%;
         text-transform:uppercase;
}

span.ab
{
	font-size:50%;
         color:#52731a;
}

span.preis
{
	color:#a90b3f;
         font-size:100%;
         font-weight:bold;
}

span.wolle
{
	font-size:65%;
         color:#52731a;
}

span.copyright
{
	color:#28527b;
         font-size:65%;
}

span.xml
{
	color:grey;
         font-size:65%;
}

span.footer1
{
	font-size:75%;
}

span.footer2
{
	font-size:150%;
         color:#6633FF;
         text-decoration:underline;
         font-weight:bold;
}

span.footer3
{
	font.size:120%;
}

span.footer4
{
	font-size:100%;
}

/* ####################### DIV-Container ####################### */

#position
{
	width:795px;
	margin:0px auto;
         border: 1px solid #FFFFFF;
}

#logo
{
	float:none;
         border-bottom: 1px solid #FFFFFF;
}

#left
{
	float:left;
         width:165px;
         padding:5px;
         padding-left:0px;
         padding-top:10px;
}

#middle
{
	float:left;
         margin-left:15px;
         padding:5px;
         width:130px;
         border-top-width:0px;
         border-bottom-width:0px;
         padding-top:10px;
         background-color:#FFFFFF;
}

#right
{
	float:left;
         padding:5px;
         width:457px;
         padding-top:10px;
         border-left: 1px solid #FFFFFF;
}

#linkebox
{
	width:120px;
         height:80px;
         float:left;
         margin:5px;
         border:2px solid #FF4040;
         padding-left:5px;
         padding-right:5px;
}

#inlinkebox
{
	border-bottom:2px solid #FF4040;
         text-transform:uppercase;
         font-weight:bold;
         font-size:75%;
         margin-bottom:5px;
}

#mittlerebox
{
	width:120px;
         height:80px;
         float:left;
         margin:5px;
         margin-left:20px;
         border:2px solid #FF4040;
         padding-left:5px;
         padding-right:5px;
}

#inmittlerebox
{
	border-bottom:2px solid #FF4040;
         text-transform:uppercase;
         font-weight:bold;
         font-size:75%;
         margin-bottom:5px;
}


#rechtebox
{
	width:120px;
         height:80px;
         float:right;
         margin:5px;
         border:2px solid #FF4040;
         padding-left:5px;
         padding-right:5px;
}

#inrechtebox
{
	border-bottom:2px solid #FF4040;
         text-transform:uppercase;
         font-weight:bold;
         font-size:75%;
         margin-bottom:5px;
}

#contentfoot
{
	background-color:#A9A9A9;
         width:457px;
         height:50px;
}

div.wolle_content
{
	width:100px;
         font-family:Comic Sans MS;
         float:left;
         font-size:75%;
         margin:5px;
}

div.wolle_content2
{
	width:100px;
         float:left;
         margin:5px;
}

div.wolle_content2_back
{
	width:460px;
         font-size:75%;
         float:left;
         color:#7fa65c;
         background-color:#eaffea;
         font-weight:bold;
}

div.wolle_content3
{
	width:100px;
         float:left;
         margin:5px;
}

div.wolle_content3_back
{
	width:460px;
         font-size:75%;
         float:left;
         color:#OOOOOO;
         background-color:#e1f0ff;
         font-weight:bold;
}

div.wolle_content4
{
	width:150px;
         float:left;
         margin:5px;
}

div.wolle_content4_back
{
	width:460px;
         font-size:75%;
         float:left;
         color:#7fa65c;
         background-color:#eaffea;
         font-weight:bold;
}

div.wolle_content5
{
	width:115px;
         float:left;
}

div.wolle_content5_back
{
	width:460px;
         font-size:75%;
         float:left;
         color:#7fa65c;
         background-color:#eaffea;
         font-weight:bold;
}



/* EOF */