BODY
{
	background:#E1E0E0;
	font-size: 8pt;
	color: #000000;
	margin-left: 0;
	margin-right: 0;
	font-family : Verdana, sans-serif; 
}

A:link
{
COLOR: #B7C184; TEXT-DECORATION: none;
}
A:visited
{
COLOR: #B7C184; TEXT-DECORATION: none;
}
A:hover
{
COLOR: #FAFAFA; TEXT-DECORATION: none;
}
div#main
{
    	background-color: #FFFFFF;
	width:768px;
	margin:0px auto;
	text-align:left;
}
hr
{
border:solid #C0C0C0 1px;height:1px
}
h1
{
	font-size: 13pt;
	font-family : Verdana, sans-serif; 
	line-height: 17px;
	margin:0;

}
h2
{
	font-size: 11pt;
	font-family : Arial, sans-serif; 
	line-height: 17px;
	margin:0;

}
p#titel
{
	font-size: 7pt;
	font-family : Verdana, sans-serif; 
	padding-top: 9px;
	padding-left: 12px;
	line-height: 10px;
	margin:0;

}
strong#titeloo
{
	font-size: 13pt;
	font-family : Arial, sans-serif; 
}
div#header
{
	margin-top: 7px;
	background-image:url(http://www.designnation.de/grafiken/haupt.jpg);
	width:754px;
	height:52px;
	border-left: 7px solid #FFFFFF;
}
div.underheader
{
    	background-color: #000000;
	color: #FFFFFF;
	font-size: 7.5pt;
	width:754px;
	height:22px;
	text-align:left;
	padding-top: 2px;
	border-left: 7px solid #FFFFFF;
}
input.login
{
    	width: 100px;
	background-color: #000000;
	color: #FFFFFF;
	border-top: 0px;
	border-left: 1px solid #717171;
	border-bottom: 1px solid #717171;
	border-right: 1px solid #717171;
	font-size: 8pt;
	font-family : Verdana, sans-serif; 
}
input.login2
{
    	width: 40px;
	background-color: #000000;
	color: #FFFFFF;
	border-top: 0px;
	border-left: 1px solid #717171;
	border-bottom: 1px solid #717171;
	border-right: 1px solid #717171;
	font-size: 7.5pt;
	font-family : Verdana, sans-serif; 
}


div#left 
{
	width:137px;
	float:left;
	line-height:16px;
	padding-left: 5px;
}
div#right 
{
	width:141px;
	float:right;
	line-height:16px;
	padding-right: 5px;
	text-align: right;
}
div#underheader2
{
 color:#1F1F1F;
}
div#underheader2 a{
 color:#1F1F1F;
}
div#underheader2 a:link, #menus a:visited{
 color:#1F1F1F;
}
div#underheader2 a:hover, #menus a:active {
 color:#1F1F1F;
 text-decoration:underline;
}
div.footer
{
    	background-color: #000000;
	color: #FFFFFF;
	font-size: 7.5pt;
	width:754px;
	height:18px;
	text-align:center;
	border-left: 7px solid #FFFFFF;
	padding-top: 2px;
}
ul.navilinks
{
        background-color: #1F1F1F;
    	width: 135px;
    	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 4px solid #000000;
	border-bottom: 4px solid #000000;
}
ul.navirechts
{
        background-color: #1F1F1F;
    	width: 134px;
    	margin: 0;
	color: #FFFFFF;
	padding-left: 5px;
	text-align:left;
	list-style: none;
	float:right;
	border-top: 4px solid #000000;
	border-bottom: 4px solid #000000;
}







