
/*
Farb-Benennungen und Farbcode vom Beispiel Talent&Vielfalt

1 - leuchtendes grï¿½n, Hauptlinkfarbe - #77de06
2 - weiï¿½ - Hintergrund Textfelder - #ffffff
3 - ganz helles grï¿½n - Seitenhintergrundfarbe - #ebfbda
4 - mittleres Grï¿½n fï¿½r zwischenï¿½berschriften Balken - #c9f29b
5 - dunkleres Grau  Hintergrundfarbe Navigations- und Zwischenï¿½berschrifts-Balken rechte Spalte - #c7c7c7
6 - helleres Grau - Hintergrungdarbe zweite Ebene Zwischenï¿½berschriften rechte Spalte - #eceded


die Grafiken fï¿½r die verschiedenen Ecken verwenden diese Farb-Nummern im Dateinamen

Ecke der Textfelder rechts unten: 
ecke_2_3.gif

Ecken der Navigation in rechter Spalte:
ecke_5_6.gif
bzw.
ecke_5_4.gif

Ecke des grï¿½nen Balkens mit Submit-Button bei Formularen unten
ecke_4_1.gif



Hintergrundbilder fï¿½r Haupt-Menu oben quer der Konferenz:

page_navi.gif
page_navi_over.gif
page_navi_over_last.gif

Hier ist die Ecke rechts unten fï¿½r den Mouseover/Aktiv Zustand mit im Bild drin


Hintergrundbilder fï¿½r News/Services Links oben rechts:

right_navi.gif
right_navi_over.gif
right_navi_over_last.gif

Hier ist die Ecke rechts unten fï¿½r den Mouseover/Aktiv Zustand einzeln gesetzt (wegen Umsetzung der rechte Spalte mit Ein- und Ausklappen ï¿½ber Javaskript)


das _last.gif enthï¿½lt an der rechten Auï¿½enkante nicht den weiï¿½en Strich, den das normale over-Bild hat


WEITERE GRAFIKEN

PFEILE
pfeil_weiss_grau.jpg - Pfeil-Icon fï¿½r die Menu-Unterpunkte im Ausklappmenu
pfeil_farbe1.gif - Pfeil-Icon fï¿½r die Links die die normale Textfarbe haben
pfeil_schwarz.gif - Listenpunkte-Icon
pfeil_grau.gif - Listenpunkt Icon fï¿½r untergeordnete Listen (Liste als Unterpunkt einer Liste)
pfeil_weiss.gif - Pfeil-Icon vor bestimmten Links (weitere Nachrichten, zur ï¿½bersicht ... )


toggle.jpg / collapse.jpg
Icons zum Ein- und Ausklappen der Services-Unterpunkte

mail.jpg / printer.jpg 
Icons fï¿½r den Link "Seite drucken" und "Seite empfehlen"


*/

/*Hintergrundfarbe der ganzen Seite - Farbe 3*/

body {
background-color:#ede4e5;
}

/*Linie unter Header Bereich*/
#header{
border-bottom:1px solid #c2091f;
}

/* Link Formatierungen */

