/* Styles fuer SILCC - Sabine Klenke */


*{
margin: 0;
padding: 0;
}

body
{
	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 100.01%;
	background-color: #7D1A2C;
	color: #666;
	text-align: center;/*fuer IE_quirks*/
	
}

p, li {
	font-size: 80%;
	}

hr {
	width: 98%;
	}


#wrapper
{
	position: relative;
	margin: 0px auto;
	background-color: #FFF;
	background-image: url(./../grafik/wrapper_back.gif);
	width: 900px;
	z-index: 100;
	min-height:750px;
	text-align: left;/*Aufheben von IE_quirks im BODY*/
	
	
}


/* ---- */
#header
{
	margin: 0;
	padding: 0;
	height: 90px;
	background-color: #fff;
	color: #ccc;
	text-align: left;
	/* Die folgende Angabe ist fŸr das Logo im Kopfbereich zu stŠndig */
	background-image: url(./../grafik/logo.gif);
	background-repeat: no-repeat;
}

#header h1
{
padding: 40px 0 0 263px;

}

#header img {
	border:none;
}

/* content */

	* html ul { position: relative }
	* html ol { position: relative }
	* html dl { position: relative }
	
	#content, #leftmenue { zoom: 1; }


#content
{
	margin: 0 0 0 200px;
	padding: 0 0 0 0;
	background-color: #FFF;
	color: #666;
	width: 685px;
	background-image: url(./../grafik/content_back.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	position:relative;
}

#content h1,
#content h2,
#content h3
{
	padding: 28px 50px 10px 45px;
	background-color: transparent;
	/* Farbe der †berschriften */
	color: #999;
}


#content h1 {
	font-size: 125%;
}

#content h2 {
	font-size: 105%;
	}

#content h3 {
	font-size: 80%;
	}

#content p {
	line-height: 150%;
	padding: 0 50px 15px 45px;
	}

#p1 {
	line-height: 120%;
	padding: 0 50px 15px 45px;
	font-size:80%;
}

/* Listen */

#p1 li
{
	font-size: 90%;
	list-style-type: square;
	list-style-position: inside;
}
	
#p1 ul {
	margin: 5px 0 2px 0;
	padding: 0 0 0 25px;
	}
	
/* Tabellen */	
#p1 table {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	}

#p1 td {
	margin: 0px;
	padding: 3px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	color: #666;
	}

/* Formular 

#formbox {
  width: 365px;
  font-size: 80%;
  margin-left: 49px;
}

.reihe {
  padding: 2px 0px 10px 0px;
}

.label {
  float: left;
  width: 60px;
  text-align: left;
  padding-top: 3px;
  padding: 0px 5px 10px 0px;
}

.feld {
  float: right;
  width: 280px;
  text-align: left;
} 

.text {
	padding-top: 0;
	}

.knopf {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}

.defbreite {
  width: 175px;
}

.defbreite2 {
  width: 45px;
}

.defbreite3 {
  width: 130px;
}

.defbreite4 {
  width: 280px;
}

*/
/* Links */

#content a {
	text-decoration: none;
	background-color: transparent;
	color: #7D1A2C;
	padding-right:1px;
	border-bottom: 1px solid #7D1A2C;
	border-right: 1px none #transparent;
}

#content a:hover
{
	background-color: #E8E8E8;
	color: #7D1A2C;
	padding-right:1px;
	border-bottom: 1px solid #7D1A2C;
	border-right: 1px solid #7D1A2C;
}


/* Webyep Sonderklassen Hier kannst Du auch selber neue Klassen definieren. WICHTIG die Namen mŸssen immer GROSS geschrieben werden */

.ROT { color: #7D1A2C; }

.KURSIV { font-style: italic; }

.CENTER { text-align: center;}

.FETTUNDROT { color: #7D1A2C; font-weight: bold; }



/* Bilder */

.fleft
{
	/* Sachen an denen der Text vorbeifließen soll werden diese Klassen zugewiesen. */
	float: left;
	margin: 0 1em 0.2em 0;
	/* Man sollte einen schšnen Abstand wŠhlen sonst kleben die Sachen so am Text. */
}

.fleft2 { /* Sachen an denen der Text vorbeifließen soll werden diese Klassen zugewiesen. */
 float: left;
 margin: 0 0.5em 0.2em 0; /* Man sollte einen schšnen Abstand wŠhlen sonst kleben die Sachen so am Text. */
}

.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}





/* menue */


#leftmenue
{
	float: left;
	width: 200px;
	height:auto;
	overflow:hidden;
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
	color: #333;
	font-size: 85%;
	font-weight: normal;
	position:relative;
}
#left_foto
{
display: block;
	text-decoration: none;
	width: 125px;
	margin: 2px 0;
	padding: 0 0 8px 75px;
	color: #333;
	font-size: 70%;
	z-index: 1000;
}

#left_buero
{
	display: block;
	text-decoration: none;
	line-height: 120%;
	width: 125px;
	margin: 2px 0 0 20px;
	padding: 3px 0 3px 5px;
	color: #333;
	font-size: 70%;
	border-color: gray transparent transparent transparent;
	border-width: 1px;
	border-style: solid none none none;
}
#leftmenue ul li
{
	list-style-type: none;
	list-style-position: default;
}

#leftmenue a {
	display: block;
	text-decoration: none;
	width: 160px;
	margin: 2px 0;
	padding: 1px 0 1px 25px;
	color: #333;


}
#leftmenue a:hover
{
	
	/* Farbe des MenŸs */
	color: #7D1A2C;
	background-color: #FFF;
	list-style-type: none;
	list-style-position: default;
	background-image: url(./../grafik/listenpunkt.gif);
	background-repeat: no-repeat;
	
}

