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

* {
	margin:0;
	padding:0;
	border:none;
	font-family:Calibri,Arial,Verdana,Tahoma,Helvetica,sans-serif;
	text-align:left;
	color:#333333;
	/*color:#b3cc4d;*/
}

h1 {
	font-size:1.4em;
	border-bottom:solid 1px #b3cc4d;
	margin-bottom:20px;
}
h2 {
	font-size:1.2em;
}
p {
	margin-bottom:10px;
}
ul {
	padding-left:30px;
}

hr {
color:#bbb;
background-color:#bbb;
width:90%;
height:1px;
border:1px;
text-align:center;
}

#outer {
	position: absolute;
	width: 480px;
	height: 380px;
	top:50%;
	left:50%;
	margin:-200px 0px 0px -250px;
	background-image:url('');
	background-repeat: no-repeat;
	background-color:#eee;
	padding:10px;
}

div#container {
position: absolute;
width: 800px;
height: 483px;
top:50%;left:50%;margin:-242px 0px 0px -400px;
padding:0px;
background-image:url(../images/rahmen.png);
}

div#body {
width:560px;
height:300px;
float:left;
margin-left:50px;
margin-top:60px;
overflow:hidden;
border:none;
background-color:none;
border-right:solid 1px #b3cc4d;
border-left:solid 1px #b3cc4d;
}

div#body * {
padding-left:10px;
}
div#body p {
padding-right:10px;
}

#logo {
	width:120px;
	height:120px;
	float:right;
	background-image:url(../images/logo_120.png);
	position:relative;
	left:+30px;
	top:-30px;
	margin-bottom:-20px;
	}

#liste {
	width:130px;
	float:left;
	margin-left:10px;
	font-size:.7em;
}
#liste a {
text-decoration:none;
}
#liste a:hover {
color:#f00;
}

#descript {
	width:340px;
	float:right;
}
#descript a {
	padding-left:0px;
	margin-left:0px;
	}
#works {
	width:140px;
	height:140px;
	float:left;
	margin-left:10px;
	background-color:none;
	}
#works img {
	margin:auto;
	margin-top:2px;
	}
	
.works {
	clear:both;
	margin-top:30px;
	padding:15px 0 0 0;
	height:50px;
	border-top:solid 1px #b3cc4d;
	border-bottom:solid 1px #b3cc4d;
	font-size:.8em;
	color:#999;
	text-align:center;
	}
	
.tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../images/bubble_1.png) top left;
}

.tip-title a {
	display:inline;
	background-color:inherit;
	color:inherit;
	}
 
.tip-text {
	font-size: 9px;
	padding: 4px 8px 8px;
	background: url(../images/bubble_1.png) bottom right;
}