a:link {color: #c2091f;font-family: verdana,arial,sans-serif;  text-decoration:none;}
a:visited {color: #c2091f;font-family: verdana,arial,sans-serif;  text-decoration:none;}
a:hover {color: #808080;font-family: verdana,arial,sans-serif;  text-decoration:none;}
a:active {color: #808080;font-family: verdana,arial,sans-serif;  text-decoration:none;}


/* Link "Weitere Nachrichten im Archiv lesen*/
a.small:link {color: #808080;font-family: verdana,arial,sans-serif; font-size: 10px; text-decoration:none;}
a.small:visited {color: #808080;font-family: verdana,arial,sans-serif; font-size: 10px; text-decoration:none;}
a.small:hover {color: #c7c7c7;font-family: verdana,arial,sans-serif; font-size: 10px; text-decoration:none;}
a.small:active {color: #c7c7c7;font-family: verdana,arial,sans-serif; font-size: 10px; text-decoration:none;}

/*Link mit Pfeil davor*/
a.pfeil:link {color: #808080;font-family: verdana,arial,sans-serif; font-size: 12px; text-decoration:none;
 background: #ffffff url(images/pfeil_farbe1.gif) no-repeat  6px 4px ;padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
a.pfeil:visited {color: #808080;font-family: verdana,arial,sans-serif; font-size: 12px;text-decoration:none;
 background: #ffffff url(images/pfeil_farbe1.gif) no-repeat   6px 4px ;padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
a.pfeil:hover {color: #c2091f;font-family: verdana,arial,sans-serif; font-size: 12px;text-decoration:none;
 background: #ffffff url(images/pfeil_farbe1.gif) no-repeat   6px 4px ;padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
a.pfeil:active {color: #c2091f;font-family: verdana,arial,sans-serif; font-size: 12px;  text-decoration:none;
 background: #ffffff url(images/pfeil_farbe1.gif) no-repeat  6px 4px;padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}



#page_content {
display:block;
width:600px;
position:absolute;
top:20px;
left:0px;
z-index:-1;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#page_content h3 {
display:block;
width:590px;
height:14px;
background-color:#e95567;
color: #ffffff;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:normal;
margin:0px 0px 0px 0px;padding:1px 0px 0px 10px;
}

#page_content h2 {
color: #666666;font-family: verdana,arial,sans-serif; font-size: 12px;font-weight:bold;
margin:0px 0px 0px 0px;padding:1px 0px 0px 10px;
}

#page_content div {
background: #ffffff url(images/ecke_2_3.gif) no-repeat right bottom;
margin: 0px 0px 2px 0px;
}

#page_content p {
color: #666666;font-family: verdana,arial,sans-serif; font-size: 12px;line-height:17px;
margin:0px 10px 0px 10px;padding:0px 0px 20px 0px;
}

#page_content img{
float:left;
margin: 0px 10px 10px 0px;
}


#page_content ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #666666;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#page_content li {
/*liste im content bereich - schwarzer pfeil als listenpunkt*/
	list-style-position: outside;
	list-style-image: url(images/pfeil_schwarz.gif);
}


#page_content ul li ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #666666;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#page_content ul li ul li {

/*unter-liste im content bereich - grauer pfeil als listenpunkt*/
	list-style-position: outside;
	list-style-image: url(images/pfeil_grau.gif);
}


table#columntable {margin: 0px 0px 0px 0px;}
#columntable td {
width:300px;
background: #ffffff url(images/ecke_2_3.gif) no-repeat right bottom;
vertical-align:top;
}

#columntable td.border_right {
border-right: 1px solid #ede4e5;
}



#page_content  h3.columnheader {
display:block;
width:290px;
height:14px;
background-color:#e95567;
color: #ffffff;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:normal;
margin:0px 0px 0px 0px;padding:1px 0px 0px 10px;
}



#page_content div.footerline{
display:block;
width:595px;
height:20px;
background-color:#e95567;
color: #666666;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:normal;
margin: 0px 0px 20px 0px;padding:0px 0px 0px 5px;
background-image:none;
}

#page_content div.drucken {float:right;background: #e95567 url(images/printer.jpg) no-repeat 6px 2px;
margin: 0px 0px 0px 0px;padding:2px 10px 0px 30px;
border-left:1px solid #ffffff;
height:18px;
}
#page_content div.empfehlen {
display:none;
/*float:right;background: #e95567 url(images/mail.jpg) no-repeat 6px 3px;
margin: 0px 0px 0px 0px;padding:2px 10px 0px 30px;border-left:1px solid #ffffff;*/}


/*link zur ï¿½bersicht auf Detailseiten unten - weiï¿½er Pfeil mit transparentem Hintergrund*/

a.backlink:link {display:block;color: #808080;font-family: verdana,arial,sans-serif; font-size: 10px; font-weight:bold;text-decoration:none;
 background: #e95567 url(images/pfeil_weiss.gif) no-repeat  6px 4px ;padding: 2px 0px 0px 20px;margin:0px 0px 0px 0px;}
a.backlink:visited {display:block;color: #808080;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:bold;text-decoration:none;
 background: #e95567 url(images/pfeil_weiss.gif) no-repeat   6px 4px ;padding: 2px 0px 0px 20px;margin:0px 0px 0px 0px;}
a.backlink:hover {display:block;color: #c2091f;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:bold;text-decoration:none;
 background: #e95567 url(images/pfeil_weiss.gif) no-repeat   6px 4px ;padding: 2px 0px 0px 20px;margin:0px 0px 0px 0px;}
a.backlink:active {display:block;color: #c2091f;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:bold;  text-decoration:none;
 background: #e95567 url(images/pfeil_weiss.gif) no-repeat  6px 4px;padding: 2px 0px 0px 20px;margin:0px 0px 0px 0px;}


#page_content p.mehrlink {margin:0px 10px 0px 12px;}


/*navigation rechte spalte oben - news und services - hintergrundbilder farbe mit weiï¿½em pfeil davor und border unten in der entsprechenden farbe */

#right_navi a.tab:link, #right_navi a.tab_last:link {color: #ffffff;font-family: verdana,arial,sans-serif; font-size: 10px; line-height:18px;
font-weight:bold;text-decoration:none; display:block;width:127px;height:20px;padding:0px 0px 0px 18px;
background:transparent url(images/right_navi.gif) no-repeat right top;}

#right_navi a.tab:visited, #right_navi a.tab_last:visited {color: #ffffff;font-family: verdana,arial,sans-serif; font-size: 10px;line-height:18px; font-weight:bold;text-decoration:none; display:block;width:127px;height:20px;padding:0px 0px 0px 18px;
background:transparent url(images/right_navi.gif) no-repeat right top;}

#right_navi a.tab:active {color: #808080;font-family: verdana,arial,sans-serif; font-size: 10px;line-height:18px; font-weight:bold;text-decoration:none; display:block;width:127px;height:20px;padding:0px 0px 0px 18px;
background:transparent url(images/right_navi_over.gif) no-repeat right top;}

#right_navi a.tab:hover {color: #808080;font-family: verdana,arial,sans-serif; font-size: 10px;line-height:18px; font-weight:bold;text-decoration:none; display:block;width:127px;height:20px;padding:0px 0px 0px 18px;background:transparent url(images/right_navi_over.gif) no-repeat right top;}

#right_navi a.tab_last:hover,#right_navi a.tab_last:active {color: #808080;font-family: verdana,arial,sans-serif; font-size: 10px;line-height:18px; font-weight:bold;text-decoration:none; display:block;width:127px;height:20px;padding:0px 0px 0px 18px;background:transparent url(images/right_navi_over_last.gif) no-repeat right top;}

#right_navi a.tabaktiv {color: #808080;font-family: verdana,arial,sans-serif; font-size: 10px;line-height:18px; font-weight:bold;text-decoration:none; display:block;width:127px;height:20px;padding:0px 0px 0px 18px;background:transparent url(images/right_navi_over.gif) no-repeat right top;}

#right_navi a.tabaktiv_last {color: #808080;font-family: verdana,arial,sans-serif; font-size: 10px;line-height:18px; font-weight:bold;text-decoration:none; display:block;width:127px;height:20px;padding:0px 0px 0px 18px;background:transparent url(images/right_navi_over_last.gif) no-repeat right top;}

#right_navi li{float:left;text-align:left;width:145px;height:20px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style-type:none;list-style-image:none;}




#right_content h3 {
clear:both;
display:block;
width:280px;
height:14px;
background-color:#eceded;
color: #808080;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:normal;
margin:0px 0px 0px 0px;padding:1px 0px 0px 10px;
}

