/*
	Sandra Bernays CSS Stylesheet
	(c) copyright 2008 shockvisions LLC
	all rights reserved.
	
	shockvisions.com

*/




/* --------------- BODY & GENERAL ------------------ */
Body
{
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#Site
{
	width: 860px;
	height: 513px;
	margin-left: 100px;
	background-image: url(../images/testcontent.png);
	background-repeat: no-repeat;
	background-position:101px 0px;
}

/* --------------- TITLE ------------------ */
#Titel
{
	margin-left: -5px;
	margin-top: 43px;
	width: 718px;
	height: 49px;
}

/* --------------- LEFT MENU ------------------ */
#Menu
{
	width: 142px;
	height: 470px;
	float: left;
	margin-top: 120px;
}

/* --------------- CONTAINER ------------------ */
#Container
{
	width: 718px;
	height: 474px;
	float: right;	
}

/* --------------- FOOTER ------------------ */
#Footer
{
	padding-left: 43px;
	margin-left: 102px;
	margin-top: 513px;
	width: 715px;
	height: 42px;
	position: absolute;
	background-image: url(../images/footerbg.jpg);
	background-repeat: repeat-x;
}

/* --------------- CONTENT ------------------ */
#Content
{
	width: 718px;
	height: 430px;
}

/* ------------- CSS BASED MENU ------------------ */

#navi
{
  list-style-type:none;
  margin:0;
  padding:0;
}

#navi li a
{

  display:block;
  width:160px;
  height:28px;
  background:url(../images/menu.gif) no-repeat top left;
}

#navi li a span
{
  display:none;
}

#navi-home a:link, 
#navi-home a:visited
{
	width: 103px;
	background-position:0px 0px; 
	
}

#navi-home a:hover
{
	width: 103px;
	background-position: 0px -30px; 
	

}

#navi-home-active a:link,
#navi-home-active a:visited
{
	background-position:0px -30px; 
}

#navi-angebot a:link, 
#navi-angebot a:visited
{
	width: 103px;
	background-position:0px -60px; 
}

#navi-angebot a:hover
{
	width: 103px;
	background-position:0px -90px; 
}
#navi-angebot-active a:link,
#navi-angebot-active a:visited
{
	background-position:0px -90px; 
}

#navi-arbeitsweise a:link, 
#navi-arbeitsweise a:visited
{
	width: 103px;
	background-position:0px -120px; 
}

#navi-arbeitsweise a:hover
{
	width: 103px;
	background-position:0px -150px; 
}

#navi-arbeitsweise-active a:link,
#navi-arbeitsweise-active a:visited

{
	background-position:0px -150px; 
}

#navi-person a:link, 
#navi-person a:visited
{
	width: 103px;
	background-position:0px -180px; 
}

#navi-person a:hover
{
	width: 103px;
	background-position:0px -210px; 
}

#navi-person-active a:link,
#navi-person-active a:visited
{
	background-position:0px -210px; 
}

#navi-tipps a:link, 
#navi-tipps a:visited
{
	width: 103px;
	background-position:0px -240px; 
}

#navi-tipps a:hover
{
	width: 103px;
	background-position:0px -270px; 
}

#navi-tipps-active a:hover,
#navi-tipps-active a:visited
{
	background-position:0px -270px; 
}

#navi-kontakt a:link, 
#navi-kontakt a:visited
{
	width: 103px;
	background-position:0px -300px; 
}

#navi-kontakt a:hover
{
	width: 103px;
	background-position:0px -330px; 
}

#navi-kontakt-active a:link,
#navi-kontakt-active a:visited
{
	background-position:0px -330px; 
}


/* --------- CONTENT FORMATTING ------------ */
#Content, 
#Content td 
{
	font-family: Verdana,Arial;
	font-size: 11px;
	color: #000000;	
}

/* ------ HOME -------------------- */
#Content_Home
{
	padding-top: 30px;
}

#Content_home li
{
	list-style-image:url(../images/li.gif);
}


.Home_Titel_Gross
{
	font-size: 14px;
	font-weight: bold;
	color: #9da399;
}
.Home_Ueberschrift
{
	font-weight: bold;
	color: #9da399;
	margin-bottom: -10px;
}

/* ------ Arbeitsweise -------------------- */
#Content_Arbeitsweise
{

	padding-top: 65px;
}

/* ------ Angebot -------------------- */
#Content_Angebot
{	
	width: 450px;
	padding-top: 90px;
}

#Content_Angebot li
{
	list-style-image:url(../images/li_angebot.gif);
}

.Content_Ueberschrift
{
	font-weight: bold;
	color: #c4b86a;
	margin-bottom: -10px;
}

/* ------ Person -------------------- */
#Content_Person
{	
	width: 450px;
	padding-top: 125px;
}

#Content_Person li
{
	list-style-image:url(../images/li_person.gif);
}

.Person_Ueberschrift
{

	font-weight: bold;
	color: #ad98be; 
	margin-bottom: -10px;
}

/* ------ TIPPS -------------------- */
#Content_Tipps
{	
	width: 450px;
	padding-top: 141px;
}

#Content_Tipps li
{
	list-style-image:url(../images/li_person.gif);
	margin-bottom: 5px;
}

.Tipps_Ueberschrift
{

	font-weight: bold;
	color: #949ca9;
	margin-bottom: -10px;
}

#Content_Tipps a:link,
#Content_Tipps a:visited
{
	color: #949ca9;
	font-weight: bold;
}

#Content_Tipps a:hover
{
	color: #000000;
}

/* ------ KONTAKT -------------------- */
#Content_Kontakt
{	
	width: 450px;
	padding-top: 180px;
}


#Content_Kontakt a:link,
#Content_Kontakt a:visited
{
	color: #bfb8a3;
	font-weight: bold;
}

#Content_Kontakt a:hover
{
	color: #000000;
}