* {
	margin: 0;
	list-style:none;
}

/* Firefox Scrollbar Hack ------------------- */
/* keinen Sprungeffekt bei Netscape und Firefox bei Seiten ohne Scrollbar */
html { 
margin-bottom: 1px;
height: 100%!important;
} 

body { min-height:101%; 
	padding: 0;
}
/* Firefox Scrollbar Hack - Ende */

body{
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; 
	text-align: center;
	font-size: 101%;
	background-color: #ECECEC;
}


h2{
	font-family:   Arial,Helvetica,Verdana, Geneva, sans-serif; 
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 0 0.4em 0;
}

ul {
	margin-top: 5px;
	margin-bottom: 15px;
	list-style: none;
	padding: 0;
}

#container {
width: 887px;
border: 1px solid #335C85;
background: #fff;
text-align: left;
margin: 6px auto 0 auto;
overflow: hidden;
}

#headgrafik {
background: url(images/header.jpg) top left no-repeat;
width: 659px;
height: 190px;
float: left;
}

#head{
height: 242px;
}

#head ul.topmenu{
margin: 0;
padding: 0;
width: 658px;
height: 29px;
margin-bottom: 1px;
float: left;
background: #335C85;
}

#head ul.topmenu li{
margin: 0;
padding: 0;
display: inline;
float: left;
list-style: none;width: auto! important;width: 5%;
}

#head ul.topmenu li a{
display: block;height: 29px;
line-height: 29px;
width: auto;
padding: 0px 15px 0px 15px;
background: #335C85;
border-right: 1px solid #FFF;
color: #FFF;font-size: 12px;
text-decoration: none;
}

#head ul.topmenu li a:hover{
background: #4C7094;
}

#head ul.topmenu li.last a{
border-right: 0px;
padding: 0px 18px 0px 18px;
}

#headrechts {
width: 228px;
height: 221px;
float: right;
}

#headrechts ul {
margin: 0;
padding: 0;
height: 218px;
}

#headrechts ul li {
margin: 0;
padding: 0;
line-height: 74px;
list-style: none;
width: 228px;
height: 20px;
}

#headrechts a{
display: block;
width: 228px;
height: 73px;margin-bottom: 1px;
}

#headrechts a.freelancer{
background: url(images/freelancer.gif) top left no-repeat;
}

#headrechts a.auftraggeber{
background: url(images/auftraggeber.gif) top left no-repeat;
}

#headrechts a.projekte{
background: url(images/projekte.gif) top left no-repeat;
height: 72px;
}

#headrechts a:hover{
background-position: 0px -74px;
}

#headunten{
width:100%;
height: 20px;
background: #335C85;
color: #FFF;
font-size: 10px;
clear: both;
line-height: 20px;
text-indent: 15px;
}

#main{
height: 100%;
background: #EAC255;
}

.inhalt{
height: 100%;
background: #FFF;
padding: 10px 0 20px 0;
overflow: hidden;
}

.nobug{
height: 1px;
padding: 0;
overflow: none;
clear: both;
}

#links {
width: 270px;float: left;
}

#mitte {
width: 380px;
float: left;
font-size: 0.8em;
height: 100%;
}

#rechts {
	width: 228px;
	float: right;
	height: 100%;
}

#rechtsinnen {
padding: 20px 10px 5px 10px;
overflow:hidden;
text-align:center;
}

#fuss{
width:100%;
height: 20px;
background-color: #335C85;
color: #FFF;
font-size: 10px;
clear: both;
line-height: 20px;
text-indent: 15px;
border-top:1px solid #fff;
}

#fuss a{
font-size: 10px;
color: #FFF;
background-color: inherit;
float: right;
padding: 0 10px 0 0;
}

#werbefuss{
padding: 0.4em 0 0.4em 0;
}

#anwender, #willkommen {
margin: 10px 15px 0 15px;
}

#anwender h2, #willkommen h2{
font-size: 1em;
color: #335C85;
border-bottom: 2px solid #335C85;
padding: 0 0 0.2em 0;
margin: 0 0 0.6em 0;
}

p {
margin-bottom: 0.9em;
font-size: 0.8em;
}

p em{
font-size: 0.75em;
text-align: right;
}

#mitte li{
list-style: none;
display: inline;
float: left;
margin-right: 4px;
}

#mitte a{
font-size: 0.75em;
font-weight: bold;

white-space: nowrap;
}

#mitte p{
margin-bottom: 0.4em;
}

.box {
margin: 10px 0 0 10px;
padding: 0 0.6em 0 0.6em;
overflow: hidden !important;
height: 100%;
min-height: 50px;
text-align: left;
}


.joomla {
border-left: 7px solid #003366;
}

.joomla a, .joomla h2, .joomla li{
color: #003366;
background-color: transparent;
}

.andere {
border-left: 7px solid #5F86C9;
}

.andere a, .andere h2, .andere li{
color: #5F86C9;
background-color: transparent;
}

.designs {
border-left: 7px solid #009999;
}

.designs a, .designs h2, .designs li{
color: #009999;
background-color: transparent;
}

.programmierung {
border-left: 7px solid #CC6600;
}
.programmierung a, .programmierung h2, .programmierung li{
color: #CC6600;
background-color: transparent;
}

.sonstiges {
border-left: 7px solid #CF9D17;
}

.sonstiges a, .sonstiges h2, .sonstiges li{
color: #CF9D17;
background-color: transparent;
}

/* keine Anzeige im Layout -----------------*/
.unsichtbar, a span
{
position: absolute;
left: -1000px;
top: -1000px;
}

a.intlink {
	background-image: url(images/linkintern.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 12px;
	font-size: 0.83em;
	text-decoration: none;
}

a.exlink {
	background-image: url(images/linkextern.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 14px;
	text-decoration: none;
	color: #000;
}

img {
	border: none;
}