#right_content h2 {
margin:0px 10px 0px 10px;padding:15px 0px 7px 0px;
font-size:12px;color:#808080;font-family: verdana,arial,sans-serif;
}


#right_content p {
color: #666666;font-family: verdana,arial,sans-serif; font-size: 12px;
margin:0px 10px 0px 10px;padding:6px 0px 12px 0px;
}


.news {background: #ffffff url(images/ecke_2_3.gif) no-repeat right bottom; 
margin:0px 0px 2px 0px;display:block;clear:both;}

.ecke { background: #ffffff  url(images/ecke_2_3.gif) no-repeat right bottom;
margin:0px 0px 2px 0px;padding:0px 0px 0px 0px;
}

.ansprechpartner{ background: #ffffff  url(images/ecke_2_3.gif) no-repeat right bottom;
margin:0px 0px 2px 0px;padding:15px 0px 0px 0px;
clear:both;
display:block;
height:110px;
}

/* Zeile "Weitere Nachrichten im Archiv lesen"*/
#right_content div.linkheading {
clear:both;
display:block;
width:270px;
height:14px;
background:#eceded url(images/pfeil_weiss.gif) no-repeat 9px 4px;
color: #808080;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:normal;
margin:0px 0px 0px 0px;padding:1px 0px 0px 20px;
}

/*ï¿½berschrift  Partner in rechter Spalte*/
#right_content .greyheader {
display:block;
width:270px;
height:17px;
margin:0px 0px 0px 0px;padding:3px 0px 0px 20px;
background:#c7c7c7 url(images/pfeil_weiss.gif) no-repeat 9px 6px;
color: #808080;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:bold;
}



#right_content ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #666666;
padding: 0px 20px 20px 10px;
margin: 0px 0px 0px 10px;
}

table.partnertable {
/*linien farbe fï¿½r abgrenzungen innerhalb der partnertabelle */
border-bottom:1px solid #eceded;
margin:0;
}

table.partnertable_last {
border-bottom:none;
margin:0;
}

.partnercell_one_row {
background:#ffffff;
height:80px;
padding:0;
border:none;
}

.partnercell_one_row_last {
background: #ffffff url(images/ecke_2_3.gif) no-repeat right bottom;
padding-bottom:10px;
height:80px;
border:none;
}


.partnercell {
background:#ffffff;
height:80px;
width:144px;
border-right:1px solid #eceded;
}


.partnercell_right {
background:#ffffff;
height:80px;
width:144px;
border:none;
}

.partnercell_right_last {
background: #ffffff url(images/ecke_2_3.gif) no-repeat right bottom;
padding-bottom:10px;
height:80px;
width:144px;
}


.programmtable {
margin:0px 0px 0px 0px;
background:#ffffff;
}


.programm_time {
width:35px;
vertical-align:top;
padding: 10px 10px 4px 10px;
font-size:12px;
line-height:100%;
}

.programm_item {
width:500px;
vertical-align:top;
padding: 10px 10px 4px 14px;
background:transparent url(images/pfeil_schwarz.gif) no-repeat left 12px;
font-size:12px;
line-height:100%;
}


