/* --------------------------------------------
http://www.epm-cooperation.de - Styles

- Allgemeine Definitionen
- Typo Links im Fliesstext
- Typografie
- Menu
- Formulare
- Suche
- Layout

Letzte Änderung: 05.07.2007
----------------------------------------------- */



/* Allgemeine Definitionen
----------------------------------------------- */
body {
	color: #000000;
	font: small Arial, Helvetica, sans-serif;
	background-color: #Fbf2dc;
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin-left: 180; 
	margin-right: 0;
	padding-right: 0;
	background-image: url(images/blank.gif);
	background-position: 0px 0px;
}
[a] {
	cursor:pointer;
	border: none;	
}
a { 
	outline: none; 
}


/* Typo Links im Fliesstext
----------------------------------------------- */
.textlink {
	color: #B4761B;
	font: small Arial, Helvetica, sans-serif;
	text-decoration: underline;
	cursor:pointer;		
}
.textlink:hover {
	color: #999999;
	text-decoration: none;
}	
.textlink:active {
	color: #CCCCCC;
	font-weight: bold;
}

.textlinklex {
	color: #B4761B;
	text-decoration: underline;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}
.textlinklex:hover {
	color: #999999;
	text-decoration: none;
}	
.textlinklex:active {
	color: #CCCCCC;	
}
.textlinknotruf {
	color: #fe4a0e;
	font: small Arial, Helvetica, sans-serif;
	text-decoration: underline;
	cursor:pointer;		
}
.textlinknotruf:hover {
	color: #999999;
	text-decoration: none;
}	
.textlinknotruf:active {
	color: #CCCCCC;
	font-weight: bold;
}
.textlinkschutz {
	color: #336600;
	font: small Arial, Helvetica, sans-serif;
	text-decoration: underline;
	cursor:pointer;		
}
.textlinkschutz:hover {
	color: #999999;
	text-decoration: none;
}	
.textlinkschutz:active {
	color: #CCCCCC;
	font-weight: bold;
}
.textlinkgesetz {
	color: #B4761B;
	font: small Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor:pointer;		
}
.textlinkgesetz:hover {
	color: #999999;
	text-decoration: underline;
}
.textlinkgesetz:active {
	color: #CCCCCC;
	font-weight: bold;
}
.textlinkgesetzfett {
	color: #B4761B;
	font: small Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;		
}
.textlinkgesetzfett:hover {
	color: #999999;
	text-decoration: underline;
}	
.textlinkgesetzfett:active {
	color: #FFCC33;
}

div#inhaltgesetz a {
	color: #B4761B;
	font: small Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor:pointer;		
}
div#inhaltgesetz a:hover {
	color: #999999;
	text-decoration: underline;
}	
div#inhaltgesetz a:active {
	color: #CCCCCC;
	font-weight: bold;
}

/* Typographie
----------------------------------------------- */

