/***********************************/                           /* class= . *** id=# */
/******                       ******/
/**          ALLGEMEIN            **/
/******                       ******/
/***********************************/
html, body{
   /* margin: 20px 0px 30px 0px;  /* top - right - bottom - left */
   margin: 0px;
	padding: 0;
   background-color: #E8E8E8;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #030353;
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
	background-image: url(images/logo9.jpg);
	background-repeat: repeat;
}


h1{
	padding: 0px;
	margin: 0px;
}

/***********************************/                           /* class= . *** id=# */
/******                       ******/
/**            LAYOUT             **/
/******                       ******/
/***********************************/

.container{
	width: 100%;
}

.div_header_aussen{
	width: 100%;
	background-color: #26237C;	
	padding-top: 2px;
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
}

.div_header{
	width: 960px;
	height: 130px;	
	margin: 0 auto;
	border: 0px solid #030353; 
	background-color: white;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

.div_infoleiste{
	width: 960px;
	height: 40px;	
	margin: 0 auto;
	border: none;
	border-left: 1px solid #030353; 
	border-right: 1px solid #030353; 
	background-color: #030353;
	background-image: url(images/infoleiste.jpg);
	background-repeat: no-repeat;
}

.div_body{
	width: 960px;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */
	margin: 0 auto;
	border: none;
	border-left: 2px solid #030353; 
	border-right: 2px solid #030353; 
	border-bottom: 2px solid #030353; 
	background-color: white;
}

.div_left{
	float: left;
	width: 160px;	

}

.div_mid_und_right{
	float: left;
	width: 778px;	/* padding abgezogen */
	padding-top: 10px;
	padding-left: 20px;
	border-left: 0px solid #030353;
}

.div_mid{
	float: left;
	width: 599px;	/* padding abgezogen */
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	border-left: 1px solid #DADAFF;
	border-right: 0px solid #030353;
	text-align: justify;
}

#content_header{
	width: 599px;
	height: 50px;
}

#content_header_kat{
	width: 764px;
	height: 50px;
	background-image: url(images/kat_header_bg.jpg);
	background-repeat: repeat-x;
}

.div_right{
	float: left;
	width: 160px;	/* padding abgezogen */
	padding: 0px;
	margin: 0px;
}


.div_footer{
	width: 964px;
	height: 40px;	
	margin: 0 auto;
	border: 0px solid #030353; 
	background-color: white;
	border-top: none;
	background-image: url(images/footer.jpg); 
	background-repeat: no-repeat;
}


#div_mid_imp_left{
	float: left;
	width: 200px; 	
}

#div_mid_imp_right{
	float: left;
	width: 372px; 		
	height: 500px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-bottom: 10px;	
	overflow: scroll;
}


#text_header{
	color: #000168;
	font-weight: bold;	
	margin-top: 10px;
	letter-spacing: 1px;
}

#text_header_gross{
	color: #000168;
	font-weight: bold;	
	margin-top: 10px;
	letter-spacing: 1px;
	font-size: 16px;
}

#text_red{
	color: #680000;
	margin-top: 10px;
}

#text_normal{
	margin-top: 2px;
	margin-bottom: 2px;
	color: #000168;
	font-size: 11px;	
}

#text_klein{
	margin-top: 2px;
	margin-bottom: 2px;
	color: #000168;	
	font-size: 9px;
}


/***********************************/                           /* class= . *** id=# */
/******                       ******/
/**        InfoTabelle            **/
/******                       ******/
/***********************************/
#infotabelle{
	display: block;
	width: 150px;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	border-bottom: 1px solid #ADD8E6;	
	border: 2px solid #D4D4F7;
}

#infotabelle th{
	padding-top: 10px;
	border-bottom: 1px solid #ADD8E6;
	background-image: url(images/infotab_header2.jpg);
	background-repeat: repeat-x;
	line-height: 20px;
	width: 150px;
}


#infotabelle td{
	padding-top: 2px;
	padding-bottom: 2px;
}

#infotabelle #infotab_td_header{
	font-weight: bold;
	font-style: italic;
	padding-top: 8px;
	border-bottom: 1px solid #CFEBF0;
}

#infotabelle #infotab_td_text{
text-align: right;
font-size: 11px;
}