#right_content li {
list-style-position: outside;
list-style-image: url(images/pfeil_schwarz.gif);
}



#services h4 {background-color:#e95567;
color: #ffffff;font-family: verdana,arial,sans-serif; font-size: 11px;font-weight:normal;
margin:0px 0px 0px 0px;padding:0px 0px 0px 30px;border-bottom: 1px solid #ffffff;height:17px;overflow:visible;
clear:both;
}


#services h2 {
margin:0px 10px 0px 10px;padding:0px 0px 0px 0px;
font-size:12px;color:#808080;font-family: verdana,arial,sans-serif;
}

#services p {
color: #666666;font-family: verdana,arial,sans-serif; font-size: 12px;
margin:0px 10px 0px 10px;padding:0px 0px 10px 0px;
}


#services .ecke { background: #ffffff  url(images/ecke_2_3.gif) no-repeat right bottom;
margin:0px 0px 2px 0px;padding:15px 0px 0px 0px;
}



#services strong {
font-size:12px;color:#808080;font-family: verdana,arial,sans-serif;
}


/*funktioniert leider noch nicht*/
h4.collapsible:hover {
 color:#c2091f;
}


.CollapseIcon {
  background:url("images/collapse.jpg") no-repeat left center;
}
.ExpandIcon {
  background:url("images/toggle.jpg") no-repeat left center;
}




#page_content h4 {background-color:#e95567;
color: #ffffff;font-family: verdana,arial,sans-serif; font-size: 11px;font-weight:normal;
margin:0px 0px 0px 0px;padding:0px 0px 0px 78px;border-bottom: 1px solid #ffffff;height:17px;overflow:visible;
clear:both;
}

#page_content div.CollapseIcon {
  background:url("images/collapse.jpg") no-repeat 30px center;
}
#page_content div.ExpandIcon {
  background:url("images/toggle.jpg") no-repeat 30px center;
}

/*in konferenz.css zentral festgelegt:*/
#page_content h2.programm {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

/*zusätzliche klassen für programmpunkte als subheadings:*/
#page_content h2.subhead {margin:10px 0px 0px 0px;color:#e95567;text-transform:uppercase;}


.programm_item_subhead {
width:500px;
vertical-align:top;
padding: 10px 10px 4px 14px;
font-size:12px;
line-height:100%;
}




/* KONFERENZ MENU 

Hintergrund der Hauptpunkte jeweils mit Pfeil unten rechts fï¿½r over und darunter transparent bzw. die jeweilige austausch farbe - Farbe 4

Mï¿½ssen teilweise auch in ie6.css eingetragen werden

*/

.menu {
top:0px;
left:0px;
width:600px;
height:30px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.menu ul li a, .menu ul li a:visited {
color: #dfdede;font-family: verdana,arial,sans-serif; font-size: 10px; line-height:18px;
font-weight:bold;text-decoration:none; display:block;width:132px;height:30px;padding:0px 0px 0px 18px;
background:transparent url(images/page_navi.gif) no-repeat left top;
overflow:hidden;
}

.menu ul li a.hide_aktiv, .menu ul li a.hide_aktiv:visited {
color: #ffffff;font-family: verdana,arial,sans-serif; font-size: 10px; line-height:18px;
font-weight:bold;text-decoration:none; display:block;width:132px;height:30px;padding:0px 0px 0px 18px;
background:transparent url(images/page_navi_over.gif) no-repeat left top;
overflow:hidden;
}

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

.menu ul li {
float:left;text-align:left;width:150px;height:30px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style-type:none;list-style-image:none;
position:relative;
}


.menu ul li ul {display: none;z-index:2;}

.menu ul li ul li {text-align:left;margin:0px 0px 0px 0px;height:17px;}

/* specific to non IE browsers */
.menu ul li:hover a {color: #ffffff;font-family: verdana,arial,sans-serif; font-size: 10px; line-height:18px;
font-weight:bold;text-decoration:none; display:block;width:132px;height:30px;padding:0px 0px 0px 18px;
background:transparent url(images/page_navi_over.gif) no-repeat left top;
overflow:hidden;}

.menu ul li:hover a.hide_aktiv {color:#ffffff;font-family: verdana,arial,sans-serif; font-size: 10px; line-height:18px;
font-weight:bold;text-decoration:none; display:block;width:132px;height:30px;padding:0px 0px 0px 18px;
background:transparent url(images/page_navi_over.gif) no-repeat left top;
overflow:hidden;}


.menu ul li:hover a.last {color: #ffffff;font-family: verdana,arial,sans-serif; font-size: 10px; line-height:18px;
font-weight:bold;text-decoration:none; display:block;width:132px;height:30px;padding:0px 0px 0px 18px;
background:transparent url(images/page_navi_over_last.gif) no-repeat left top;
overflow:hidden;}

.menu ul li:last-child a.hide_aktiv{color: #ffffff;font-family: verdana,arial,sans-serif; font-size: 10px; line-height:18px;
font-weight:bold;text-decoration:none; display:block;width:132px;height:30px;padding:0px 0px 0px 18px;
background:transparent url(images/page_navi_over_last.gif) no-repeat left top;
overflow:hidden;}


.menu ul li:hover ul {display:block; position:absolute; top:19px; left:0; width:120px;  text-align:left;z-index:2;}

.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a:link,
.menu ul li:hover ul li a:visited {
display:block;
background:#ffffff url(images/pfeil_weiss_grau.jpg) no-repeat 6px 5px;
color:#808080;
font-weight:normal;
font-size:10px;
font-family: verdana,arial, sans-serif;
border-left:1px solid #c2091f;
border-right:1px solid #c2091f;
border-bottom:1px solid #c2091f;
width:121px;
padding:0px 0px 1px 17px;
margin:0px 0px 0px 0px;
text-decoration:none;
height:15px;

}

.menu ul li:hover ul li a:hover {
display:block;
background:#ffffff url(images/pfeil_weiss_grau.jpg) no-repeat 6px 5px;
/*HORIZONTAL VERTIKAL*/
color:#c2091f;
font-weight:normal;
font-size:10px;
font-family: verdana,arial, sans-serif;
border-left:1px solid #c2091f;
border-right:1px solid #c2091f;
border-bottom:1px solid #c2091f;
width:121px;
padding:0px 0px 1px 17px;
margin:0px 0px 0px 0px;
text-decoration:none;
height:15px;
}





/*Formulare*/

#mailform {margin:0;padding:0;}
#formtable {margin:0px 0px 0px 0px;width:600px;border-top:1px solid #c2091f;}

#formtable td {
border-right:1px solid #c2091f;
border-bottom:1px solid #c2091f;
color: #666666;font-family: verdana,arial,sans-serif; font-size: 10px;
}
#formtable td.right {
border-bottom:1px solid #c2091f;
border-right:none;
color: #666666;font-family: verdana,arial,sans-serif; font-size: 10px;
}