p {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
h1 {
	color: #FF9900;
	font-size: 150%;
	margin: 0px;
	padding: 0px;
}
h2 {
	color: #FF9900;
	font-size: 125%;
	margin: 0px;
	padding: 0px;
}
h3 {
	color: #FF9900;
	font-size: 110%;
	margin: 0;
	padding: 0px;
}
.leerzeile {
	padding: 0;
	margin: 0;
	font-size: 7px;
	line-height: 7px;
}
.bold {
	font-weight: bold;
}
.red {
	color: #FE4A0E;
}




.fettbig {
	color: #000000;
	font-size: 125%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.fettgruenbig {
	color: #336600;
	font-size: 125%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.fettrotbigger {
	color: #fe4a0e;
	font-size: 150%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.fettgruen {
	color: #336600;
	font-size: 110%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

div#announce h2 {
	color: #683609;
	font-size:14px;
	font-weight: bold;
	text-align: center;	
}

div#announce a {
	color: #FFFFFF;
	font-size:12px;
	text-decoration: none;
	text-align: center;	
	display: block;
	padding-left: 5px;
}
div#announce a:hover {
	color: #FFCC33;
}


/* Menu
----------------------------------------------- */
.navigation {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #666666;
	width: 150px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.navigation:hover {
	color: #FFCC33;
}
.navigation:active {
	padding-left: 5px;
	font-size: 17px;
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
} 
.actualpagenavi {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	width: 150px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.navigationred {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #FF0000;
	width: 150px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.navigationred:hover {
	color: #FFCC33;
}
.navigationred:active {
	padding-left: 5px;
	font-size: 17px;
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
} 
.navigationgreen {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #336600;
	width: 150px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.navigationgreen:hover {
	color: #FFCC33;
}
.navigationgreen:active {
	padding-left: 5px;
	font-size: 17px;
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
} 

.Leistungen {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #515151;
	width: 150px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 8px;
}

.navigation2 {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #515151;
	width: 150px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 14px;
}
.navigation2:hover {
	color: #FFCC33;
}
.navigation2:active {
	padding-left: 12px;
	font-size: 17px;
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
} 
.actualpagenavi2 {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: block;color: #FFFFFF;
	width: 150px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 14px;
}

.subnavi {
	color: #666666;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 135px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 21px;
}
.subnavi:hover {
	color: #FFCC33;
}
.subnavi:active {
	font-size: 17px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
} 
.subnaviactual {
	color: #FFFFFF;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 135px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 21px;
}

.navigationsmall {
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	display: inline;
	width: 137px;
	color: #666666;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.navigationsmall:hover {
	color: #FFCC33;
}
.navigationsmall:active {
	color: #FFFFFF;
}
.actualpagenavismall {
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	display: inline;
	width: 137px;
	color: #CCCCCC;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.actualpagenavismallbold {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	width: 137px;
	color: #CCCCCC;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.navigationsmallnot {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	width: 137px;
	color: #fe4a0e;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.navigationsmallnot:hover {
	color: #FFCC33;
}
.navigationsmallnot:active {
	color: #FFFFFF;
}

.navigationsmallschutz {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	width: 137px;
	color: #336600;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 8px;
}
.navigationsmallschutz:hover {
	color: #FFCC33;
}
.navigationsmallschutz:active {
	color: #FFFFFF;
}

/* Buttons
----------------------------------------------- */
.buttonright {
	color: #666666;
	font-style: normal;
	text-decoration: none;
	height: 20px;
	width: 65px;
	background-image: url(images/button%20right.jpg);
	visibility: visible;
	margin-top: 10px;
	position: relative;
	float: right;
	margin-bottom: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
}
.buttonleft {
	color: #666666;
	font-style: normal;
	text-decoration: none;
	height: 20px;
	width: 65px;
	background-image:url(images/button%20left.jpg);
	visibility: visible;
	margin-top: 10px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
}
.mehrverweis {
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #C1801C;
	text-align: right;
	display: block;
	height: auto;
	font-size: 90%;
}
.mehrverweis:active {
	color: #999999;
}
.mehrverweis:hover {
	color: #CCCCCC;
}


/* Formulare
----------------------------------------------- */
.formular {
	font-size: 95%;
}
.formulartitel {
	width: 31%;
	font-size: 95%;
	font-weight: bold;
	text-align: right;
	display: block;
	height: 20px;
	padding-top: 3px;
	padding-right: 5px;
}
.formularlabel {
	float: left;
	width: 31%;
	font-size: 95%;
	text-align: right;
	display: block;
	height: 20px;
	padding-top: 3px;
	padding-right: 5px;
}
.forminhalt {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 95%;
	width: 42%;
}
.formsubmit {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	outline: none;
	background-color: #F5D9A9;
	display: block;
}
.formsubmit:hover {
	cursor:pointer;
}
.formfeedback {
	font-size: 105%;
	font-weight: bold;
}
/*---span.error {
	font-size: 150%;
	font-weight: bold;
	color: #660000;
}---*/
.adres {
	text-align: right;
	float: left;
	width: 18%;
	padding-right: 5px;
}

/* Suche
----------------------------------------------- */
.formsubmitsuch {
	font-family: Arial, Helvetica, sans-serif;
	color: #683609;
	border: none;
	outline: none;
	height: 15px;
	font-weight: bold;
	width: 45px;
	background-color: transparent;
	font-size: 11px;
	line-height: 12px;
}
.formsubmitsuch:hover {
	cursor:pointer;
	color: #FF9900;
}
.suchbegriff {
	width: 85px;
	height: 11px;
	font-size: 9px;
	margin-left: 7px;
	line-height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
	background-color:transparent;
	border: 1px solid #683609;
	-moz-border-radius:3px;
}
.search{
	margin-top: 0px;
	margin-bottom: 15px;
	height: 13px;
}

#output a {font-weight: bold;}

.searchword  {color: #222; background-color: #FFCC33; }
.searchword0 {color: #222; background-color: #FEF1AB; }
.searchword1 {color: #222; background-color: #FFD964; }
.searchword2 {color: #222; background-color: #FFCFB9; }
.searchword3 {color: #222; background-color: #F8A06B; }
.searchword4 {color: #222; background-color: #FFCC00; }
.searchword5 {color: #222; background-color: #FFFF99; }
.searchword6 {color:#FFFFFF; background-color: #663300; }
.mod {display: block; font-size: .8em;}


/* Layout
----------------------------------------------- */

#kopf {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 100%;
	height: 189px;
	background-image: url(images/Banner.jpg);
	background-repeat: no-repeat;
	z-index: 10;
	overflow: visible;
}
#topnavi {
	max-width: 993px;
	padding-right: 20px;
}
#main {
	position: absolute;
	width: 100%;
	top: 203px;
	left: 5px;
	overflow: visible;
	z-index: 0;
	display: inline;
}
#inhalt {
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 7px;
	margin-left: 180px;
	background-color: #FFFFFF;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-right: 30px;
	max-width: 780px;
	min-width: 515px;
}
#inhaltgesetz {
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 7px;
	margin-left: 180px;
	background-color: #FFFFFF;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-right: 30px;
	max-width: 780px;
	min-width: 515px;
}
#inhalt img {
	float: right;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 10px;
}
#img {
	margin-top: 4;
	margin-right: 20px;
	margin-bottom: 4px;
	background-image: url(images/wirschutzensie60.png);
	height: 82px;
	width: 480px;
}
#seitenleiste {	
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	min-height: 500px;
	background-image: url(images/Seite.jpg);
	margin: 0px;
	float: left;
	background-repeat: no-repeat;
}
#seitenleiste[id] {
	position:fixed;
	top:203px;
	left:5px;	
}
#navbottom {
	position: relative;
	top: 180px;
	margin-left: 180px;
	z-index: 20;
	float: right;
}
#betreuer {
	position: relative;
	top: 185px;
	left: 5px;
}
#betreuer[id] {
	position:fixed;
}
#Kontaktblatt {
	background-color: #FAEDCF;
	width: 75%;
	min-width: 200px;
	padding: 5px;
}
#announce {
	position: relative;
	top: 15px;
	left: 10px;
	width: 130px;
	background-color: transparent;
	border: 1px solid #683609;
	-moz-border-radius: 3px;
	padding-bottom: 5px;
}