/* ----------Container zentriert das Layout---------- */
*
{	margin:0;
	padding:0;
}
#container
{ 
	background-repeat: 
	repeat; position: 
	relative; width: 681px; 
	margin:auto; 
	height: 100%; 
	min-height: 100%; 
	padding: 0; 
}
body { 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #e6e6e6;
}

a:link { 
color: #626262; 
text-decoration: none; 
}
a:visited { 
color: #626262; 
text-decoration: none; 
}

a:hover { 
color: #547592; 
text-decoration: underline; 
}

a:active { 
color: #626262; 
text-decoration: underline; 
}


/* -----Karte----- */

#blobs {width: 681px; height: 431px; background: url(../image/hover/bg_karte.gif); margin: 10px auto; padding: 0; position: relative;}
#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#blobs a {display: block;}

#blob1 { left: 0; top: 118px; width: 195px; height: 205px; z-index: 1; }
#blob2 { left: 111px; top: 84px; width: 205px; height: 240px; z-index: 2; }
#blob3 { left: 252px; top: 140px; width: 120px; height: 283px; z-index: 3; }
#blob4 { left: 250px; top: 46px; width: 222px; height: 205px; z-index: 4; }
#blob5 { left: 349px; top: 242px; width: 83px; height: 55px; z-index: 5; }
#blob6 { left: 315px; top: 285px; width: 98px; height: 75px; z-index: 6; }
#blob7 { left: 409px; top: 230px; width: 70px; height: 54px; z-index: 7; }
#blob8 { left: 453px; top: 168px; width: 97px; height: 111px; z-index: 8; }
#blob9 { left: 528px; top: 141px; width: 152px; height: 91px; z-index: 9; }
#blob10 { left: 434px; top: 87px; width: 186px; height: 100px; z-index: 10; }
#blob11 { left: 434px; top: 0; width: 159px; height: 113px; z-index: 11; }

#blob1 a {height: 205px;}
#blob2 a {height: 240px;}
#blob3 a {height: 283px;}
#blob4 a {height: 205px;}
#blob5 a {height: 55px;}
#blob6 a {height: 75px;}
#blob7 a {height: 54px;}
#blob8 a {height: 111px;}
#blob9 a {height: 91px;}
#blob10 a {height: 100px;}
#blob11 a {height: 113px;}


#blob1 a:hover { background: url(../image/hover/regio_1.gif)  no-repeat}
#blob2 a:hover { background: url(../image/hover/regio_2.gif)  no-repeat;}
#blob3 a:hover { background: url(../image/hover/regio_3.gif)  no-repeat;}
#blob4 a:hover { background: url(../image/hover/regio_4.gif)  no-repeat;}
#blob5 a:hover { background: url(../image/hover/regio_5.gif)  no-repeat;}
#blob6 a:hover { background: url(../image/hover/regio_6.gif)  no-repeat;}
#blob7 a:hover { background: url(../image/hover/regio_7.gif)  no-repeat;}
#blob8 a:hover { background: url(../image/hover/regio_8.gif)  no-repeat;}
#blob9 a:hover { background: url(../image/hover/regio_9.gif)  no-repeat;}
#blob10 a:hover { background: url(../image/hover/regio_10.gif)  no-repeat;}
#blob11 a:hover { background: url(../image/hover/regio_11.gif)  no-repeat;}