div.pfada
{
        background-color: #FAFAFA;
    	width: 468px;
}
ul.pfad
{
    	background-color: #FFFFFF;
    	border: 1px solid #FFFFFF;
    	width: 468px;
    	margin: 0 auto;
	padding: 0;
	list-style: none;
	float:none;
}
li.pfad
{
       background-color: #FFFFFF;
    	width: 468px;
	border-top: 5px solid #1F1F1F;
	border-bottom: 2px solid #FFFFFF;
	color: #000000;
	font-size: 8pt;
	text-align:left;
}
li.pfad1
{
       background-color: #FAFAFA;
    	width: 468px;
	border-top: 1px solid #DFDFDF;
	text-align:center;
}
li.newsoben
{
	background-color: #FAFAFA;
	width: 468px;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	text-align:left;color: #313131;
}
ul.main
{
    	border: 1px solid #FFFFFF;
    	width: 468px;
    	margin: 0 auto;
	padding: 0;
	list-style: none;
	float:none;
}
li.main
{
	border-bottom: 1px solid #FFFFFF;
    	width: 468px;
    	margin: 0 auto;
	padding: 0;
	list-style: none;
	float:none;
	text-align:left;
}
li.kommentar
{
	font-size: 7.5pt;
	background-color: #FFFFFF;
	width: 468px;
	border-top: 1px solid #DFDFDF;
	border-bottom: 3px solid #FFFFFF;
	text-align:left;
	color: #464646;
}
input.inputstyle
{
		background-color: #FBFBFB;
		width: 370px;
		color: #000000;
		border: 1px #E0E0E0 solid;
		border-left: 3px #E0E0E0 solid;
		font-family : Verdana, sans-serif; 
		font-size: 7.5pt;
}
input.inputstylegoogle
{
		background-color: #FBFBFB;
		width: 130px;
		color: #000000;
		border: 1px #E0E0E0 solid;
		border-left: 3px #E0E0E0 solid;
		font-family : Verdana, sans-serif; 
		font-size: 7.5pt;
}
input.skill
{
		background-color: #FBFBFB;
		width: 25px;
		color: #000000;
		border: 1px #E0E0E0 solid;
		border-left: 3px #E0E0E0 solid;
		font-family : Verdana, sans-serif; 
		font-size: 7.5pt;
}
input.upload
{
		background-color: #FBFBFB;
		width: 330px;
		color: #000000;
		border: 1px #E0E0E0 solid;
		border-left: 3px #E0E0E0 solid;
		font-family : Verdana, sans-serif; 
		font-size: 8pt;
}
input.abschicken
{
		background-color: #FBFBFB;
		color: #000000;
		border: 1px #E0E0E0 solid;
		border-left: 3px #E0E0E0 solid;
		font-family : Verdana, sans-serif; 
		font-size: 8pt;
}
textarea.inputstyle
{
		background-color: #FBFBFB;
		width: 370px;	
		height: 80px;
		color: #000000;
		border: 1px #E0E0E0 solid;
		border-left: 3px #E0E0E0 solid;
		font-family : Verdana, sans-serif; 
		font-size: 8pt;
}
textarea.agb
{
		background-color: #FBFBFB;
		width: 462px;	
		height: 50px;
		color: #FF0000;
		border: 1px #E0E0E0 solid;
		border-left: 3px #E0E0E0 solid;
		font-family : Verdana, sans-serif; 
		font-size: 8pt;
}
textarea.step
{
		background-color: #FBFBFB;
		width: 370px;	
		height: 300px;
		color: #000000;
		border: 1px #E0E0E0 solid;
		border-left: 3px #E0E0E0 solid;
		font-family : Verdana, sans-serif; 
		font-size: 8pt;
}
select.inputstyle
{
		background-color: #000000;
		width: 420px;	
		color: #FFFFFF;
		border: 0px;
		border-left: 3px #000000 solid;
		font-family : Verdana, sans-serif; 
		font-size: 8pt;
		border: 1px solid #FFFFFF;
}
select.inputstyle2
{
		background-color: #F4F4F4;
		width: 374px;
		color: #000000;
		border: 0px;
		border-left: 3px #F4F4F4 solid;
		font-family : Verdana, sans-serif; 
		font-size: 8pt;
		border: 1px solid #FFFFFF;
}
select.vote
{
		background-color: #FBFBFB;
		width: 170px;
		color: #000000;
		border: 0px;
		border: 1px #E0E0E0 solid;
		border-left: 3px #E0E0E0 solid;
		font-family : Verdana, sans-serif; 
		font-size: 8pt;
}
input.vote
{
		background-color: #FBFBFB;
		width: 170px;
		color: #000000;
		border: 1px #E0E0E0 solid;
		border-left: 3px #E0E0E0 solid;
		font-family : Verdana, sans-serif; 
		font-size: 8pt;
}
select.vote2
{
		background-color: #FBFBFB;
		width: 90px;
		color: #000000;
		border: 0px;
		border: 1px #E0E0E0 solid;
		border-left: 3px #E0E0E0 solid;
		font-family : Verdana, sans-serif; 
		font-size: 7pt;
}
input.vote2
{
		background-color: #FBFBFB;
		width: 70px;
		color: #000000;
		border: 1px #E0E0E0 solid;
		border-left: 3px #E0E0E0 solid;
		font-family : Verdana, sans-serif; 
		font-size: 7pt;
}
select.inputstyle4
{
		background-color: #000000;
		width: 120px;
		color: #FFFFFF;
		border: 0px;
		border-left: 3px #000000 solid;
		font-family : Verdana, sans-serif; 
		font-size: 7pt;
}
select.inputstyle5
{
		background-color: #000000;
		width: 50px;
		color: #FFFFFF;
		border: 0px;
		border-left: 3px #000000 solid;
		font-family : Verdana, sans-serif; 
		font-size: 7pt;
		display:inline;

}