#formtable td.formlabel {background:#eceded;width:120px;padding: 4px 5px 4px 10px}

#formtable td.forminput {width:180px;background:#ffffff;padding:0;}

.textarea_1{
width:596px;
height:50px;
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
margin:0px 0px 0px 0px;
padding:2px 2px 2px 2px;
resize:none;
}


.text_0{
border:none;
background:#ffffff;
width:180px;
height:20px;
margin:0;
padding:0;
}

.text_0_fehler{
border:none;
background-color:#ede4e5;
width:180px;
height:20px;
margin:0;
padding:0;
}

.text_1{
border:none;
background:#ffffff;
width:480px;
height:20px;
margin:0;
padding:0;
}

.text_1_fehler{
border:none;
background-color:#ede4e5;
width:500px;
height:20px;
margin:0;
padding:0;
}


#page_content p.fehler {
color: #666666;font-family: verdana,arial,sans-serif; font-size: 10px;line-height:17px;
margin:0px 0px 0px 0px;padding:12px 10px 20px 10px;
background:#ffffff;
font-weight:bold;
}


#page_content div.submitbutton {
display:block;
width:600px;
background:#e95567 url(images/ecke_4_1.gif) no-repeat right bottom;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#page_content div.submitbutton_ohne_ecke {
display:block;
width:600px;
background:#e95567 ;
background-image:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-bottom:1px solid #c2091f;
}


.submit {
background:#e95567 url(images/pfeil_weiss.gif) no-repeat 8px 4px;
color: #dfdede;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 2px 20px;
border:none;
width:500px;
text-align:left;
height:13px;
}



.submit_hover {
background:#e0848f url(images/pfeil_weiss.gif) no-repeat 8px 4px;
color: #c2091f;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 2px 20px;
border:none;
width:600px;
text-align:left;
height:13px;
}

.submit_back {
background:#e95567 url(images/pfeil_weiss_zurueck.gif) no-repeat 8px 4px;
color: #dfdede;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 2px 20px;
border:none;
width:500px;
text-align:left;
height:13px;
}

.submit_back_hover {
background:#e0848f url(images/pfeil_weiss_zurueck.gif) no-repeat 8px 4px;
color: #c2091f;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 2px 20px;
border:none;
width:600px;
text-align:left;
height:13px;
}


#formtable td.heading {
height:14px;
background-color:#e95567;
color: #ffffff;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:normal;
margin:0px 0px 0px 0px;padding:1px 0px 0px 10px;
}

