@charset "UTF-8";

html, body {
	margin:0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em; 
	line-height: 1.1em;
	font-weight: normal;	
	text-align: left;
	color:#000000;
	border:0;
}
#container
{
	padding: 0;
  	margin: 6px auto 0 auto;
	border: 0;
	width: 740px;
	min-height: 400px;
	text-align:left;
} 
#logo { 
 margin:0 71px 0 0;
 width: 43px; 
 height: 116px;
 border:0;
 line-height: 1em;
 display:block;
 clear:both;
} 

#logo a{ 
 border:0;
}


/*MENU*/
#menu
{
	left: 32px;
	width: 164px;
	line-height: 13px;
	float:left
}
#menu strong { visibility: hidden; }

#idee {
	background: url("idee.gif") no-repeat;
	margin-top:44px;
	height: 20px;
	width: 117px;
	display: block;
	float: left;
}
#idee:hover {background-position: 0px -20px;}
#idee.active {background-position: 0px -20px;}

#vorteile {
	background: url("vorteile.gif") no-repeat;
	height: 30px;
	width: 117px;
	display: block;
	float: left;
}
#vorteile:hover {background-position: 0px -30px;}
#vorteile.active {background-position: 0px -30px;}

#bewerbung {
	background: url("bewerbung.gif") no-repeat;
	height: 30px;
	width: 117px;
	display: block;
	float: left;
}
#bewerbung:hover {background-position: 0px -30px;}
#bewerbung.active {background-position: 0px -30px;}

#preistraeger {
	background: url("preistraeger.gif") no-repeat;
	height: 30px;
	width: 117px;
	display: block;
	float: left;
}
#preistraeger:hover {background-position: 0px -30px;}
#preistraeger.active {background-position: 0px -30px;}

#koepfe {
	background: url("koepfe.gif") no-repeat;
	height: 30px;
	width: 117px;
	display: block;
	float: left;
}
#koepfe:hover {background-position: 0px -30px;}
#koepfe.active {background-position: 0px -30px;}

#upj {
	background: url("upj.gif") no-repeat;
	height: 30px;
	width: 117px;
	display: block;
	float: left;
	margin-bottom: 30px;
}
#upj:hover {background-position: 0px -30px;}
#upj.active {background-position: 0px -30px;}


#kontakt {
	background: url("kontakt.gif") no-repeat;
	height: 18px;
	width: 117px;
	display: block;
	float: left;
}
#kontakt:hover {background-position: 0px -18px;}
#kontakt.active {background-position: 0px -18px;}

.trenner
{
 clear:both;
}
#linie
{	
	padding: 0;
  	margin: 16px 26px 0 0;
	border: 0;
	width: 1px;
	height: 448px;
	background-color: #ffcc00;
	float:left;
} 
#linie2
{	
	padding: 0;
  	margin: 16px 26px 0 0;
	border: 0;
	width: 1px;
	height: 838px;
	background-color: #ffcc00;
	float:left;
}
#linie3
{	
	padding: 0;
  	margin: 16px 26px 0 0;
	border: 0;
	width: 1px;
	height: 548px;
	background-color: #ffcc00;
	float:left;
}
#linie4
{	
	padding: 0;
  	margin: 16px 26px 0 0;
	border: 0;
	width: 1px;
	height: 668px;
	background-color: #ffcc00;
	float:left;
}
#inhalt
{	
	padding: 0;
	padding-top: 30px;
  	margin:0;
	border: 0;
}
#inhalt p
{
	font-size: 0.7em; 
	line-height: 1.2em;
	margin:0;
	margin-bottom: 1.2em;

}
#inhalt ul
{
	font-size: 0.7em; 
	line-height: 1.2em;
	margin:0;
	margin-bottom:0.6em;
}
#inhalt h1
{
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: bold;
}
#inhalt h2
{
	font-size: 0.7em;
	line-height: 1.2em;
	font-weight: bold;
	margin:0;
}
#inhalt a
{
	color: #000000;
	text-decoration: underline;
	border: none;
}
#inhalt a:hover
{
	color: #000000;
	text-decoration: underline;
	border: none;
}
#inhalt a:active
{
	color: #000000;
	text-decoration: underline;
	border: none;
}

a
{
	color: #000000;
	text-decoration: none;
	border: none;
}
a:hover
{
	color: #000000;
	text-decoration: none;
	border: none;
}
a:active
{
	color: #000000;
	text-decoration: none;
	border: none;
}
/*  	margin-top margin-right margin-bottom und letztlich margin-left 
  	padding-top , -right , -bottom und -left /*