/* - - CSS DOCUMENT -- */
body {
	font-family:Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	background:#fff;
	padding:0px;
	margin:0px;
}

#head {
	background-color:#666;
    width:680px;
	position:fixed;	
}

div#navigation{
	padding: 5px;
	background:#eee;
	margin-top:22px;	

}

div#wrapper{
	width:80%;
}
	
div#navigation{
    right: 1%;
	float:right;
	width:17%;
	position:fixed;
	}
	
h1 {
	margin:15px 15px 0px 0px;
	padding:0px;
	height:22px;
	color:#666;
	font-size:18px;
	margin-left:10px;
	background-repeat:no-repeat;	
	background-position:left;	
}

h1#arc {background-image:url(../media/images/popups/arch.gif);margin:0px;}
h1#aer {background-image:url(../media/images/popups/draw_aerial.gif);margin:0px}
h1#pat {background-image:url(../media/images/popups/draw_pattern.gif);margin:0px}
h1#out {background-image:url(../media/images/popups/draw_out.gif);margin:0px}
h1#map {background-image:url(../media/images/popups/draw_map.gif);margin:0px}
h1#swarm {background-image:url(../media/images/popups/draw_swarm.gif);margin:0px}
h1#lie {background-image:url(../media/images/popups/conv_liebes.gif);margin:0px}
h1#ich {background-image:url(../media/images/popups/conv_ich.gif);margin:0px}
h1#spi {background-image:url(../media/images/popups/conv_spiegeln.gif);margin:0px}
h1#erd {background-image:url(../media/images/popups/conv_erd.gif);margin:0px}
h1#vog {background-image:url(../media/images/popups/conv_vog.gif);margin:0px}
h1#ven {background-image:url(../media/images/popups/conv_venus.gif);margin:0px}
h1#tra {background-image:url(../media/images/popups/inter_trace.gif);margin:0px}
h1#dov {background-image:url(../media/images/popups/inter_doves.gif);margin:0px}
h1#wor {background-image:url(../media/images/popups/inter_wort.gif);margin:0px}
h1#zei {background-image:url(../media/images/popups/inter_zeit.gif);margin:0px}
h1#dou {background-image:url(../media/images/popups/inter_double.gif);margin:0px}
h1#fer {background-image:url(../media/images/popups/prog_fern.gif);margin:0px}
h1#puz {background-image:url(../media/images/popups/prog_puzzle.gif);margin:0px}

span {display:none;}

h2 {
	margin-top:25px;
	color:#666;
	margin-left:10px;
	font-size:14px;
}

.pro{
	color:#333;
	margin-left:10px;
	border:0px;
	background:#fff;
}

a:link, a:visited {
	color:#666;
	text-decoration:none;
	padding:1px;
}

a:hover, a:active {
	text-decoration:none;
	color:#fff;
	background-color:#cc9999;
	padding:1px;
}

a.close {
	float:right;
	color:#ccc;
	font-weight:bolder;
	padding-right:23px;
}

hr {
	width:465px;
	float:left;
	margin-left:17px;
}

li {
	color:#333;
}