.pflichtfelder {float:right;margin-right:20px; color:#c2091f;}

a.logoutlink:link,a.logoutlink:visited,a.logoutlink:active {
display:block;background:#e95567 url(images/pfeil_weiss.gif) no-repeat 8px 4px;
color: #dfdede;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 2px 20px;
border:none;
width:500px;
text-align:left;
height:13px;}

a.logoutlink:hover {
display:block;background:#e0848f url(images/pfeil_weiss.gif) no-repeat 8px 4px;
color: #c2091f;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 2px 20px;
border:none;
width:580px;
text-align:left;
height:13px;}




#formheadertable {margin:0px 0px 0px 10px;width:590px;}

#formheadertable  td {
background:#ffffff;
vertical-align:top;
padding: 0px 10px 10px 0px;
color: #666666;font-family: verdana,arial,sans-serif; font-size: 12px;
}
#formheadertable  p {
margin:0px 10px 0px 0px;padding:0px 0px 8px 0px;
}

#formheadertable ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #666666;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#formheadertable li {
	list-style-position: outside;
	list-style-image: url(images/pfeil_schwarz.gif);
color:#999999;
}



.personenzahl {display:inline;
width:24px;
border:1px solid #c2091f;
}



/* fuer die Formatierung der h1 ohne Flash im Browser:*/

h1 {
margin:0px 10px 0px 10px;
padding:15px 0px 20px 0px;
font-size:19px;
line-height:20px;
color:#c2091f;
font-family:  Arial, Helvetica, sans-serif;
z-index:1;
text-align:left;
}

/*fï¿½r die Formatierung mit sIFR*/

 .sIFR-active h1 {
visibility: hidden;
margin:0px 10px 0px 10px;
padding:15px 0px 20px 0px;
clear: none;
font-size: 21px;
line-height:20px;
text-align:left;

}






/****************** PROFILE *******************************/





/* Form styles */
div#wlpeUser { margin: 0px; padding: 0px; background-color: #FFF; width:600px;}
div#wlpeUser div { background-image:none;}


div#wlpeUser p.clear {clear:both;margin:0;padding:0;line-height:1px;}

div.errors {
	margin: 30px 0px 0px 0px; 
padding: 5px 15px 5px 15px; 
background:#ffffff;
color: #000; 
border: #c2091f 1px solid; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
 border-style: solid;
border-width: 1px;
 /*font-weight: bold; 
 font-size:16px;*/
 }
div.errors p { margin: 0; }
div.errors p em { font-style: normal; font-weight: bold; }

/*div#wlpeUser form p { margin: 0; }*/
div#wlpeUser  p.note { margin: 0px 0px 0px 200px; padding:0;font-size: 11px; color: #333; }
div#wlpeUser p.hint { margin: 0px 0px 0px 0px; padding:0;font-size: 11px; color: #333; }



div#wlpeUser form fieldset { 
	margin: 15px 15px 15px 15px; padding: 10px; border: #c2091f 1px solid; 
background:#ffffff;

-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
 border-style: solid;
border-width: 1px;


}

div#wlpeUser form legend { font-weight: bold; color: #000; font-size:16px;font-family: Arial,Helvetica,sans-serif; }


div#wlpeUser form fieldset div { padding: 0.25em 0; }
div#wlpeUser label, 
div#wlpeUser span.label { font-size:11px; margin-right: 10px; padding-right: 10px; width: 180px; display: block; float: left; text-align: right; position: relative; }


div#wlpeUser span {font-size:11px;}

div#wlpeUser label {font-weight:bold;}
div#wlpeUser label.sublabel {font-weight:normal;}

div#wlpeUser label.nofloat {float:none;margin:0px 0px 4px 0px;text-align:left;}


div#wlpeUser label.error, 
div#wlpeUser span.error { color: #000;font-weight:bold; }



div#wlpeUser label em, 
div#wlpeUser span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; }
div#wlpeUser input.error { border-color:#c2091f ; background-color: #fff; }


div#wlpeUser input.profile_text {border: #808080 1px solid; background-color: #ffffff; padding:2px;margin:0px 0px 0px 0px; width:280px;height:14px; }

div#wlpeUser input.profile_text30 {border: #808080 1px solid; background-color: #ffffff; padding:2px;margin:0px 3px 0px 3px; width:30px;height:12px;display:inline; }

div#wlpeUser p.inputline {margin:0px 0px 6px 200px;}



div#wlpeUser input.profile_text200 {border: #808080 1px solid; background-color: #ffffff; padding:2px;margin:0px 0px 0px 0px; width:216px;height:14px;display:inline; }

div#wlpeUser input.profile_text50 {border: #808080 1px solid; background-color: #ffffff; padding:2px;margin:0px 0px 0px 0px; width:50px;height:14px;display:inline; }

div#wlpeUser input.profile_text50_leftmargin {border: #808080 1px solid; background-color: #ffffff; padding:2px;margin:0px 0px 0px 10px; width:50px;height:14px;display:inline; }


div#wlpeUser input.error { border: 1px solid :#c2091f;  }/*ffe7ec*/


div#wlpeUser .profile_textarea {border: #808080 1px solid; background-color: #ffffff; padding:2px;margin:0px 0px 0px 0px; width:280px;height:100px; }

div#wlpeUser .profile_textarea500 {border: #808080 1px solid; background-color: #ffffff; padding:2px;margin:0px 0px 0px 0px; width:280px;height:60px; }

