@charset "utf-8";
/* CSS Document */

<!--

body {
	font-family:verdana,arial,sans-serif;
	font-size:12px;
}

#box {
	height:auto;
	width:600px;
	position:absolute;
	left:50%;
	margin-left:-315px;
	border:0px solid black;
}

#puzzle {
	height:260px;
	width:260px;
	float:left;	
	margin-top:15px;
}


.puzzle_logo {
	height:120px;
	width:120px;
	float:left;
	background:url(../bilder/signatur.jpg);
	margin:5px;

}

.puzzle_logo:link {}
.puzzle_logo:hover {}
.puzzle_logo:active {}
.puzzle_logo:visited {}

.puzzle_1 {
	height:120px;
	width:120px;
	float:left;
	background:#006666;
	margin:5px;
}

.puzzle_1:link { background:#000000;}
.puzzle_1:hover { background:#000000;}
.puzzle_1:active { background:#000000;}
.puzzle_1:visited { background:#000000;}

.puzzle_2 {
	height:120px;
	width:120px;
	float:left;
	background:#006666;
	margin:5px;
}

.puzzle_2:link { background:#000000;}
.puzzle_2:hover { background:#000000;}
.puzzle_2:active { background:#000000;}
.puzzle_2:visited { background:#000000;}

.puzzle_3 {
	height:120px;
	width:120px;
	float:left;
	background:#990066;
	margin:5px;
}

.puzzle_3:link {background:#000000;}
.puzzle_3:hover { background:#000000;}
.puzzle_3:active { background:#000000;}
.puzzle_3:visited { background:#000000;}

#head {	
	text-align:right;
	height:260px;
	width:260px;
	float:right;
}

#head h1 {
	font-size:2em;	
}

#head *+h1 {
	color:#009933;	
}

#head h2 {
	font-size:1.5em;	
}

#head ul {
	font-size:1.5em;	
	list-style-type:none;
	margin-top:35px;
}

#head a:link{
	color:#006666;
	text-decoration:none;
}

#head a:visited{
	color:#006666;
	text-decoration:none;
}

#head a:hover{
	color:#000000;
	text-decoration:none;
}

.petrol {
	color:#006666;
	font-weight:bold;
}

#content {
	width:600px;
	height:auto;
	float:left;
	margin-top:10px;
}

#content h3 {
	font-size:1.5em;
}

#content h4 {
	margin-top:0px;
}

#content ul {
	list-style-type:square;
/*	margin-top:35px;*/
	margin-bottom:20px;
}

#content a:link{
	color:#006666;
	text-decoration:none;
}

#content a:visited{
	color:#006666;
	text-decoration:none;
}

#content a:hover{
	color:#000000;
	text-decoration:none;
}

.projekt {
	width:600px;
	height:auto;
	float:left;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:2px solid #006666;
}

.left {
	width:395px;
	height:auto;
	float:left;
	text-align:left;
	padding-right:10px;
}

.right {
	width:180px;
	height:auto;
	float:right;
	text-align:right;
	/*padding-right:10px;*/
}

.ref_pic {
	width:160px;
	height:120px;
	padding:2px;
	border:2px solid #000000;
	margin-top:3px;
}

.prog_pic {
	position:relative;
	top:20px;
}

.prog_li {
	position:relative;
	left:-42px;
	top:-20px;
}

#foot {
	width:600px;
	height:20px;
	float:left;
	text-align:center;
	font-size: 0.8em;
	color: #006666;
}

-->