<!--

/* HHAG CSS Jan 2007 */

body
	{
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", Arial, "sans serif";
	font-weight: normal;
	font-size: 12px;
	color: #999999;
	}
	
/* Design */

#site
	{
	padding: 0;
	margin: 0;
	width: 750px
	
	}

#header
	{
	padding: 20px 0 10px 0;
	margin: 0;
	text-align: left;
	}
	
#werbung
	{
	padding: 0px 0 30px 0;
	margin: 0;
	text-align: left;
	}


#navigation
	{
	padding: 20px 0 30px 0;
	margin: 0;
	text-align: left;
	}
	
#leftSide
	{
	padding: 0;
	margin: 0;
	float: left;
	text-align: left;
	}
	
#teaser
	{
	padding: 0;
	margin: 0;
	}
	
	#teaser img
		{
		padding: 0;
		margin: 0 0 10px 0;
		}
	
#shorttext
	{
	margin: 0;
	padding: 0;
	width: 240px;
	border-top: 2px solid #0071b9;
	/*float: left;*/
	text-align: left;
	background: url(../imgs/infotext_bg.jpg) repeat-x;
	}
	
	#shorttext h3
		{
		padding: 10px 3px 0 3px;
		margin: 0;
		font-size: 11px;
		line-height: 1.5em;
		font-weight: normal;
		color: #000000;
		}
		
	#shorttext ul
		{
		list-style: none;
		padding: 30px 0 0 0;
		margin: 0;
		}
		
	#shorttext li
		{
		padding: 5px 5px 5px 24px;
		height: 20px;
		background: url(../imgs/pfeil_off.gif) no-repeat 0 6px;
		}
		
	#shorttext a
		{
		text-decoration: none;
		font-size: 11px;
		color: #0071b9;
		}

	#shorttext li:hover
		{
		background: url(../imgs/pfeil_on.gif) no-repeat 0 6px;
		}

#content
	{
	padding: 0 0 30px 0;
	margin: 0 0 0 255px;
	text-align: left;
	}
	
#xperto_content /* Hautpklasse */
	{
	padding: 0 0 30px 0;
	margin: 0 0 0 255px;
	text-align: left;
	}
	
#footer
	{
	clear: both; 
	padding: 20px 0 0 0;
	}
	
#footer_end
	{
	background: url(../imgs/bg_footer.jpg) repeat-x 0px 0;
	}
	
/* MAINNAV */
#nav
	{
	margin: 0;
	padding: 0;
	border-top: 1px solid #DADADA;
	background: url(../imgs/bg_nav.jpg) repeat-x 0px 0;
	border-bottom: 1px solid #acd1e8;
	text-align: left;
	}
	
	#nav ul
		{
		padding: 7px 0 7px 0;
		margin: 0;
		text-decoration: none;
		list-style: none;
		}
	
		
	#nav #list_mainnav li 
		{
		padding: 0;
		margin: 0;
		display:inline; 
		}
		
	#list_mainnav li a { 
				display:inline; 
				padding:10px 10px 10px 15px; 
				margin: 0;
				font-size:12px; 
				color:#0071b9; 
				text-decoration:none; 
				line-height:15px; 
				}
		
	#nav a:hover
		{
		color: #000000;
		}
		
	#nav a.active
		{
		color: #000000;
		}
	/*
	#list_mainnav li.active
		{
		background: url(../imgs/bg_nav_on.jpg) repeat-x 0px 0;
		}
	*/	
	#nav a.shortinfo
		{
		color: #999999;
		font-size: 12px;
		margin-left: 80px;
		font-family: Times;
		text-align: right;
		}
		
	#nav a.shortinfo_freelance
		{
		color: #999999;
		font-size: 12px;
		margin-left: 410px;
		font-family: Times;
		text-align: right;
		}
		

/* END MAINNAV */
	

/* TYPO */
h1
	{
	font-size: 12px;
	font-weight: bold;
	}
	
#footer_end h3
	{
	padding: 20px 0 75px 0;
	margin: 0;
	color: #5e676d;
	font-weight: normal;
	font-size: 0.75em;
	}
	
	#footer_end h3 a
		{
		text-decoration: dotted;
		color: #5e676d;
		}
/* FORM */
#formular
	{
	padding: 10px;
	margin: 0;
	text-align: left;
	float: right;
	width: 474px;
	background-color: #f8f8f8;
/*	border-top: 1px solid #0071b9;
	border-bottom: 1px solid #DADADA;*/
	}
	
/* Formular */
.input {
	line-height: 20px;
	width: 400px;
	height: 20px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #D2D2D2;
}
textarea {
	line-height: 20px;
	width: 400px;
	color: #000000;
}
.smallText {
	color: #333333;
	font-size: 10px;
}

.error {
	color: #CC0033;
	font-size: 10px;
}
	}

-->