div#wlpeUser .profile_textarea200 {border: #808080 1px solid; background-color: #ffffff; padding:2px;margin:0px 0px 0px 0px; width:280px;height:40px; }


/*

div#userProfileHochschulabschlussDiv input,div#userProfileHochschulzertifizierungDiv input {}
div#userProfileHochschulabschlussDiv span,div#userProfileHochschulzertifizierungDiv span {text-align:left;font-weight:normal;white-space:nowrap;display:inline;}
*/


div#wlpeUser label#userProfileAbschlussartLabel,
div#wlpeUser label#userProfileAngebotsartLabel,
div#wlpeUser label#userProfileAnwendungsbereicheLabel,
div#wlpeUser label#userProfileFachbereicheLabel,

div#wlpeUser label#userProfileSprachenLabel,
div#wlpeUser label#userProfileZeitstrukturLabel,
div#wlpeUser label#userProfileWeiterbildungsstrukturLabel,
div#wlpeUser label#userProfileUnterrichtsformenLabel,
div#wlpeUser label#userProfileZulassungsvoraussetzungLabel,
div#wlpeUser label#userProfileStartterminLabel,
div#wlpeUser label#userProfileAnmeldefristLabel,

div#wlpeUser label#userProfileAnmeldungsmodalitaetenLabel,


div#wlpeUser label#userProfileMwStLabel
 {color:#fff;margin:0;padding:0;text-align:left;}


 
 div#wlpeUser  div#userProfileAnmeldefristDiv,
 div#wlpeUser  div#userProfileMwStDiv
 {margin-left:200px;color:#000;font-weight:normal;}

div#userProfileAnmeldefristDiv input{display:inline;float:left;}
div#userProfileAnmeldefristDiv span {display:inline;line-height:30px;}



/*<div#wlpeUser div#userProfileMwStDiv span {margin-left:20px;}
 div#wlpeUser div#userProfileMwStDiv input {display:inline;float:left;}
 div#wlpeUser  div#userProfileMwStDiv span.userProfileMwStSpan {width:280px;line-height:30px;}
 */
 
  table.radiobuttons {width:320px;}
 table.radiobuttons td {font-size:11px;vertical-align:top;padding:0px 0px 4px 10px;}
 
 /*white-space:nowrap;*/

select#userProfileAbschlussart,
select#userProfileAngebotsart,
select#userProfileAnwendungsbereiche,
select#userProfileFachbereiche,
select#userProfileSprachen,
select#userProfileZeitstruktur,
select#userProfileWeiterbildungsstruktur,
select#userProfileUnterrichtsformen,
select#userProfileAnmeldungsmodalitaeten,

select#userProfileZulassungsvoraussetzung,
select#userProfileStarttermin

{ margin:-20px 0px 6px 0px;pading:0;width:284px;} /*height:30px;*/



select#userProfileHochschulabschluss,
select#userProfileHochschulzertifizierung
{margin:0px 0px 6px 0px;pading:0;width:284px;}


div#wlpeUser label#userProfileLeitungAnredeLabel,

div#wlpeUser label#userProfileAkademischeLeitungAnredeLabel,
div#wlpeUser label#userProfileKoordinationAnredeLabel,
div#wlpeUser label#userProfileUnternehmenAnsprechpartnerAnredeLabel,
div#wlpeUser label#userProfileTeilnehmerAnsprechpartnerAnredeLabel,
div#wlpeUser label#userProfileAlumniAnsprechpartnerAnredeLabel,
div#wlpeUser label#userProfileAbsolventinAnredeLabel

 {color:#fff;margin:0;padding:0;text-align:left;width:84px;}
 
 
select#userProfileLeitungAnrede,
select#userProfileAkademischeLeitungAnrede,
select#userProfileKoordinationAnrede,
select#userProfileUnternehmenAnsprechpartnerAnrede,
select#userProfileTeilnehmerAnsprechpartnerAnrede,
select#userProfileAlumniAnsprechpartnerAnrede,
select#userProfileAbsolventinAnrede

{ margin:-20px 0px 6px 0px;pading:0;width:84px;} 



div#wlpeUser div.controlset div#userProfileHochschulabschlussDiv {display:block;clear:both;width:300px;margin-left:0px;pading:0;}
div#wlpeUser div.controlset div#userProfileHochschulzertifizierungDiv {display:block;clear:both;width:300px;margin-left:0px;pading:0;}




div#wlpeUser label#userProfileHochschulabschlussLabel,
div#wlpeUser label#userProfileHochschulzertifizierungLabel {padding:0;margin:0;text-align:left;width:300px;float:none;}


div#userProfileHochschulabschlussDiv input,div#userProfileHochschulzertifizierungDiv input {clear:both;display:block;float:left;}
div#userProfileHochschulabschlussDiv span,div#userProfileHochschulzertifizierungDiv span {text-align:left;float:left;display:inline;font-weight:normal;}






div#wlpeUser div.controlset div { margin-left: 200px; }

div#wlpeUser div.buttonrow { float:right; }

div#wlpeUser  .submit {	
font-family: Arial,Helvetica,sans-serif;	
margin: 0px; 
padding: 5px 15px 5px 15px; 
background:#c2091f ;
color: #fff ; 
border: #c2091f  1px solid; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
 border-style: solid;
border-width: 1px;
font-weight: bold; 
font-size:16px;
cursor:pointer;
}



div#wlpeUser  .submit_hover {	
font-family: Arial,Helvetica,sans-serif;	
margin: 0px; 
padding: 5px 15px 5px 15px; 
background:#fff;
color: #c2091f ; 
border: #c2091f  1px solid; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
 border-style: solid;
border-width: 1px;
font-weight: bold; 
font-size:16px;cursor:pointer;
}

#wlpeProfileView {margin:0;padding:0;}

#wlpeViewProfileTable {width:570px;
margin:0px 20px 20px 10px;
}
#wlpeViewProfileTable td {font-size:11px;  vertical-align:top;}
#wlpeViewProfileTable td.wlpeViewAttribute {padding:0px 12px 12px 0px;font-weight:bold;}
#wlpeViewProfileTable td.wlpeViewAttributeValue {padding:0px 0px 12px 0px;}


