/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Versionierung und Beschreibung                                                                         */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*						                                                                                   */
/*	Datum       Version  Kürzel  Beschreibung (Änderung/Ergänzung/Erweiterung)                             */
/*						                                                                                   */
/*	08.05.2007	1.0.0	 MK      es ist noch ein Pixel-Randfehler mit dem HG Bild                          */
/*						                                                                                   */
/*						                                                                                   */
/*						                                                                                   */
/*						                                                                                   */
/*						                                                                                   */


/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Inhaltsverzeichnis                                                                                     */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*						                                                                                   */
/*	1.  Formatierung Standardtags                                                                          */
/*	2.  Formatierung seitenübergreifene Klassen und/oder Formatierungen                                    */
/*	3.  Formatierung usability Elemente am Inhaltsende                                                     */
/*	4.  Formatierung Hauptrahmen                                                                           */
/*		x.x. Formatierung Rahmen 1 oder ... etc.                                                           */




/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  1. Formatierung Standardtags                                                                           */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


*
{
	margin: 0;
	padding: 0;
}


html
{
	background: #cccccc;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}



body 
{
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background: url("/images/body_index_ie.gif") repeat-y 50% 0%;
}


a
{
	color: #ff9b00;
}


img
{
	border: none;
}



/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  2. Formatierung seitenübergreifene Klassen und/oder Formatierungen                                     */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.strong
{
	font-weight: bold;
}

.center
{
	text-align: center;
}

.clearer
{
	clear: both;
}

.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix 
{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  4. Hauptrahmen                                                                                         */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#wrap
{
	width: 1000px;	
	margin: 0 auto;	
	font-size: 80%;
	line-height: 1.5em;	
}	


/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  4.1. Kopf, Hauptnavigation (Institut, Verband)                                                          */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#header 
{
	height: 100px;
	border-bottom: 2px solid #ffffff;
	background: #e2ebe6 url("/images/logo.gif") no-repeat 100% 50%;	
}

#main_menu 
{
	margin-left: 250px;
	padding-top: 15px;
	list-style: none;
	text-align: left;
}

#main_menu li 
{
	display: inline;
	border-right: 1px solid #0E6B3D;
	padding: 0px 15px;
}

#main_menu li.no_border 
{
	border: none;
}


#main_menu a 
{
	color: #000000;
	text-decoration: none;
}

#main_menu a:hover 
{
	text-decoration: underline;
}

#main_menu strong 
{
	color: #0E6B3D;
	font-weight: bold;
	text-decoration: none;
}


/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  4.2. Banner oben                                                         */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#banner 
{
	height: 250px;
	background:  #006633 url("/images/wissenaktuell.gif") no-repeat top left;
	border-bottom: 2px solid #ffffff	
}

#banner img
{
	float: right;
}


/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  4.3. Navigation                                                         */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#menubar 
{
	border-bottom: 2px solid #fff;
	background: #dedede;
	/* neu anstelle von 2em; */
	height: 25px;
}

#menubar p 
{
	float: left;
	padding-left: 5px;
	line-height: 25px;
	vertical-align: center;
	border-left: 25px solid #ff9b00;
	font-size: 11px;
}

#menu 
{
	margin-left: 265px;
	list-style: none;
	font-size: 11px;	
}


#menu li 
{
	float: left;
}

#menu a 
{
	float: left;
	padding: 0 15px 0 15px;
	background: url("/images/green.gif") 0% 50% no-repeat;
	text-decoration: none;
	color: #000000;
	line-height: 25px;
	vertical-align: center;
}

#menu a:hover, #menu a.selected 
{
	background: url("/images/orange.gif") 0% 50% no-repeat;
}


#sub_menu ul
{
	list-style: none;
	margin: 30px 0;
}

#sub_menu li
{
	bbackground: url(/images/institut/submenu.gif) repeat-x;
	lline-height: 3em;
	/* neu */
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
	padding-bottom: 7px;
}

#sub_menu li a
{
	bbackground: url("/images/green.gif") 0% 50% no-repeat;
	padding: 0 15px 0 15px;
	margin-left: 15px;
	text-decoration: none;
	color: #000;
}


#sub_menu li a:hover, #sub_menu li a.selected 
{
	bbackground: url("/images/orange.gif") 0% 50% no-repeat;
	padding: 0 15px 0 15px;
	margin-left: 15px;
	/* neu */
	font-weight: bold;
	color: #006633;  
}





/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  4.4. Maincontent (2-Spaltig)                                                         */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#maincontent
{
	width: 1000px;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 2px solid #ff9b00;
}

#maincontent #wrapper
{
	float: left;
	bbackground: #447799;	
}

#maincontent #left 
{
	float: left;
	width: 250px;

}

#maincontent #right 
{
	float: right;
	width: 750px;
	background: #fff;
}


#maincontent #right #inner_right
{
	margin: 30px 30px 30px 31px;
}


/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  4.5. Formatierung MAINCONTENT                                                        */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#text  p
{
	margin-bottom: 1em;
}

#text .liste
{
	margin-left: 25px;
	margin-bottom: 25px;
}

#text .liste li
{
	margin-bottom: 1em;
}

#text h2
{
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 1em;
	color: #006633;
}


#text h1
{
	color: #006633;
	font-size: 120%;
	ffont-weight: bold;
	border-bottom: 1px solid #ff9b00;
	display: inline;
}

#text .links 
{
	float: left;
	width: 150px;
	text-align: right;
	font-size: 90%;
	padding-right: 10px;
	display: inline;
}


#text .rechts 
{
	float: left;
	width: 250px;
}


#text .seminar 
{
	width: 99.99%;
	border-collapse: collapse;
}

#text .seminar th,#text .seminar td {
	margin: 0;
	padding: 5px 0px;
	text-align: left;
	border-bottom: 1px solid #E6E8D9;
	vertical-align: top;
}

#text .seminar .name {
	text-align: left;
	width: 99.9%;
}

