*{ margin: 0; padding: 0; }* 
img { border:none; }
body { font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #fff url(images/bg.gif) repeat-x; color: #000; }
a {	color: #0099FF;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; text-decoration: underline; }
p { margin: 0 0 15px 0; }
h1 { font: normal 1.9em Georgia, "Times New Roman", Arial; color: #000; }
h2 { font: normal 1.3em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #000; border-bottom: 1px solid #eee; }
img { border: 0; }
#content { width: 930px; margin: 25px auto; }
#logo { margin: 10px 0 20px 0; width: 340px; float: left; }
#logo p { margin: 0; }
.clear { clear: both; }
.caption { background: #fff url(images/title.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
.caption p { margin: 0; }
#left { margin: 0 0 20px; clear: left; width: 270px; float: left; }
#center { width: 240px; float: left; margin: 0 0 20px 15px; }
#right { float: right; width: 380px;}
#middle { float: left; width: 650px; margin: 0 0 0 10px ;}
.date { font-size: .8em; border-top: 1px solid #eee; padding: 5px 0 0; }
.box { background: #eee; padding: 10px; height:auto;}
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
.box li a { padding: 0 5px; }
#footer { font-size: .84em; clear: both; padding: 15px; background: #F4F090; }
#footer a { color: #0099FF; } 
.abstand {margin:5px;}
/* Menu */
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background:url(trans.gif); padding:10px;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul {position:absolute; left:-9999px;}
#menu ul.out {position:absolute; left:336px; top:3px;}

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#fff; line-height:20px; text-decoration:none; padding:0 20px 0 0; background:url(images/tab-right.gif) no-repeat right top; margin-bottom:3px;}
#menu a b {display:block; line-height:20px; padding:0 0 0 10px; background:url(images/tab-left.gif) no-repeat left top; font-weight:normal;}

#menu ul li:hover > ul {visibility:visible; left:100%; margin-left:-20px; margin-top:-34px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a.fly {background: url(images/tab-arrow.gif) no-repeat right top;}
#menu li a:hover {background-position:right bottom; color:#800; white-space:nowrap;} 
#menu li a:hover b {background-position:left bottom;} 

#menu li:hover > a {background-position:right bottom; color:#920;}
#menu li:hover > a > b {background-position:left bottom;}

#menu a:hover ul li a b,
#menu a:hover ul a:hover ul li a b,
#menu a:hover ul a:hover ul a:hover ul li a b {background:url(images/tab-left.gif) no-repeat left top;}
#menu a:hover ul li a:hover b,
#menu a:hover ul a:hover ul li a:hover b,
#menu a:hover ul a:hover ul a:hover ul li a:hover b {background-position:left bottom;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-31px; margin-left:-17px;}
/* Image Map */
#imap {
	DISPLAY: block; BACKGROUND: url(images/internet-marketing-projekt.jpg) no-repeat; MARGIN: 10px 0px 10px 75px; WIDTH: 300px; POSITION: relative; HEIGHT: 210px
}
#imap A#painting {
	DISPLAY: block; BACKGROUND: url(images/internet-marketing-projekt2.jpg) no-repeat 300px 210px; LEFT: 0px; OVERFLOW: hidden; WIDTH: 300px; CURSOR: default; PADDING-TOP: 210px; POSITION: absolute; TOP: 0px; HEIGHT: 0px
}
 HTML #imap A#painting {
	HEIGHT: 0px
}
#imap A#painting:hover {
	BACKGROUND-POSITION: 0px 0px; Z-INDEX: 10
}
#imap DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute
}
#imap #man {
	Z-INDEX: 20; LEFT: 51px; TOP: 168px
}
#imap #donkey {
	Z-INDEX: 20; LEFT: 50px; TOP: 113px
}
#imap #child {
	Z-INDEX: 20; LEFT: 193px; TOP: 46px
}
#imap A#link_man {
	DISPLAY: block; Z-INDEX: 20; WIDTH: 44px; HEIGHT: 34px; TEXT-DECORATION: none
}
#imap A#link_donkey {
	DISPLAY: block; Z-INDEX: 20; WIDTH: 60px; HEIGHT: 37px; TEXT-DECORATION: none
}
#imap A#link_child {
	DISPLAY: block; Z-INDEX: 20; WIDTH: 47px; HEIGHT: 101px; TEXT-DECORATION: none
}
#imap A EM {
	DISPLAY: none
}
#imap A SPAN {
	DISPLAY: none
}
#imap A:visited SPAN {
	DISPLAY: none
}
/* Hoverkasten gelb*/
#imap A#link_man:hover {
	BORDER-RIGHT: #fc0 1px solid; BORDER-TOP: #fc0 1px solid; BORDER-LEFT: #fc0 1px solid; BORDER-BOTTOM: #fc0 1px solid
}
#imap A#link_donkey:hover {
	BORDER-RIGHT: #fc0 1px solid; BORDER-TOP: #fc0 1px solid; BORDER-LEFT: #fc0 1px solid; BORDER-BOTTOM: #fc0 1px solid
}
#imap A#link_child:hover {
	BORDER-RIGHT: #fc0 1px solid; BORDER-TOP: #fc0 1px solid; BORDER-LEFT: #fc0 1px solid; BORDER-BOTTOM: #fc0 1px solid
}
/* Hovertext*/
#imap A:hover SPAN {
	DISPLAY: block; FONT-SIZE: 0.9em; WIDTH: 330px; COLOR: #000; LINE-HEIGHT: 1.8em; POSITION: absolute; HEIGHT: 270px; TEXT-ALIGN: left
}
#imap A#link_man:hover SPAN {
	LEFT: 280px; TOP: -150px
}
/*rote Linie*/
#imap A#link_man:hover EM {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: #f00; LEFT: 45px; OVERFLOW: hidden; WIDTH: 270px; POSITION: absolute; TOP: 22px; HEIGHT: 1px
}
#imap A#link_donkey:hover SPAN {
	LEFT: 280px; TOP: -95px
}
#imap A#link_donkey:hover EM {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: #f00; LEFT: 60px; OVERFLOW: hidden; WIDTH: 230px; POSITION: absolute; TOP: 30px; HEIGHT: 1px
}
#imap A#link_child:hover SPAN {
	LEFT: 130px; TOP: -25px
}
#imap A#link_child:hover EM {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: #f00; LEFT: 50px; OVERFLOW: hidden; WIDTH: 80px; POSITION: absolute; TOP: 45px; HEIGHT: 1px
}
#imap A:hover SPAN IMG {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; FLOAT: left; MARGIN-BOTTOM: 0.5em; BORDER-LEFT: #000 1px solid; MARGIN-RIGHT: 1em; BORDER-BOTTOM: #000 1px solid
}
#imap A SPAN:first-line {
	FONT-WEIGHT: bold; FONT-STYLE: italic
}
#info H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 1.2em; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 0px 75px; WIDTH: 6500px; BORDER-BOTTOM: #aaa 1px solid; FONT-FAMILY: georgia, "times new roman", serif; LETTER-SPACING: 0.1em
}
#info .para {
	MARGIN: 0px 0px 0px 75px; WIDTH: 300px
}
