﻿@charset "utf-8";
html{
	overflow-x:hidden;
	}

body {
	margin:0;
	padding:0;
	font: normal 11px/16px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #0C19A5;
    overflow: -moz-scrollbars-vertical; /* mozilla-engine */
    overflow-x: hidden;
	background-color:#fff;
}

#lang {
	position: absolute;
	background-image:url(../images/nav1_up_6.jpg);
	width:115px; height:20px; padding: 20px 0 0 35px;
	left: 420px;
}


/*---------------------------------------------------------------------------------------------------------------------------

normale Links

-----------------------------------------------------------------------------------------------------------------------------*/



a {
	/*text-decoration: underline;*/
	text-decoration: none;
	color:  #0C19A5;
	outline: none;
	}

a:visited {
	color:  #0C19A5;
		outline: none;
	}

a:active {
	color:  #0C19A5;
	outline: none;
	}

a:hover {
	color: #900;
	text-decoration: none;
	/*text-decoration: underline;*/
	outline: none;

	}

	
/*---------------------------------------------------------------------------------------------------------------------------

&Uuml;berschriften

-----------------------------------------------------------------------------------------------------------------------------*/

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color:#03296a;
	}

h2 {
	font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color:#1f419a;
	}



/*---------------------------------------------------------------------------------------------------------------------------

Standards

-----------------------------------------------------------------------------------------------------------------------------*/	


.ahem {
	display: none;
	}

strong, b {
	font-weight: bold;
	}

p {
	font: normal 11px/16px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #0C19A5;
	margin:0px 0px 12px 0px;
	padding:0px;
	}

ul{
	margin:18px ;
	padding:0px;
	}

li{
	margin:0px;
	padding:0px;
	list-style: square;
	}

img {
	border: 0;
	}

.img_right {
	float:right;
	margin: 0px 0px 4px 4px;
	border: 0px;
	}

.img_left {
	float:left;
	margin: 0px 4px 4px 0px;
	border: 0px;
	}	

.nowrap {
	white-space: nowrap;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}

.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}

hr {
	background-color:#007ac2;
	color:#007ac2;
	height: 2px;
	border:0;
	}

/*---------------------------------------------------------------------------------------------------------------------------

toploop

-----------------------------------------------------------------------------------------------------------------------------*/


#toploop{
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:690px;
	background-image:url(../images/loop_top.gif);
	background-repeat:repeat-x;
	}


/*---------------------------------------------------------------------------------------------------------------------------

Border

-----------------------------------------------------------------------------------------------------------------------------*/

#topbleft{

	z-index:10;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-620px;
	background-image:url(../images/borderleft.gif);
	width:170px;
	height:690px;
	}

#topbright{
	z-index:10;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:450px;
	background-image:url(../images/borderright.gif);
	width:170px;
	height:690px;
	}

/*---------------------------------------------------------------------------------------------------------------------------

topframe

-----------------------------------------------------------------------------------------------------------------------------*/

#topframe{
	z-index:3;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-620px;
	height: 300px;
	}

.jaso{
	background-image:url(../images/hg.jpg);
	}

#logo{
	z-index:5;
	position:absolute;
	top:0px;
	left:170px;
	}

/*---------------------------------------------------------------------------------------------------------------------------



-----------------------------------------------------------------------------------------------------------------------------*/

#navtop{
	z-index:5;
	position:absolute;
	top:0px;
	left:500px;
	height:40px;
	width:570px;
	}

#navtop ul{
	margin: 0px;
	padding:0px;
}

#navtop li{
	list-style: none;
	display: inline;
	float:left;
	}

#navtop li a{
	margin: 0px 0px 0px 0px;
	padding-top:20px;
	text-align:center;
	color:#fff !important;
	font-weight:bold;
	text-decoration: none;
	width:84px;
	height:40px;
	display:block;
	background-image:url(../images/nav1_up.jpg);
	}

#navtop li a:link {
	width:84px;
	height:40px;
	display:block;
	background-image:url(../images/nav1_up.jpg);
	}

#navtop li a:hover{
	color: #fff !important;
	text-decoration:none;
	width:84px;
	height:40px;
	background-image:url(../images/nav1_over.jpg);
	}