/***********************************/                           /* class= . *** id=# */
/******                       ******/
/**            Box             **/
/******                       ******/
/***********************************/
#box_header{
        margin: 6px auto 0px;
        width: 150px;
        height: 22px;
        padding-top: 8px;
        background-color: white;
        background-image: url(images/box_header.jpg);
        font-weight: bold;
        font-size: 14px;
        text-align: center;
}

#box_content{
        margin: 0 auto;
        padding-bottom: 10px;
        padding-top: 0px;
        width: 148px;
        background-color: white;
        border-left: 1px solid #BEBEF1;
        border-right: 1px solid #BEBEF1;
		  border-bottom: 1px solid #BEBEF1;
        text-align: center;
		  font-size: 13px;
}
#box_content_left{
	float: left;
	width: 50px;
	padding-top: 10px;
}

#box_content_right{
	float: left;
	width: 96px;
		padding-top: 10px;
}

#box_content_header{
	font-weight: bold;
	padding-top: 10px;
   padding-bottom: 2px;
	border-bottom: 1px solid #D4D4F7;
}

	
#box_header_no_text{
        margin: 6px auto 0px;
        width: 170px;
        height: 10px;
        background-image: url(images/box_header.jpg);
        font-size: 4px;
}

#box_bottom{
        margin: 0 auto;
        width: 170px;
        height: 10px;
        background-image: url(images/box_bottom.jpg);
        font-size: 4px;
}

#box_text_header{
        font-weight: bold;
        background-image: url(images/schnell_kontakt_bg.jpg);
        background-repeat: repeat-x;
        border-bottom: solid 1px #DCDCDC;
        padding-bottom: 4px;
        margin-bottom: 4px;
}

#box_text_text{
        font-weight: bold;
}

#clear{
	clear: both;
}

.clear{
	clear: both;
}


/***********************************/                           /* class= . *** id=# */
/******                       ******/
/**            Link             **/
/******                       ******/
/***********************************/
a,
a:link,
a:visited,
a:hover,
a:active,
a:focus{
	color:#000168;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;	
}

#margin_left{
	margin-left: 20px;	
	margin-top: 20px;	
	margin-right: 120px;	
	text-align: justify;	
}

#tab_aussen{

}


#td_header{
	height: 250px;
	background-image: url(images/header2.jpg);	
	background-repeat: no-repeat;
}

#footer_hg{
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-y;
	height: 40px;
}

#tr_content{
	border: 1px solid red;
}


/* Kategorie */


#tab{
	border: solid 2px #BEBEF1;
	border-right: solid 0px #BEBEF1;
	width: 766px;
}

#tab th{
	background-color: #E3E4FF;
	background-image: url(images/td_header.jpg);
	background-repeat: repeat-x;
	line-height: 20px;
	padding: 6px;
	border-bottom: solid 2px #BEBEF1;
	border-right: solid 1px #BEBEF1;
	text-align: left;
	color: #030353;
}

#tab td{
	padding: 6px;
	border-bottom: solid 1px #BEBEF1;
	border-right: solid 1px #BEBEF1;
}

#tab td#set_bgcolor{
	background-color: #EEF2FF;
}

#tab td img{
	border: solid 2px #BEBEF1;
}

#tab #tab_unter_kat{
	background-color: #E3E4FF;
	font-weight: bold;
}

#tab #tab_anfrage{
	background-color: #ECF4FF;
	font-weight: bold;
	font-style: italic;
	color: Green;	
}


/***********************************/                           /* class= . *** id=# */
/******                       ******/
/**            NAVI Links         **/
/******                       ******/
/***********************************/

#menuSize {
   width: 160px;
   margin: 6px auto;

}

#menuSize a,
#menuSize a:link,
#menuSize a:active,
#menuSize a:visited {
   color: white;
}

#navListe,
#navListe ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
   width: 100%;
        /* margin-left: -1px;                                Liste wird um 1px nach links verschoben */
}

#navListe ul {
   position: absolute;
   top: 0;
   left: 100%;
   display: none;
}

#navListe li {
   margin-bottom: 0px;
   position: relative;
}


/* Styling the basic apperance of the menu elements */

#navListe a,
#navListe a:link,
#navListe a:active,
#navListe a:visited {
   display: block;
   width:160px;
   height: 40px;
   padding: 0px;
   margin: 0px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #03044C;
   text-decoration:none;
   line-height:40px;
   text-align:left;
	text-indent: 20px;
   background-color:#FFFFFF;
   background-image:url(images/button.jpg);
	background-repeat: no-repeat;
	letter-spacing: 0px;
}