input.seite
{
    	width: 100px;
	background-color: #000000;
	color: #FFFFFF;
	border: 0px;
	font-size: 7.5pt;
	font-family : Verdana, sans-serif; 
}
li.message
{
	background-color: #FAFAFA;
	width: 466px;
	text-align:center;
	border-top: 1px solid #DFDFDF;
	color: #313131;
	font-size:7pt;
}
li.secfarbe
{
	background-color: #1F1F1F;
	width: 468px;
	text-align:left;
	border-top: 1px solid #DFDFDF;
	color: #FFFFFF;
}
li.archiv
{
	background-color: #FAFAFA;
	width: 468px;
	border-top: 1px solid #FFFFFF;
	text-align:left;
	font-size: 7pt;

}
li.archiv a{
	display:block;
	color: #FFFFFF;
	width: 468px;

}
li.archiv a:hover,
li.archiv.active
{
	color: #FFFFFF;
	background-color: #F1F1F1;
}
li.internnavi
{
	background-color: #FAFAFA;
	width: 468px;
	border-top: 1px solid #FFFFFF;
	text-align:left;
	font-size: 7pt;
}
li.internnavi a{
	display:block;
	width: 468px;
}
li.internnavi a:hover,
li.internnavi.active
{
	color: #FFFFFF;
	background-color: #F1F1F1;
}
.secfarbe
{
	color: #707070;
}
li.seite
{
	border-top:3px solid #707070;
	width: 468px;
}
ul.half
{
       background-color: #FFFFFF;
    	border: 1px solid #FFFFFF;
    	width: 233px;
    	margin: 0 auto;
	padding: 0;
	list-style: none;
}
li.half
{
	background-color: #FAFAFA;
    	width: 233px;
	border-top: 7px solid #707070;
	border-bottom: 2px solid #FFFFFF;
	color: #000000;
	font-size: 8pt;
}
li.half2
{
	background-color: #FAFAFA;
	width: 233px;
	border-top: 1px solid #FFFFFF;
	text-align:left;
	font-size: 7pt;
}
li.half2 a{
	display:block;
	width: 233px;
	color: black;
}
li.half2 a:hover,
li.half2.active
{
	color:#FFFFFF;
	background-color: #F1F1F1;
}
li.half3
{
	background-color: #F6F6F6;
	width: 233px;
	border-top: 1px solid #FFFFFF;
	text-align:left;
	font-size: 7pt;
}
form.style
{
	margin:0;
	width: 50px;
	display:inline;
	padding: 0;
}
li.profilmenu
{
	background-color: #FFFFFF;
	width: 468px;
	border-top: 7px solid #707070;
	border-bottom: 7px solid #707070;
	border-top: 3px solid #404040;
	color: #5E87AF;
	font-size: 8pt;
}
td.profilaktiv
{
	border-bottom: 2px solid #707070;
	float:left;
	background:#707070;
	color:#FFFFFF;
	text-align:center;
}
td.profil
{
	border-right: 1px solid #707070;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	float:left;
	text-align:center;
}
td.profil a{
	display:block;
}
td.profil a:hover,
td.profil.active {

	background-color:#707070;
	color:#FFFFFF;
}
li.profil
{
	background-color: #FFFFFF;
	width: 468px;
	border-top: 1px solid #E7E7E7;
	text-align:left;
}
div.profilleft
{
	background: #FAFAFA;
	border-left: 1px solid #FFFFFF;
	border-top: 3px solid #FFFFFF;
	width: 80px;
	float:left;
}
div.profilright
{
	background: #FAFAFA;
	border-top: 3px solid #FFFFFF;
	width: 187px;
	float:left;
}
div.profiltitel
{
	border-left: 1px solid #FFFFFF;
	width: 267px;
	color:#FFFFFF;
	background:#000000;
}
div.profilskill
{
	border-top: 1px solid #C8D7E7;
	width: 150px;
	float:left;
}
div.buddies
{
	background-color: #FAFAFA;
	border-top: 1px solid #FFFFFF;
	width: 268px;
	float:left;
}
div.buddies a{
	display:block;
	color:black;
}
div.buddies a:hover,
div.buddies.active {
	color:#ffffff;
	background-color: #F1F1F1;
}
div.works
{
	border: 8px solid #FFFFFF;
	text-align:center;
	float:none;
    	width: 148px;
	margin: 0 auto;

}
div.galerie
{
	background: #FBFBFB;
	border: 1px solid #E0E0E0;
	text-align:center;
    	width: 232px;
	margin: 0 auto;
	float:left;

}
div.underworks
{
	background: #FFFFFF;
	border-top: 1px solid #cccccc;
	text-align:left;
	float:none;
    	width: 166px;
	margin: 0 auto;
}
img.smilie
{
	width:15px;
	height:15px;
	border:0;
}
div.comma
{
	float:left;
	width:380px;
}
div.commb
{
	float:left;
	width:80px;
}
div.works2
{
	border: 8px solid #FFFFFF;
	text-align:center;
	float:left;
    	width: 150px;
	margin: 0 auto;

}
div.underworks2
{
	background: #FFFFFF;
	text-align:left;
	float:left;
    	width: 290px;
	margin: 0 auto;
}
li.work
{
	background: #FAFAFA;
    	margin: 0 auto;
	padding: 0;
	list-style: none;
}
div.workdetails
{
    	background-color: #FBFBFB;
	border: 1px solid #E0E0E0;
	width:450px;
	text-align:left;
}