#text .seminar td a {
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
}

#text .seminar .user {
	text-align: right;
}




/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  4.5. Formatierung NEWSSPALTE links                                                        */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#inner_left .news
{
	bbackground: #114466;
	margin: 30px;
}

#inner_left .news img
{
	float: left;
	wwidth: 75px;
	hheight: 75px;
	border: none;
	margin: 5px 10px 5px 0;
}

#inner_left .news a
{
	display: block;
	font-weight: bold;
	margin-top: 5px;
}


#inner_left .news strong
{
	overflow: hidden;
}


/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  4.4. Teaser für Startseite                                                         */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#content
{
	margin: -30px -30px -30px -31px;
}

#content .teaser1
{
	bbackground: #E9E9FF;
	width: 240px;
	height: 250px;
}

#content .teaser2
{
	bbackground: #FFE3E3;
	width: 240px;
	height: 500px;

}

#content .teaser3
{
	bbackground: #E5EFEA;
	width: 480px;
	height: 250px;
}


#content .teaser4
{
	bbackground: #E5EFEA;
	width: 720px;
	height: 250px;
}

#content .teaser1, #content .teaser2, #content .teaser3, #content .teaser4
{
	float: left;
	ooverflow: hidden;
}



#content .teaser1 div
{
	width: 210px;
	height: 220px;
}


#content .teaser2 div
{
	width: 210px;
	height: 470px;
}


#content .teaser3 div
{
	width: 450px;
	height: 220px;
}

#content .teaser4 div
{
	width: 690px;
	height: 220px;
}


#content .teaser1 div, #content .teaser2 div, #content .teaser3 div, #content .teaser4 div
{
	margin: 30px 0 30px 30px;
	ooverflow: hidden;
}


#content img.left
{
	float: left;
	margin: 2px 1em 1em 0;
	width: 95px;
	height: 95px;
}

#content img.right
{
	float: right;
	margin: 2px 0 1em 1em;
	width: 95px;
	height: 95px;
}

#content img.rightfree
{
	float: right;
	margin: 2px 0 1em 1em;
}

#content img.leftfree
{
	float: left;
	margin: 2px 1em 1em 0;
}	


#content h1
{
	color: #006633;
	font-size: 120%;
	ffont-weight: bold;
	border-bottom: 1px solid #ff9b00;
	display: inline;
}


#content a
{
	display: block;
	font-weight: bold;
	margin-top: 5px;
}



/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  4.5. Gestaltung Seminarübersicht                                                                       */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#seminarlist h2
{
     /* alte Version
	color: #006633;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
    */

	color: #006633;
	font-size: 120%;
	ffont-weight: bold;
	border-bottom: 1px solid #ff9b00;
	display: inline;
}


#seminarlist h3
{
	bborder-top: 1px solid #dedede;
	display: block;
	padding-top: 10px;
	margin: 20px 0 5px 0;
	color: #000;
	font-size: 100%;
}


#seminarlist .referent
{
	margin-bottom: 10px;
}