.aktnavtop{
	background-image:url(../images/nav1_active.jpg) !important;
}

/*---------------------------------------------------------------------------------------------------------------------------



-----------------------------------------------------------------------------------------------------------------------------*/

#header{
	z-index:5;
	position:absolute;
	top:40px;
	left:500px;
	height:160px;
	width:570px;
	}

#date{
	z-index:5;
	position:absolute;
	top:200px;
	left:170px;
	height:100px;
	width:275px;
	background-image:url(../images/date_bg.jpg);
	background-repeat:no-repeat;
	}

.date{
	margin:40px 0px 0px 90px;
	font-weight:bold;
	font: bold 11px/16px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	}

/*---------------------------------------------------------------------------------------------------------------------------



-----------------------------------------------------------------------------------------------------------------------------*/

#navmid{
	z-index:5;
	position:absolute;
	top:200px;
	left:445px;
	height:100px;
	width:625px;
	background-color: #FFFFFF;
	}

#navmid i{
	visibility:hidden;
	}



a#naviimprint {
	color: #fff;
	}



a#zertif{
	background-image:url(../de/images/nav2_01_up.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
	}

a#hygiene{
	background-image:url(../de/images/nav2_02_up.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
	}

a#betrieb{
	background-image:url(../de/images/nav2_03_up.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
	}

a#medizin{
	background-image:url(../de/images/nav2_04_up.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
	}

a#brandschutz{
	background-image:url(../de/images/nav2_05_up.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
	}

a#prufung{
	background-image:url(../de/images/nav2_06_up.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
	}

a#weitere{
	background-image:url(../de/images/nav2_07_up.png); 
	height:100px;
	width:103px;
	display:block;
	text-decoration:none;
	float:left;
}

a:link#zertif{
	background-image:url(../de/images/nav2_01_up.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
	}

a:link#hygiene{
	background-image:url(../de/images/nav2_02_up.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
	}