#navListe a:hover {
   display: block;
   width:160px;
   height: 40px;
   padding: 0px;
   margin: 0px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #030353;
   text-decoration:underline;
   line-height:40px;
   text-align:left;
	text-indent: 20px;
   background-color:#FFFFFF;
   background-image:url(images/button_hover.jpg);
	background-repeat: no-repeat;
}

#navListe li,
#navListe li.menuparent {
   background-color: #323232;
}

/* Farbe beim Mousehover */
#navListe li:hover,
#navListe li.menuh,
#navListe li.menuparenth {
   background-color: #CCFFFF;
}

/* 3 Ebenen */
#navListe ul,
#navListe li:hover ul,
#navListe li:hover ul ul,
#navListe li.menuparenth ul,
#navListe li.menuparenth ul ul {
   display: none;
}
#navListe li:hover ul,
#navListe ul li:hover ul,
#navListe ul ul li:hover ul,
#navListe li.menuparenth ul,
#navListe ul li.menuparenth ul,
#navListe ul ul li.menuparenth ul {
   display: block;
}

#navListe li ul li a,
#navListe li ul li a:link,
#navListe li ul li a:active,
#navListe li ul li a:visited {
   background-image:url(images/button_rahmen.jpg);
	background-repeat: no-repeat;	
}

#navListe li ul li a:hover {
   background-image:url(images/button_rahmen_hover.jpg);
	background-repeat: no-repeat;	
}

#navListe li ul {
	border-top: 0px solid #BEBEF1;
}

/* IE Hack */
#navListe li, #navListe li.menuparenth {
   _float: left; _height: 1%;
}

#navListe li a {
   _height: 1%;
}

div#active{
   display: block;
   width:160px;
   height: 40px;
   padding: 0px;
   margin: 0px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #03044C;
   text-decoration:none;
   line-height:40px;
   text-align:left;
	text-indent: 20px;
   background-color:#FFFFFF;
   background-image:url(images/button_hover.jpg);
	background-repeat: no-repeat;
	letter-spacing: 1px;
}

img{
	border: none;
	padding: 0px;
	margin: 0px;
}

/***********************************/                           /* class= . *** id=# */
/******                       ******/
/**            FOOTER             **/
/******                       ******/
/***********************************/
#footer{
        width: 100%;
        background-image: url(images/footer_bg.jpg);
        background-repeat: repeat-x;
}

#footer_center{
        margin: 0 auto;
        padding-top: 14px;
        width: 960px;
        height: 26px;
        text-align: center;
        color: #030353;
        font-size: 11px;
}



/***********************************/
/***********************************/
/*              REST              */
/***********************************/
/***********************************/
/***********************************/
/***********************************/
/******                       ******/
/**         Mousover Bild         **/
/******                       ******/
/***********************************/
#galerie
{
list-style-type: none;
float: left;
margin: 0 0px 0px 0;
text-align: center;
font-weight: bold;
position: relative;
}

#galerie img
{
width: 60px;
height: 60px;
display: block;
padding: 3px;
border: 1px solid #8B0000;
}

#galerie a .gross
{
display: none;
}

#galerie a:hover .gross
{
width: 250px;
height: 250px;
display: block;
position: absolute;
top: -190px;
left: -265px;
z-index: 1;
background: #fff;
}

/*--Spezialangaben für den Internet Explorer 7--*/
*+html #galerie a:hover { z-index: 1;}
*+html #galerie li{position: static;}
*+html #galerie a {position: relative;}

/*--Spezialangaben für den Internet Explorer 6--*/
*html #galerie a:hover {display: block; z-index: 1;}
*html #galerie li{position: static;}
*html #galerie a {position: relative;}

/***********************************/
/******                       ******/
/**         Kategorie        **/
/******                       ******/
/***********************************/

#tabKategorie{
	border: 1px solid #BEBEF1;
}
#tabKategorie th{
	width: 85px;
	text-align: center;
	font-weight: bold;
	color: #00008B;
}

#tabKategorie td{
	width: 85px;
	text-align: center;
}


#kat_nav{
	float: right;
	margin-right: 6px;
	border-bottom: 1px solid #BEBEF1;
	width: 764px;
}

#kat_nav img{
	border: none;
	margin: 0px;
	padding: 0px;
}

#kat_nav a,
#kat_nav a:link,
#kat_nav a:visited,
#kat_nav a:hover,
#kat_nav a:active,
#kat_nav a:focus{
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
}