/*
	Formatierungen
*/

#header #logo {
margin: 15px 0px 0px 15px;
border: 0 none;
}

/* set all to 0 */
h1, h2, h3, h4, p, ul, li {
margin: 0;
padding: 0;
}

/* headings */
h1, h2, h3, h4 {
margin: 10px 0px 5px 0px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
}
h1
{
	background-image: url(../grafiken/headline_back.gif);
	font-size: 150%;
	letter-spacing: 1pt;
	background-repeat: repeat-x;
}
h2 {
background-color: transparent;
color: #757575;
font-size: 120%;
letter-spacing: 1pt;

}
h3 {
font-size: 110%;
letter-spacing: 1pt;
}
h4 {
font-size: 95%;
letter-spacing: 1pt;
}

/* Texte */

/* Texte */
p, li {
font-size: 70%;
line-height: 150%;

color: #666;
}

#p1 {
font-size: 75%;
line-height: 150%;
width: 400px;
color: #666;
}

#p1, #p1 li {

margin: 7px 0px 8px 0px;
}


#menue_select
{
	display: block;
	background-color:#fff;
	background-image: url(../grafiken/menue_back.gif);
	color: #4f4136;
}


.menue a {
display: block;
text-decoration: none;
margin: 0;
padding: 0px 0px 0px 3px;

}
.menue a:link {
display: block;
color: #fff;
}
.menue a:visited{
display: block;
color: #fff;
}
.menue a:hover
{
	display: block;
	background-color:#fff;
	background-image: url(../grafiken/menue_back.gif);
	color: #4f4136;
	
}
.menue a:active {
	display: block;
	color: #f90;
	background-image: url(../grafiken/menue_back.gif);
}


#p1 ul {
margin: 0px 0px 0px 20px;
	padding-left: 10px;
font-size: 100%;
}

#p1 li
{
	font-size: 100%;
	line-height: 150%;
	background-image: url(../grafiken/listenpunkt.gif);
	background-repeat: no-repeat;
}


#content p, #content li {
line-height: 150%;
margin: 7px 0px 8px 0px;
}


#th2
{
	padding-left: 15px;
	font-weight: bold;
}

#GROSS
{
	font-size: 90%;
	font-weight: bold;
	color: red;
	font-style: italic;
}

/* Links */
#content a {
text-decoration: none;
font-weight: bold;
padding: 0px 3px 2px 3px;
color: #f90;
}

#content a:link
{
	text-decoration: none;
	padding: 0px 3px 2px 3px;
	color: #f90;
	font-weight: bold;
}

#content a:visited {
color: #f90;
}

#content a:hover {
background-color: #4f4136;
color:#fff;
text-decoration: underline;
}




.WebYepMenuItem a {
display: block;
width: 138px;
text-decoration: none;
color: #fff;
margin: 1px 0px 1px 10px;
padding: 5px 10px 5px 3px;
line-height: 120%;
}

.WebYepMenuItem a:link {
display: block;
width: 138px;
text-decoration: none;
color: #fff;
margin: 1px 0px 1px 10px;
padding: 0px 10px 0px 3px;
}

.WebYepMenuItem a:visited{
color: #fff;
}

.WebYepMenuItem a:hover
{
	color:#4f4136;
	background-image: url(../grafiken/menue_back.gif);
	background-repeat: no-repeat;

}
.WebYepMenuItem a:active
{
	background-image: url(../grafiken/menue_back.gif);
	background-repeat: no-repeat;
	color: #f90;
}



.WebYepMenuTitle a {
display: block;
width: 138px;
}
.WebYepMenuTitle p.linear a {
display: inline;
width: auto;
}

.WebYepMenuTitle a {
text-decoration: none;
margin: 1px 0px 1px 0px;
padding: 0px 0px 0px 3px;

}
.WebYepMenuTitle a:link {
color: #fff;
}
.WebYepMenuTitle a:visited{

color: #fff;
}
.WebYepMenuTitle a:hover
{
	background-color: #00006A;
	background-image: url(../grafiken/menue_back.gif);
	color:#4f4136;
}
.WebYepMenuTitle a:active {
	background-color: #00006A;
	background-image: url(../grafiken/menue_back.gif);
	color: #f90;
}




.WebYepMenuSelected a {
	
	margin: 1px 0px 1px 10px;
	padding: 5px 10px 5px 3px;
	line-height: 120%;
	display: block;
	text-decoration: none;
	background-image: url(../grafiken/menue_back.gif);
	color:#4f4136;
}

.WebYepMenuSelected a:link
{
	margin: 1px 0px 1px 10px;
	padding-left: 3px;
	display: block;
	text-decoration: none;
	background-image: url(../grafiken/menue_back.gif);
	color:#4f4136;
}

.WebYepMenuSelected a:visited {
color:#4f4136;
}

.WebYepMenuSelected a:hover
{
	display: block;
	margin: 1px 0px 1px 10px;
	padding-left: 3px;
	text-decoration: none;
	background-image: url(../grafiken/menue_back.gif);
	color:#4f4136;
}

.WebYepMenuSelected a:active
{
	margin: 1px 0px 1px 10px;
	padding: 5px 10px 5px 3px;
	line-height: 120%;
	display: block;
	text-decoration: none;
	background-image: url(../grafiken/menue_back.gif);
	color:#4f4136;

}


/*
   webyep ende
*/



#footer a {
color:#f90;
font-weight: bold;
text-decoration: none;
margin: 1px 0px 1px 0px;
padding: 0px 0px 0px 3px;

}

#footer a:link {
color: #f90;
}

#footer a:visited {
color: #f90;
}

#footer a:hover
{
	color:#fff;
	background-color:#4f4136;
	text-decoration: underline;

	
}

#footer a:active {	
color: #f90;
}



/* others */
.invis, hr {
display: none;
}

img {
border: none;
}




/*  haengt die Labels rechtsbuendig an 
    einer imaginaeren Mittelachse 5em 
    von links auf und kontrolliert den 
    Abstand zu den Kontrollelementen: */

label.left
{
    float: left;
    text-align: right;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width: 100px;
    margin-right: 2em;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text], select
{
    float : left;
    
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right
{
    float:    left;
    width:    auto;
    clear:    both;
    margin-left :    125px;
    margin-right :    2em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */


input[type=radio].right,
input[type=submit].right
{
    margin-left:  125px;
}

input[type=checkbox].right

{
    margin-left: 130px;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear: both;
    
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor: pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height:  140%;
}


/* Newsletter */

#div-newsletter {
  margin-bottom: 20px;
}

#div-newsletter div {
  clear: both;
}

#div-newsletter select.hidden {
  position: absolute;
  top: -999px;
}

#div-newsletter input[type=text] {
  margin-right: 10px;
  margin-bottom: 5px;
  clear: left;
}

#div-newsletter h2 {
  font-size: 80%;
}

#div-newsletter label {
  color: #757575;
  font-size: 80%;
}

#submit {
  margin-top: 5px;
}