#seminarlist .event
{
	margin-left: 150px;
	
	/* neu */
	margin-left: 0px;	
	list-style: none;
}

#seminarlist .event li
{
	margin-bottom: 10px;
}


#seminar
{
	border-collapse: collapse;
	text-align: left;
	margin: 0 auto;
}

#seminar a
{
	display: block;
	font-weight: bold;
	margin-left: -10px;
}

#seminar caption
{
	color: #006633;
	font-size: 120%;
	font-weight: bold;
}

#seminar td, #seminar th, #seminar caption
{
	padding: 15px;
}

#seminar td.dunkel, #seminar th
{
	background: #E5EFEA;
}

#seminar td.hell
{
	background: #EFF6EF;
}

#seminar h1
{
	border: none;
	display: block;
	margin-bottom: 5px;
	color: #000;
	font-size: 100%;
}


#seminar ul
{
	margin-left: 30px;
}


#seminar li
{
	padding: 5px 0;
}


#listcontrol 
{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#listcontrol li 
{
	float: left;
	margin: 0;
	padding: 10px 0;
}

#listcontrol a 
{
	margin-left: 12px;
	padding: 0px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	width: 12px;
}

#listcontrol .next 
{
	background: url("/images/next.gif") no-repeat 0 50%;
}

#listcontrol .previous 
{
	background: url("/images/previous.gif") no-repeat 0 50%;
}

#listcontrol .last 
{
	background: url("/images/last.gif") no-repeat 0 50%;
}

#listcontrol .first
{
	background: url("/images/first.gif") no-repeat 0 50%;
}




/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  4.5. Seminardetailseite                                                         */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#detailseite .left
{
	background: #EFF6EF;
	width: 238px;

	/* neu */
	width: 216px;	
	clear: left;
	float: left;
	margin-bottom: 30px;
	overflow: hidden;
}

#detailseite .right
{
	background: #EFF6EF;
	width: 467px;

	/* neu */
	width: 445px;	
	
	clear: right;
	float: right;
	margin-bottom: 30px;
	padding-bottom: 18px;
	}

h1.orange_heading
{
	padding: 5px 5px 5px 20px;
	color: #006633;
	font-size: 1em;
	font-weight: bold;
	background: #E5EFEA;
	bborder-left: 25px solid #F39900;
	background: #E5EFEA url("/images/orange.gif") 2% 50% no-repeat;
}

#detailseite .left p, #detailseite .right p, #detailseite .right em
{
	padding: 8px;
}
#detailseite .right em
{
	display: block;
	padding: 0 8px;
}

#detailseite a.right
{
	background: transparent;
	clear: right;
	float: right;
	margin: 0 15px 15px 0;
	}


#detailseite .left ol, #detailseite .right ol
{
	padding: 8px;
	margin-left: 35px;
}

#detailseite .left ol ul, #detailseite .right ol ul, #detailseite .right ul
{
	margin-left: 25px;
}

#detailseite .left ol ul li, #detailseite .right ol ul li
{
	margin-bottom: 3px;
}


#detailseite .right .liste
{
	border-bottom: 1px solid #ff9b00;
	margin: 0 8px;
	padding: 8px 0;
	margin-bottom: 1em;
}

#detailseite .right img
{
	margin-left: 13px;
}

#detailseite .right .menuliste
{
	margin-left: 100px;
	list-style: none;
}




/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  4.5. Seminaranmeldungen                                                                                */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#detailseite .ueberschrift
{
	color: #006633;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px solid #ff9b00;
	margin-bottom: 1em;
}

#anmeldung .farbe {
	margin: 8px;
	background-color: #FFC6C6;
}


#anmeldung h2 
{
	clear: all;
	margin: 15px 8px;
	margin-bottom: 1em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 100%;
}

#anmeldung .zeile 
{
	float: left;
	margin: 0 8px 5px 8px;
	width: 450px;
		
	/* neu */
	width: 420px;	
	bbackground: #000;
}

#anmeldung .zeile p
{
	padding: 0;
}


#anmeldung .beschreibung 
{
	float: left;
	width: 150px;
	text-align: right;
	font-size: 90%;
}


#anmeldung .eingabe 
{
	float: right;
	width: 250px;
	border: 1px solid #556600;
}

#anmeldung .mussfeld 
{
	float: right;
	width: 250px;
	border: 1px solid #556600;
	background-color: #FFC6C6;
}


