body
{
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background: url(hg-main.gif) repeat-y center #ececec;
}


div
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #404040;
}


table
{
border-top: 1px solid #4276af;
border-left: 1px solid #4276af;
}

td
{
vertical-align: top;
padding: 4px;
border-right: 1px solid #4276af;
border-bottom: 1px solid #4276af;
}

th
{
padding: 4px;
background: #4276af;
color: #ffffff;
border-right: 1px solid #ffffff;
}


form input, select
{
width: 200px;
border: 1px solid #999999;
}


form textarea
{
width: 270px;
border: 1px solid #999999;
}

form input.submit
{
width: 80px;
border: 1px solid #666666;
}


.field_radio
{
width: 18px;
border: 0px none #000000;
}

.field_checkbox
{
width: 14px;
border: 0px none #000000;
}



#div-main
{
width: 1000px;

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Search Box in banner */
#search_box {
	color: #fff;
	text-align: center;
}
#search_box {
	float: right;
	clear: right;
	width: 200px;
}
#search_box fieldset {border:0;}
#search_box legend, #search_box label {display:none;}

#search_string {
	width: 100px;
	height: 16px;
	font-size: 90%;
	vertical-align: middle;
	border: 1px inset #ccc;
}
#search_submit {
	width: 50px;
	height: 20px;
	font-size: 90%;
	vertical-align: middle;
	padding: 0 0 4px 0;
}



#div-banner
{
width: 1000px;
height: 131px;
background: url(hg-banner.jpg) no-repeat #ebebeb;
text-align: left;
}


#div-banner p
{
margin: 0px;
}