#wlpeViewProfileTable td.wlpeViewAttributeHeading {padding:20px 0px 12px 0px;font-weight:bold;color:#c2091f;border-top:1px solid #c2091f;}

#page_content #wlpeProfileView h2 {color:#c2091f;margin-bottom:15px;}


/*
#wlpeViewProfileTableRC {width:260px;
margin:0px 0px 20px 0px;
}
#wlpeViewProfileTableRC td {font-size:11px;  vertical-align:top;}
#wlpeViewProfileTableRC td.wlpeViewAttribute {padding:0px 10px 6px 0px;}
#wlpeViewProfileTableRC td.wlpeViewAttributeValue {padding:0px 0px 6px 0px;}


#wlpeViewProfileTableRC td.wlpeViewAttributeHeading {padding:20px 0px 6px 0px;font-weight:bold;}



#right_content div.userprofile h2 { margin:0px 10px 0px 10px;padding:8px 0px 8px 0px;
font-size:12px;color:#808080;font-family: verdana,arial,sans-serif;
}


*/
#page_content div.userlist_item {width:590px;
margin:0px 0px 0px 0px;
display:block;
background-image:none;
background:#fff;
padding:20px 0px 30px 0px;
border-top:1px solid #c2091f;
}


#page_content div.userlist_item:first-child {
border-top:none;
}




#page_content div.userlist_logo {float:left; margin:0px 20px 0px 20px;background-image:none;
background:#fff;
width:180px;
float:left;
}

#page_content  div.userlist_text{
float:left;
display:inline;
background-image:none;
background:#fff;
width:340px;
margin:0;padding:0;
}


#page_content div.userlist_item  h2{
	margin:0px 10px 15px 10px;padding:8px 0px 8px 0px;
font-size:12px;color:#000000;font-family: verdana,arial,sans-serif;
/*c2091f*/
}

#page_content div.userlist_item  h1{
display:inline;
}


#right_content h3.green {
display:block;
width:280px;
height:14px;
background-color:#c2091f;
color: #ffffff;font-family: verdana,arial,sans-serif; font-size: 10px;font-weight:normal;
margin:0px 0px 16px 0px;padding:1px 0px 0px 10px;
}


#right_content div.userprofile_heading {
	width:290px;
	display:block;
	padding:10px 0px 10px 0px;
	font-size:10px;
	color: #808080;font-family: verdana,arial,sans-serif; 
background: #ffffff url(images/ecke_grau_weiss.gif) no-repeat right top;
}




#right_content div.userprofile_heading h2 { margin:0px 10px 0px 10px;padding:8px 0px 8px 0px;
font-size:12px;color:#808080;font-family: verdana,arial,sans-serif;
}




#right_content div.userprofile {
	width:290px;
	display:block;
	padding:10px 0px 20px 0px;
	font-size:10px;
	color: #808080;font-family: verdana,arial,sans-serif; 
background: #ffffff url(images/ecke_2_3.gif) no-repeat right bottom;

}


#right_content div.userprofile p { margin:0px 10px 0px 10px;
padding: 0px 0px 16px 0px;
font-size:11px;color:#808080;font-family: verdana,arial,sans-serif;
line-height:18px;
}




#right_content div.userimage {width:290px;
	display:block;
	padding:0px 0px 0px 0px;
	font-size:10px;
	color: #808080;font-family: verdana,arial,sans-serif; 
background: #ffffff;
border-bottom:1px solid #ffffff;
}




#page_content div#wlpeLogin {padding-top:30px;padding-bottom:30px;}




#page_content div#wlpeLogin div{background-image:none;}