#anmeldung .userfeld 
{
	float: right;
	width: 250px;
	border: 1px solid #EFF6EF;
	background: #EFF6EF;
}


#anmeldung .teilnehmer 
{
	float: right;
	width: 250px;
	border: 1px solid #F6F7F2;
}



#anmeldung .dropdown 
{
	float: right;
	width: 250px;
	border: 1px solid #556600;
	margin: 5px 0;
	font-size: 90%;
}

#anmeldung .checkbox 
{
	float: left;
	margin: 0 10px 0 0;
}

#anmeldung .anmelden
{
	float: left;
	margin: 10px 0 0 32px;
}


#anmeldung .preis 
{
	font-size: 90%;
	background-color: #EFF6EF;
	border: 1px solid #EFF6EF;
}

#anmeldung .gesamt {
	float: right;
	width: 250px;
	font-weight: bold;
	font-size: 90%;
	background-color: #EFF6EF;
	border: 1px solid #EFF6EF;
}

#anmeldung .gesamtkosten {
	float: right;
	width: 450px;
   
    /* neu */
	width: 420px;	

	margin: 10px 0;
	padding: 5px 0;
	border-style: double double;
	border-top: 1px solid #000 double;
	border-bottom: 1px solid #000 double;
	border-right: 1px solid #EFF6EF;
	border-left: 1px solid #EFF6EF;
	font-weight: bold;
}

#anmeldung a
{
	float: left;
	padding: 8px 24px 8px 8px;
}


}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Useranmeldungen                                            */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#userlogin .zeile 
{
	float: left;
	margin: 0 8px 5px 8px;
	width: 550px;

}

#userlogin .zeile p
{
	padding: 0;
}


#userlogin .beschreibung 
{
	float: left;
	width: 200px;
	text-align: right;
	font-size: 90%;
}


#userlogin .eingabe 
{
	float: right;
	width: 275px;
	border: 1px solid #556600;
}

#userlogin .mussfeld 
{
	float: right;
	width: 275px;
	border: 1px solid #556600;
	background-color: #FFC6C6;
}


#userlogin .teilnehmer , #userlogin em
{
	float: right;
	width: 295px;
	border: 1px solid #fff;
	text-align: left;
}


#userlogin .anmelden
{
	float: right;
	width: 293px;
	margin-top: 10px;
}


/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  kontakt                                                    */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#kontaktformular
{
	width: 650px;
	margin: 20px auto;
}

#kontaktformular fieldset
{
	padding-bottom: 20px;
	border: 1px solid #b5d0bd;	
}

#kontaktformular legend
{
	padding: 0 10px;
	color: #006633;
	font-weight: bold;
	margin-bottom: 10px;
}

#kontaktformular label
{
	float: left;
	width: 200px;
	text-align: right;
}

#kontaktformular .zeile
{
	float: left;
	margin: 5px 0;
	display: inline;
}


#kontaktformular .mussfeld
{
	float: left;
	width: 300px;
	border: 1px solid #b5d0bd;
	margin-left: 10px;
	background-color: #e5efea;
}

#kontaktformular .kannfeld
{
	float: left;
	width: 300px;
	border: 1px solid #b5d0bd;
	margin-left: 10px;
}


#kontaktformular .textfeld
{
	float: left;
	width: 300px;
	height: 200px;
	border: 1px solid #b5d0bd;
	margin-left: 10px;
}

#kontaktformular .senden
{
	float: left;
	margin-left: 10px;

	/* neu  
	border: thin #fff dashed;
	background-color: #fff;
	bbackground-repeat: no-repeat;
	bbackground-position: left center;
	color: #ff9b00;
	text-decoration: underline;
	*/
}





/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  4.5. Teaser und Fussbereich                                                         */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#teaser 
{
	clear: all;
	width: 1000px;
	padding-top: 1px;
	background: #fff;
}

#teaser img
{
	float: left;
}


#teaser .border
{
	margin-right: 1px;
}


#footer 
{
	font-size: 80%;
	background: url("/images/wrap_bottom_ie.gif") 50% 100% no-repeat;
}

#footer div
{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#footer p 
{
	float: left;
	padding: 15px 15px 50px 15px;
	font-size: 8pt;
}


#footer ul
{
	float: right;
	width: 154px;	
	margin: 5px 15px 0 0;
	ppadding: 0px 0px 10px 0px;
	list-style: none;
	bborder: 1px solid #000;
	display: inline;	
}

#footer li
{
	padding: 0px 0px 0px 10px;
	float: right;
}