#leftmenue_selected a
{
	/* Farbe des ANGEW€HLTEN MenŸs */
	color: #7D1A2C;
	font-weight: 800;
	background-image: url(./../grafik/listenpunkt.gif);
	background-repeat: no-repeat;
}

#leftmenue_selected a :hover {
	
 	color: #7D1A2C;
	list-style-type: none;
	list-style-position: default;
	font-weight: 800;
	background-image: url(./../grafik/listenpunkt.gif);
	background-repeat: no-repeat;


}


#submenue {
	display: block;
	width: 150px;
}



#submenue a {
	display: block;
	text-decoration: none;
	margin: 1px 0;
	padding: 1px 0 1px 35px;
	color: #333;
}

#submenue a:hover
{
	/* Farbe des MenŸs */
	color: #7D1A2C;
	list-style-type: none;
	list-style-position: default;
	background-image: url(./../grafik/spacer.gif);
	background-repeat: repeat;
}

#submenue_selected a {
	padding: 1px 0 1px 35px;
 	color: #7D1A2C;
 	font-weight: 800;
	
}

#submenue_selected a:visited
{
 	color: #7D1A2C;
 	font-weight: 800;
	list-style-type: none;
	list-style-position: default;
}

#submenue_selected a:hover
{
 	color: #7D1A2C;
 	font-weight: 800;
	list-style-type: none;
	list-style-position: default;
}






/* webyep-menueelemente also die von dir selbst erweiterbaren MenŸpunkte*/

.WebYepMenuItem a {
display: block;
color: #7D1A2C;	
text-decoration: none;
width: 125px;
margin: 1px 0;
padding: 1px 0 1px 35px;

}
	

	
.WebYepMenuItem a:link {
display: block;
color: #7D1A2C;
text-decoration: none;
width: 125px;
margin: 1px 0;
padding: 1px 0 1px 35px;

}
	
	

.WebYepMenuItem	a:hover { 
background-color: #FFF;
color: #7D1A2C;
list-style-type: none;
list-style-position: default;

}


		
.WebYepMenuTitle a:link {
display: block;
color: #7D1A2C;
text-decoration: none;
width: 125px;
margin: 1px 0;
padding: 1px 0 1px 35px;

}


.WebYepMenuTitle a:hover {
background-color: #FFF;
color: #7D1A2C;
list-style-type: none;
list-style-position: default;

}


.WebYepMenuSelected a {
padding: 1px 0 1px 35px;
background-color: #FFF;
color: #7D1A2C;
font-weight: 800;

}
 
.WebYepMenuSelected a:link {
padding: 1px 0 1px 35px;
background-color: #FFF;
color: #7D1A2C;
font-weight: 800;

}

.WebYepMenuSelected	a:visited {
background-color: #FFF;
color: #7D1A2C;
font-weight: 800;
list-style-type: none;
list-style-position: default;

}
	
.WebYepMenuSelected	a:hover {
background-color: #FFF;
color: #7D1A2C;
font-weight: 800;
list-style-type: none;
list-style-position: default;

}

.WebYepMenuSelected	a:active {
background-color: #FFF;
color: #7D1A2C;
font-weight: 800;
list-style-type: none;
list-style-position: default;

}

/* ---- */
.breaker {
	clear: both;
}


#service_links {
	
	margin-left: 195px;
	padding: 5px 0 10px 40px;
	font-size: 80%;
}

#service_links p
{
	color: #fff;
	padding: 0 15px 0 15px;
}

#service_links a
{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	padding: 0 15px 0 15px;
}

#service_links a:hover
{
	background-color: #transparent;
	color: #f3f0b6;
	text-decoration: underline;
	padding: 0 15px 0 15px;
	
}

.druckadresszeile {
display: none;
}


/* ---- */
#main .invis {
	display: none;
}

	a, a:hover { background-color: transparent; }