a:link#betrieb{
	background-image:url(../de/images/nav2_03_up.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:link#medizin{
	background-image:url(../de/images/nav2_04_up.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
	}

a:link#brandschutz{
	background-image:url(../de/images/nav2_05_up.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:link#prufung{
	background-image:url(../de/images/nav2_06_up.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:link#weitere{
	background-image:url(../de/images/nav2_07_up.png); 
	height:100px;
	width:103px;
	display:block;
	text-decoration:none;
	float:left;
}

a:visited#zertif{
	background-image:url(../de/images/nav2_01_visited.png);
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:visited#hygiene{
	background-image:url(../de/images/nav2_02_visited.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:visited#betrieb{
	background-image:url(../de/images/nav2_03_visited.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:visited#medizin{
	background-image:url(../de/images/nav2_04_visited.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:visited#brandschutz{
	background-image:url(../de/images/nav2_05_visited.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:visited#prufung{
	background-image:url(../de/images/nav2_06_visited.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;

}

a:visited#weitere{
	background-image:url(../de/images/nav2_07_visited.png);
	height:100px;
	width:103px;
	display:block;
	text-decoration:none;
	float:left;
}



a:hover#zertif{
	background-image:url(../de/images/nav2_01_over.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:hover#hygiene{
	background-image:url(../de/images/nav2_02_over.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:hover#betrieb{
	background-image:url(../de/images/nav2_03_over.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:hover#medizin{
	background-image:url(../de/images/nav2_04_over.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:hover#brandschutz{
	background-image:url(../de/images/nav2_05_over.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:hover#prufung{
	background-image:url(../de/images/nav2_06_over.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

a:hover#weitere{
	background-image:url(../de/images/nav2_07_over.png); 
	height:100px;
	width:103px;
	display:block;
	text-decoration:none;
	float:left;
}


#aktzertif{
	background-image:url(../de/images/nav2_01_active.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

#akthygiene{
	background-image:url(../de/images/nav2_02_active.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

#aktbetrieb{
	background-image:url(../de/images/nav2_03_active.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

#aktmedizin{
	background-image:url(../de/images/nav2_04_active.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

#aktbrandschutz{
	background-image:url(../de/images/nav2_05_active.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

#aktprufung{
	background-image:url(../de/images/nav2_06_active.png); 
	height:100px;
	width:87px;
	display:block;
	text-decoration:none;
	float:left;
}

#aktweitere{
	background-image:url(../de/images/nav2_07_active.png); 
	height:100px;
	width:103px;
	display:block;
	text-decoration:none;
	float:left;
}

/*---------------------------------------------------------------------------------------------------------------------------

middleframe

-----------------------------------------------------------------------------------------------------------------------------*/

#frame{
	z-index:3;
	position:absolute;
	top:300px;
	left:50%;
	margin-left:-620px;
	width:1240px;
	background-image:url(../images/hg.jpg);
}

.contentframe{
	margin:0px 0px 0px 185px;
	padding:0px;
	width:870px;
}

/*---------------------------------------------------------------------------------------------------------------------------

modul 1

-----------------------------------------------------------------------------------------------------------------------------*/


#mod1{
	margin:0px 0px 0px 185px;
	padding:0px;
	width:870px;
	height:195px;
}

.mod01{
	float:left;
	width:210px;
	height:195px;
	margin:0px 10px 0px 0px;
	overflow:hidden;
	background-image:url(../images/mod1_bg.jpg);
}

.mod01 h1{
	height:21px;
	width:210px;
	padding:4px 0px 0px 4px;
	margin:0px;
	background-image:url(../images/mod_top.gif);
	background-repeat:repeat-x;
}

.mod01 p{
	margin:6px 4px 4px 4px;
}

/*---------------------------------------------------------------------------------------------------------------------------

modul 2

-----------------------------------------------------------------------------------------------------------------------------*/


#mod2{
	clear:both;
	margin:10px 0px 0px 185px;
	padding:0px;
	width:870px;
	height:210px;
	overflow:hidden;
	background-image:url(../images/mod2_bg_org.jpg);
	background-repeat:repeat-x;
}

#mod2 h1{
	width:600px;
	margin:0px;
	padding:4px 0px 0px 4px;
	clear:left;
}

.mod02{
	float:left;
	width:120px;
	height:195px;
	margin-right:5px;
}

.mod2pad{
	margin:0px 0px 0px 10px;
	width:100px;
	height:100px;
	vertical-align:text-bottom;
}

.mod02 p{
	margin:4px;
}



/*---------------------------------------------------------------------------------------------------------------------------

navi unten

-----------------------------------------------------------------------------------------------------------------------------*/

.naviunten{
	margin:0px 0px 0px 185px;
	padding:20px 0px 0px 0px;
	width:870px;
	height:20px;
	background-image:url(../images/line_bottom.jpg);
	background-repeat:repeat-x;
	font-size:10px;
}

.naviunten ul{
	margin:0px;
	padding:0px;
}

.naviunten li{
	list-style: none;
	margin: 0;
	display: inline;
}

.naviunten li a{
	margin: 0px 10px 0px 0px;
	text-decoration: none;
}

.naviunten li a:link {
	color: #448;
}

.naviunten li a:visited {
	color: #667;
}

.naviunten li a:hover{
	color: #007AC2;
	text-decoration:none;
}

/*---------------------------------------------------------------------------------------------------------------------------

footer

-----------------------------------------------------------------------------------------------------------------------------*/

#footer{
	margin:0px 0px 0px 185px;
	padding:0px;
	width:870px;
	height:40px;
	background-color:#BCBCBC;
}

#footer p{
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 4px;
	color:#fff;
}

#abschluss{
	margin:0px 0px 0px 70px;
	padding:0px;
	width:1100px;
	height:50px;
	background-image:url(../images/borderbottom.jpg);
	background-repeat:no-repeat;
}

/*---------------------------------------------------------------------------------------------------------------------------

content

-----------------------------------------------------------------------------------------------------------------------------*/

.content{
	float:left;
	width:260px;
	margin:20px 30px 0px 0px;
	text-align:justify;
}

.content2{
	float:left;
	width:260px;
	margin:20px 0px 0px 10px;
	text-align:justify;
}

.content3{
	float:left;
	width:260px;
	margin:55px 0px 0px 40px;
	clear:none;
	text-align:justify;
}

.content4{
	float:left;
	width:560px;
	margin:20px 0px 0px 10px;
	text-align:justify;
}