* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

a:focus, 
.TeaserPortfolio, 
.TeaserNeuigkeiten, 
.TeaserBox, 
.TeaserBoxSlider, 
.TeaserProjekt
{ /* Macht den Rahmen um Links im Firefox weg */
	outline: none;
}

body
{
	color: #333;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	text-align: left;	
}

p
{
	padding: 0 5px 5px 5px;
	line-height: 20px;
}

#Wrapper
{
	margin: 0;
	width: 100%;
	position: absolute; /* fuer firefox, safari wg bg images */
}

.Neuigkeiten
{
	background: url(../assets/standards/head_neuigkeiten_24_jan.jpg) no-repeat center top;
}

.Portfolio
{
	background: url(../assets/standards/head_portfolio_24_jan.jpg) no-repeat center top;
}

.Kontakt
{
	background: url(../assets/standards/head_kontakt_24_jan.jpg) no-repeat center top;
}


#Content
{
	width: 670px;
	margin: 65px auto 0 auto;
}

* html #Content
{
	margin: 62px auto 0 auto;	
}

#SpalteLinks
{
	width: 480px;
	float: left;
}

#SpalteRechts
{
	width: 190px;
	float: right;
	margin: 5px 0 0 0;
}

.direction
{
	margin: 180px auto 0 auto;
	width: 710px;
	height: 655px;
}

.invis 
{ 
	display: none; 
}

.Clear { clear: both; }



/*********************/
/***** M E N U E *****/
/*********************/


#MainMenue
{
	list-style-type: none;
	float: right;
	margin: 114px 0 0 0;
}

#MainMenue li
{
	float: left;
	height: 41px;
	line-height: 42px;
}

#MainMenue li a, 
#MainMenue li a:visited
{
	float: left;
	color: #333;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	/*height: 50px;*/
	padding: 0px 30px 0 30px;
	font-size: 9px;
}


#MainMenue li a:hover,
#MainMenue li .aktiv
{
	color: #999999;
}



#ContainerMenue
{
	width: 670px;
	margin: 0 auto;
	height: 155px;
}


/***************************/
/***** S U B M E N U E *****/
/***************************/


.SubMenue
{
	list-style-type: none;
	width: 190px;
	
}

.SubMenue li
{
	line-height: 18px;
	
}

.SubMenue li a
{
	width: 180px;
	color: #333;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 3px 5px 3px 5px;
	font-size: 9px;
	display: block;
}

.SubMenue li a:visited
{
	width: 180px;
	color: #999999;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 3px 5px 3px 5px;
	font-size: 9px;
	display: block;
}


.SubMenue li a:hover,
.SubMenue li .aktiv
{
	background-color: #F4F4F4;
}

.SubMenueResultsNormal
{
	letter-spacing: 0px;
	text-transform: none;
	font-size: 11px;
}

/********** S L I D E R **********/

#on
{
	width: 180px;
	background-image: url(../assets/standards/ranking-oeffnen.jpg);
	background-repeat: no-repeat;
	height: 69px;
	position: absolute;
	visibility: visible;
	cursor: pointer;
	margin: 0;
	padding: 0px 5px 5px 5px;
}


#off
{
	width: 180px;
	background-image: url(../assets/standards/ranking-schliessen.jpg);
	background-repeat: no-repeat;
	height: 69px;
	visibility: hidden;
	margin: 0;
	padding: 0px 5px 5px 5px;
	cursor: pointer;
}


.over { background-position: 0px -74px; }
.out { background-position: 0px 0px; }


.SliderBox
{
	width: 190px;
	margin: 0;
	line-height: 20px;
	padding: 10px 0px 10px 0px;
	border-color: #000;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
}



/************ F O O T E R ***********/

#Footer
{
	width: 665px;
	margin: 0 auto;
	padding: 100px 0 30px 5px;
}


.top a:link,
.top a:visited
{
	background-image: url(../assets/standards/icon-top.jpg);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	float: right;
	display: block;
	margin: -24px 0 0 0;
	padding: 0;
}

.top a:hover { background-position: 0px -24px; }

.FooterAdresszeile
{
	display: block;
	height: 24px;
	line-height: 24px;
}

.Adresszeile
{
	display: block;
	height: 24px;
	width:641px;
}

.Datenschutz
{
	float: left;
}

.Datenschutz a:link,
.Datenschutz a:visited
{
	font-size: 9px;
	display: block;
}

.Datenschutz a:hover
{
	font-size: 9px;
	display: block;
}

.Valide
{
	float: right;
	height: 18px;
	width: 290px;
}

.FooterDatenschutzzeile
{
	height: 18px;
	line-height: 16px;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 9px;
	margin: 7px 0 0 0;
}

.FooterDatenschutzzeile a:link
{
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 9px;
}



#Footer a:hover
{ 
	color: #666; 
}

.CSS
{
	display: block;
	width: 114px;
	height: 18px;
	float: left;
}

.XHTML
{
	display: block;
	width: 164px;
	height: 18px;
	float: right;
}

.CSS a:link,
.CSS a:visited
{
	/*background-image: url(../assets/standards/button-css.jpg);
	background-repeat: no-repeat;*/
	width: 114px;
	height: 18px;
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 9px;
}
.CSS a:hover
{
	background-position: 0px -18px;
}

.XHTML a:link,
.XHTML a:visited
{
	/*background-image: url(../assets/standards/button-xhtml.jpg);
	background-repeat: no-repeat;*/
	width: 164px;
	height: 18px;
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 9px;
}
.XHTML a:hover
{
	background-position: 0px -18px;
}