#div-banner img
{
margin-top: 23px;
margin-left: 27px;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */

ul.menu, li.menu
{
list-style-type: none;
margin: 0px;
padding: 0px;
}


/* Header menu */	 

#header_menu
{
position: absolute;
margin-left: 120px;

}

#header_menu li
{
line-height: normal;
}

ul#header_menu
{
z-index: 30;
clear: both;
}


#header_menu-li
{
position: absolute;
margin-left: 120px;

}

#header_menu-li li
{
line-height: normal;
}

ul#header_menu-li
{
z-index: 10;
clear: both;
}

#header_menu-re
{
position: absolute;
margin-left: 120px;

}

#header_menu-re li
{
line-height: normal;
}

ul#header_menu-re
{
z-index: 0;
clear: both;
}


#div-navi-banner
{
width: 1000px;
height: 50px;
background: url(hg-banner-navi.jpg) no-repeat 8px 0px;
}

#div-navi-banner ul
{
list-style-type: none; 
margin-left: 190px; 
padding: 0px; 
font-size: 90%; 
width: auto;
/*
(Disappearing List-Background)
http://www.positioniseverything.net/explorer/ie-listbug.html
*/
position: relative; /* Fix the Stupid IE6 Bug */
}

#div-navi-banner ul li
{
float: left;
color: #ffffff;
text-align: center;
font-weight: normal;
}

#div-navi-banner ul li a
{
display: block;
padding: 6px 12px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

/* Root Level Link Formatting */
#div-navi-banner ul li a:hover, #div-navi-banner li a:focus
{
background: #064486;
border-color: #fff;
color: #ffffff;
}

#div-navi-banner li a:active, #div-navi-banner ul li a.active
{
background: #d1d2d4;
border-color: #fff;
color: #4b4c4d;
}


/* Current page Customisations*/

#div-navi-banner li.menu-current a
{
background: #064486;
}


/* 2nd Child menu */
#div-navi-banner .menu li ul
{
position: absolute;
width: 12em;
margin: 0px;
display: none;
text-transform: none;
background: #064486;
border-left: 1px solid #ffffff;
border-top: 1px solid #bce2f6;
font-size: 100%;
}

#div-navi-banner .menu li ul li ul
{
position: absolute;
width: 12em;
margin: 0px;
display: none;
text-transform: none;
background: #064486;
border-left: 1px solid #ffffff;
border-top: 0px none #000000;
font-size: 94%;
}

#div-navi-banner .menu li ul li 
{
width: 12em;
text-align: left;
font-weight: normal;
margin: 0;
padding: 0;
line-height: 1.2em;
border-bottom: 1px solid #bce2f6;
}

#div-navi-banner .menu li ul li.menu-last
{
border-bottom: 0px none #000000;
}

#div-navi-banner .menu li ul a
{
padding: 5px;
font-size: 80%;
background: #064486;
color: #ffffff;
border: 0;
}

/* 2nd Child link hover */

#div-navi-banner .menu li ul a:hover
{
background: #4177ae;
}

/* Show and hide */
#div-navi-banner .menu li:hover ul, #div-navi-banner .menu li a:focus ul, #div-navi-banner .menu li.subMenu ul
{
display: block;
background: #000000;
}



#div-navi-banner .menu li ul ul
{
display: none;
background: #000000;
}

#div-navi-banner .menu li:hover ul ul, #div-navi-banner .menu li.subMenu ul ul
{
display: none;
}



#div-navi-banner .menu li:hover ul, #div-navi-banner .menu li li:hover ul, #div-navi-banner .menu li.subMenu ul, #div-navi-banner .menu li li.subMenu ul
{
display: block;
}


/* 3rd Child Menu Appreances */
#div-navi-banner .menu li ul li ul li a
{

background: #064486; 
color: #fff; 
font-size: 80%;
}

/* Positioning the Pop-out Drops */
#div-navi-banner li
{
position: relative;
}

#div-navi-banner li li li
{
position: relative;
}

#div-navi-banner ul ul ul
{
position: absolute;
top: 1px;
left: 100%;
}


.schnellsuche-form
{
float: right;
margin-top: 5px;
margin-right: 20px;
font-size: 90%;
}

.schnellsuche-titel
{
color: #ffffff;
}

.schnellsuche-input
{
width: 111px;
height: 18px;
border: 0px none #000000;
background: url(hg-schnellsuche-input.gif) no-repeat;
}


.schnellsuche-submit
{
width: 19px;
height: 18px;
border: 0px none #000000;
background: url(hg-schnellsuche-submit.gif) no-repeat;
}





/* end navi-banner */


#div-navi-links
{
float: left;
width: 190px;
height: 645px;
background: url(hg-navi-links.jpg) 8px 0px no-repeat;
}

#div-navi-links ul
{
width: auto;
list-style-type: none; 
margin-left: 9px; 
padding: 0px; 
font-size: 90%; 
text-align: left;
/*
(Disappearing List-Background)
http://www.positioniseverything.net/explorer/ie-listbug.html
*/
position: relative; /* Fix the Stupid IE6 Bug */
}

#div-navi-links ul li
{
color: #064486;
border-bottom: 1px solid #ffffff;
font-weight: bold;
}

#div-navi-links ul li a
{
display: block;
background: url(pfeil-navi-li-re.gif) 8px 10px no-repeat;
padding-top: 4px;
padding-left: 25px;
padding-bottom: 5px;
color: #064486;
font-weight: bold;
text-decoration: none;
}

/* Root Level Link Formatting */
#div-navi-links ul li a:hover, #div-navi-links li a:focus
{
background: url(pfeil-navi-li-re.gif) 8px 10px no-repeat #bce2f6;
}

#div-navi-links li a:active, #div-navi-links ul li a.active
{
background: #bce2f6;
}


/* Current page Customisations*/

#div-navi-links li.menu-current a
{
background: url(pfeil-navi-li-re.gif) 8px 10px no-repeat #bce2f6;}


#div-navi-links li.menu-first a
{
border-top: 1px solid #ffffff;
}


/* 2nd Child menu */
#div-navi-links .menu li ul
{
position: absolute;
width: 12em;
margin: 0;
display: none;
text-transform: none;
border: 1px solid #000;
border-top: 0;
font-size: 100%;
}

#div-navi-links .menu li ul li 
{
width: 12em;
text-align: left;
font-weight: normal;
margin: 0;
padding: 0;
line-height: 1.2em;
	}

#div-navi-links .menu li ul a
{
width: 11.5em;
padding: .6em .1em .6em .4em;
background: #4b4c4d;
color: #fff; border: 0;
}

/* 2nd Child link hover */

#div-navi-links .menu li ul a:hover
{
color: #4b4c4d;
background: #666;
border: 0; color:#fff;
}

/* Show and hide */
#div-navi-links .menu li:hover ul, #div-navi-links .menu li a:focus ul, #div-navi-links .menu li.subMenu ul
{
display: block;
}

#div-navi-links .menu li ul ul
{
display: none;
}

#div-navi-links .menu li:hover ul ul, #div-navi-links .menu li.subMenu ul ul
{
display: none;
}

#div-navi-links .menu li:hover ul, #div-navi-links .menu li li:hover ul, #div-navi-links .menu li.subMenu ul, #div-navi-links .menu li li.subMenu ul
{
display: block;
}


/* 3rd Child Menu Appreances */
#div-navi-links .menu li ul li ul li a
{
width: 11.5em;
padding: .6em .1em .6em .4em; 
background: #c6c6c6; 
color: #fff; 
}

/* Positioning the Pop-out Drops */
#div-navi-links li
{
position: relative;
}

#div-navi-links ul ul ul
{
position: absolute;
top: 1px;
left: 100%;
}


/* end navi-links */



#div-navi-rechts
{
float: right;
width: 181px;
height: 645px;
padding-right: 9px;
background: url(hg-navi-links.jpg) 1px 0px no-repeat;
}

#div-navi-rechts ul
{
width: auto;
list-style-type: none; 
margin: 0px; 
padding: 0px; 
font-size: 90%; 
text-align: left;
/*
(Disappearing List-Background)
http://www.positioniseverything.net/explorer/ie-listbug.html
*/
position: relative; /* Fix the Stupid IE6 Bug */
}

#div-navi-rechts ul li
{
color: #064486;
border-bottom: 1px solid #ffffff;
font-weight: bold;
}

#div-navi-rechts ul li a
{
display: block;
background: url(pfeil-navi-li-re.gif) 8px 10px no-repeat;
padding-top: 4px;
padding-left: 25px;
padding-bottom: 5px;
color: #064486;
font-weight: bold;
text-decoration: none;
}

/* Root Level Link Formatting */
#div-navi-rechts ul li a:hover, #div-navi-rechts li a:focus
{
background: url(pfeil-navi-li-re.gif) 8px 10px no-repeat #bce2f6;
}

#div-navi-rechts li a:active, #div-navi-rechts ul li a.active
{
background: url(pfeil-navi-li-re.gif) 8px 10px no-repeat #bce2f6;
}


/* Current page Customisations*/

#div-navi-rechts li.menu-current a
{
background: url(pfeil-navi-li-re.gif) 8px 10px no-repeat #bce2f6;
}


#div-navi-rechts li.menu-first a
{
border-top: 1px solid #ffffff;
}


/* 2nd Child menu */
#div-navi-rechts .menu li ul
{
position: absolute;
width: 12em;
margin: 0;
display: none;
text-transform: none;
border: 1px solid #000;
border-top: 0;
font-size: 100%;
}

#div-navi-rechts .menu li ul li 
{
width: 12em;
text-align: left;
font-weight: normal;
margin: 0;
padding: 0;
line-height: 1.2em;
	}

#div-navi-rechts .menu li ul a
{
width: 11.5em;
padding: .6em .1em .6em .4em;
background: #4b4c4d;
color: #fff; border: 0;
}

/* 2nd Child link hover */

#div-navi-rechts .menu li ul a:hover
{
color: #4b4c4d;
background: #666;
border: 0; color:#fff;
}

/* Show and hide */
#div-navi-rechts .menu li:hover ul, #div-navi-rechts .menu li a:focus ul, #div-navi-rechts .menu li.subMenu ul
{
display: block;
}

#div-navi-rechts .menu li ul ul
{
display: none;
}

#div-navi-rechts .menu li:hover ul ul, #div-navi-rechts .menu li.subMenu ul ul
{
display: none;
}

#div-navi-rechts .menu li:hover ul, #div-navi-rechts .menu li li:hover ul, #div-navi-rechts .menu li.subMenu ul, #div-navi-rechts .menu li li.subMenu ul
{
display: block;
}


/* 3rd Child Menu Appreances */
#div-navi-rechts .menu li ul li ul li a
{
width: 11.5em;
padding: .6em .1em .6em .4em; 
background: #c6c6c6; 
color: #fff; 
}

/* Positioning the Pop-out Drops */
#div-navi-rechts li
{
position: relative;
}

#div-navi-rechts ul ul ul
{
position: absolute;
top: 1px;
left: 100%;
}


/* end navi-rechts */





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */





#div-inhalt
{
width: 570px;
font-size: 86%;
line-height: 124%;
text-align: left;
}


#div-inhalt h1
{
margin-top: 0px;
margin-bottom: 30px;
font-size: 136%;
font-weight: normal;
color: #064486;
line-height: 130%;
}


#div-inhalt h2
{
margin-top: 30px;
font-size: 106%;
color: #064486;
line-height: 120%;
}



#div-inhalt h3
{
font-size: 105%;
}


#div-inhalt a
{
color: #064486;
}

#div-inhalt a:hover
{
text-decoration: none;
}


#div-inhalt a:active
{
text-decoration: none;
}



#div-inhalt a.pfeil
{
padding-left: 16px;
color: #064486;
background: url(pfeil-navi.gif) 0px 4px no-repeat;
}


#div-inhalt .seitenanfang
{
clear: both;
margin-top: 30px;
text-align: right;
}



#div-inhalt a.pdf
{
padding-left: 20px;
padding-bottom: 20px;
color: #064486;
background: url(pdficon_small.gif) no-repeat;
}


#div-breadcrumb
{
margin-bottom: 23px;
font-size: 86%;
}

#div-breadcrumb p
{
margin: 0px;
}


#div-breadcrumb a
{
color: #404040;
}

#div-breadcrumb a:hover
{
color: #404040;
}

#div-breadcrumb a:active
{
color: #404040;
}


#div-block-rechts
{
float: right;
width: 152px;
margin-left: 15px;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #999999;
background: #f3f3f3;
font-size: 90%;
}

#div-block-rechts h2
{
margin-top: 0px;
}

#div-block-rechts p
{
margin-bottom: 0px;
}






#div-footer
{
clear: both;
width: 580px;
margin-top: 22px;
padding-bottom: 20px;
color: #064486;
font-size: 96%;
line-height: 130%;
text-align: left;
border-top: 1px solid #bce2f6;
}

#div-footer p
{
margin: 0px;
padding-top: 22px;
}

#div-footer a
{
color: #064486;
}

#div-footer a:hover
{
color: #404040;
}


#div-footer a:active
{
color: #404040;
}


#tab-suchausgabe
{
border-top: 0px none #000000;
border-left: 0px none #000000;
background: #f1f1f1;
}

#tab-suchausgabe td
{
border-right: 0px none #000000;
border-bottom: 0px none #000000;
background: #ffffff;
}



#tab-suchergebnis
{
border-top: 0px none #000000;
border-left: 0px none #000000;
}

#tab-suchergebnis td
{
padding-top: 8px;
padding-bottom: 8px;
padding-left: 2px;
padding-right: 2px;
font-size: 80%;
line-height: 120%;
border-right: 0px none #000000;
border-bottom: 1px solid #aaaaaa;
}



#tab-suchergebnis th
{
padding-top: 4px;
padding-bottom: 4px;
padding-right: 3px;
font-size: 90%;
border-right: 1px solid #ffffff;
}

#tab-suchergebnis th:last-child
{
border-right: 0px none #000000;
}


#tab-kursdetail
{
width: 340px;
border-top: 1px solid #aaaaaa;
border-left: 0px none #000000;
}



#tab-kursdetail td
{
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
border-right: 0px none #000000;
border-bottom: 1px solid #aaaaaa;
}



#tab-kurstermine
{
float: right;
width: 175px;
margin-left: 8px;
margin-bottom: 12px;
border: 1px solid #aaaaaa;
background: #f3f3f3;
}

#tab-kurstermine td
{
padding: 5px;
border-right: 0px none #000000;
border-bottom: 0px none #000000;
}



#tab-kursdetail td
{
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
border-right: 0px none #000000;
border-bottom: 1px solid #aaaaaa;
}


#tab-noborder
{
border-top: 0px none #000000;
border-bottom: 0px none #000000;
border-left: 0px none #000000;
border-right: 0px none #000000;
}

#tab-noborder td
{
border-top: 0px none #000000;
border-bottom: 0px none #000000;
border-left: 0px none #000000;
border-right: 0px none #000000;
}


#tab-news
{
width: 100%;
background: #4276AF;
}

#tab-news td
{
padding: 3px;
background: #ffffff;
}

#tab-news td.titel
{
background: #4276AF;
color: #ffffff;
}


#tab-news td.titel h2
{
margin: 0px;
color: #ffffff;
}

#tab-news td.datum
{
background: #4276AF;
color: #ffffff;
text-align: right;
}



.div-re
{
float: right;
margin-left: 10px;
margin-bottom: 10px;
}


.grafik-rechts
{
float: right;
margin-left: 8px;
margin-bottom: 5px;
}

.grafik-links
{
float: left;
margin-right: 8px;
margin-bottom: 5px;
}



.marg-top
{
margin-top: 0px;	
}


.marg-bottom
{
margin-bottom: 0px;	
}

.marg-top-bottom
{
margin-top: 0px;	
margin-bottom: 0px;
}


ul.abstand li
{
margin-bottom: 6px;
}


.gross
{
font-size: 120%;
}

.klein
{
font-size: 80%;
}

.gruen
{
color: #285a14;
}

.rot
{
color: #880900;
}


.weiss
{
color: #ffffff;
}



/* Customise the Login Box */
#login-box { background: #eee; text-align: center;	line-height: 140%; margin: 1em 0 0.3em 0; border: 1px solid #ddd;}
#login-box fieldset {border:0;text-align:center;}
#login-box legend		{
	font-size: 90%;
	text-transform: uppercase;
	font-family:"Times New Roman", Times, serif;
	color: #333;
	font-weight: normal;
	letter-spacing: 0.15em;
}
.username {color: #009;} /* Color of name when logged in*/
.topboxbody {font-size:0.8em;padding:2px;}

#login-box input {
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0px 1px 0px;
	width: 100px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */



/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */

.important	{font-weight:bold;color:#f00;}
.code				{font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}

.info-box		{border: 1px solid #cc3; background-color:#F9F8E2;padding:4px;}