/*** PNG-Hilfe fuer den armen IE ;) **********/
img, div {behavior: url('css/iepngfix.htc')}
/*** FIX SCROLLBAR BUG IN MOZILLA **************/
html>body {overflow-y:scroll;}
/*************************************************************************************************************************
	Allgemeines, Klassen
/*************************************************************************************************************************/
* {margin:0; padding:0}
body {text-align:center;}
form {display:inherit;}
hr {margin:6px 0px 5px 0px; border:0px; border-bottom:1px solid #232323;}
.normal {font-variant:normal; font-style:normal; font-weight:normal;}
.mitte {text-align:center;}
.flrechts {float:right;}
/* input, txtarea, select {border:1px solid #ffcc00;} */
input.btn_light_ridge {padding:0px; padding-left:5px; padding-right:5px; font-size:9pt; font-family:Verdana; font-variant:small-caps; background-color:#cfcdc3; border:2px ridge;}
input.txt_long {width:165px;}
input.txt_long2 {width:260px;}
input.txt_long3 {width:450px;}
input.txt_middle {width:110px;}
input.txt_short {width:30px;}
input.txt_short2 {width:47px;}
select.sel_short {width:60px;}
select.sel_middle {width:100px;}
select.sel_long {width:150px;}
select.sel_long2 {width:169px;}
textarea.ta_long3 {width:450px;}
div.msg {
	margin:1em;
	font-weight:bold;
	padding:6px 15px 6px 25px;
	border:2px solid #ffcc00;
	color:#ffcc00;
	background-color:#BFBDB6;
}
div.msg.success {
	color:#119900;
	border-color:#119900;
	background-image:url(../img/accept.png);
	background-repeat:no-repeat;
	background-position:5px 8px;
}
div.msg.error {
	color:#ff3300;
	border-color:#ff3300;
	background-image:url(../img/cancel.png);
	background-repeat:no-repeat;
	background-position:5px 8px;
}
/*************************************************************************************************************************
	Hauptelemente, Seitenstruktur
/*************************************************************************************************************************/
#container {width:950px; margin:0px auto; margin-top:30px; text-align:left;}
#container img {border:none;}
#navi {float:left; width:210px;}
#content {min-height:350px; height:auto !important;/*fuer moderne Browser*/height:350px;/*fuer den IE*/margin:0px 0px 0px 240px;}

/*************************************************************************************************************************
	Navigation
/*************************************************************************************************************************/
#navi {text-align:right; position:relative;}
#navi a {white-space:nowrap; padding:2px 10px 2px 10px; border:2px solid #bfbdb6; font-family:Verdana; font-size:10pt; font-weight:bold; font-variant:small-caps; color:black; text-decoration:none;}
#navi a:hover {border-right:2px solid #ddd; border-bottom:2px solid #ddd; background-color:#beb483;}
#navi a#nav_active, #navi a#nav_active:hover {border-bottom:2px solid #ddd; border-right:2px solid #ddd; background-color:#232323; color:white; text-decoration:none;}
#navi div {margin:3px 0px 13px 0px;}
#navi div#navfixed {position:fixed;}
#navi div#fixedlogo {margin:0px 0px 10px 22px; /* position:fixed; */}
#navi a#logolink {margin:0;padding:0;border:0;background-color:#bfbdb6;}

/*************************************************************************************************************************
	Footer
/*************************************************************************************************************************/
#footer a {font-family:Verdana; font-size:8pt; font-variant:small-caps; color:black; text-decoration:none;}
#footer p {text-align:right;}
#footer a:hover {text-decoration:underline;}
#footer {padding-bottom:10px;}

/*************************************************************************************************************************
	Schriften und Farben
/*************************************************************************************************************************/
body, #content {background-color:#bfbdb6;}
#container {background-color:#bfbdb6;}
#navi a {background-color:#9f9d93;}
font.orange_m {color:#ffcc00;}

.klein {font-size:9pt;}

#content a {color:#fff; text-decoration:none;}
#content a:hover {color:#ffcc00;}

#content {font-family:Verdana, sans-serif; font-size:12px; color:black; line-height:150%;}
#content h2, #content h3 {font-family:Verdana; font-weight:normal;}
#content h2 {font-size:16pt; margin:4px 0px 12px 0px; color:white;}
#content h3 {font-size:15pt; margin:10px 0px 6px 0px; line-height:120%}
/*
#content {border:2px solid #ddd;}
*/

/*************************************************************************************************************************
	Informationen & Login
/*************************************************************************************************************************/
#content div#il_welcome {width:455px; height:125px; overflow:hidden; border:2px solid #ddd; padding:5px 5px 5px 7px; background:url('../img/verlauf-s-t.gif') repeat-x; background-color:#afada3;}
#content div#il_login {float:right; width:190px; height:125px; border:2px solid #ddd; padding:5px 5px 5px 7px; background:url('../img/verlauf-s-t.gif') repeat-x; background-color:#afada3;}
#content div#il_news, #content div.mainframe {border:2px solid #ddd; padding:5px 5px 5px 7px; background-color:#afada3; margin-top:30px; background:url('../img/verlauf-s-t.gif') repeat-x; background-color:#afada3;}
#content input.il_input {width:110px; height:16px; font-size:8pt; font-family:Courier; border:1px solid #ffcc00;}
#content input.il_submit {width:80px; font-size:9pt; font-family:Verdana; font-variant:small-caps; background-color:#cfcdc3; border:2px ridge;}
#content div.il_news_img {padding:0px; margin:0px; padding-right:15px; border-right:1px solid #232323; margin-right:12px;}
#content div.il_news_img img {border:2px solid #ddd;}
#content div.mainframe {margin-top:0px; margin-bottom:30px; min-height:360px; height:auto !important;/*fuer moderne Browser*/height:360px;/*fuer den IE*/}
/*************************************************************************************************************************
	Neuregistrierung
/*************************************************************************************************************************/
#content div#nr_main {border:2px solid #ddd; padding:5px 5px 5px 7px; background-color:#afada3; background:url('../img/verlauf-s-t.gif') repeat-x; background-color:#afada3;}
div.steps_btn {text-align:center;}
table.nr_table {margin:10px 0px 0px 50px;}
table.nr_table td {padding-right:10px;}
table.nr_table td.links {text-align:right;}

/*************************************************************************************************************************
	Intern Allgemein
/*************************************************************************************************************************/
#content div#infobox {border:2px solid #ddd; padding:5px 5px 5px 7px; background-color:#afada3; margin-bottom:30px; background:url('../img/verlauf-s-t.gif') repeat-x; background-color:#afada3;}
a.editlink {border:1px solid white; padding-bottom:2px; padding-right:5px; padding-top:1px;}

/*************************************************************************************************************************
	Profile durchsuchen
/*************************************************************************************************************************/
table#searchtable td, table#mappen td, div.sdetailbox {vertical-align:top; text-align:left; background-color:#bfbdb6; border-right:1px solid #232323; border-bottom:1px solid #232323; padding:5px 20px 10px 15px;}
div.search_ p.headline, table#mappen td p.caption, div.sdetailbox p.headline {font-variant:small-caps; font-weight:bold; margin-top:5px;}
div.search_ p.headline:first {margin-top:0px;}
div#il_news p.mitte {margin:10px 0px 10px 0px;}
div.search_ ul, div.sdetailbox ul {margin-left:20px;}
div.search_ ul li, div.sdetailbox ul li {margin-top:3px; text-align:justify;}
div.search_ ul li:first {margin-top:0px;}
div.scontrol {background-color:#bfbdb6; margin:10px; padding:5px; border:1px solid #232323;}
table#mappen td, table#sdetailstable td {vertical-align:top;}
table#mappen td p.headline {font-family:Verdana; font-size:12pt; text-decoration:underline; margin-bottom:4px;}
table#sdetailstable {}
td#saktionen {padding:5px 0px 10px 7px;}
td#simg {padding-left:20px;}
td#sfacts {padding-left:7px;}
div#sdetailimg {background-color:#bfbdb6; border:1px solid #232323; /*position:fixed;*/ }
span:hover {cursor:pointer;}
div#sdetailimg img {margin:6px; border:0px;}
div.sdetailbox {width:380px; margin-bottom:20px;}
div.sdetailbox textarea {width:380px; height:60px;}
div.sdetailbox table.sdetailcontact td.rehts {padding-left:10px;}
p.mitte#m1 {margin-top:5px; margin-bottom:5px;}
/**************************************************************************************************************************
	Profil
/**************************************************************************************************************************/
h3 input.btn_light_ridge {position:relative; top:-6px;}
table#promain {margin-right:10px;}
table#promain td div.probox {background-color:#bfbdb6; border-right:1px solid #232323; border-bottom:1px solid #232323; padding:5px 20px 10px 15px;}
table#promain td div#proimg1 {background-color:#bfbdb6; border:1px solid #232323; padding:5px; width:186px; text-align:center;}
table#promain td {vertical-align:top;}
td#procon table td, td#projob table td, td#proper table td {padding-bottom:4px;}
td.attribut, td.attribut2, table#promain td#projob p.headline {padding-right:5px; font-variant:small-caps; font-weight:bold; text-align:left;}
/* td.attribut {border-right:1px solid #232323; border-bottom:1px solid #232323;} */
table#promain td#procon {padding-right:20px;}
table#promain td#proimg {width:200px; padding-right:10px;}
table#promain td#propro, table#promain td#proper {padding-top:20px;}
table#promain td#proper {padding-bottom:15px;}
table#promain td#projob {padding-right:40px;}
table#promain td#projob p.headline {text-align:left;}
td.attribut2 {padding-left:40px;}
ul.prolist {margin-left:25px;}
table#proedit {margin-left:5px;}
table#proedit td {vertical-align:top;}
table#proedit2 td {vertical-align:top; padding-bottom:4px;}
font.prohint, p.prohint {font-size:8pt;}
table.chkbox td {padding-right:15px;}
/***************************************************************************************************************************
	Aktuelles / Motd bearbeiten
/***************************************************************************************************************************/
div.motd, div.motd1 {margin-top:30px; margin-bottom:5px; background-color:#bfbdb6; margin-right:10px; margin-left:5px;}
div.motd1 {margin-top:0px;}
div.motd td, div.motd1 td {vertical-align:top;}
div.motd td.motdimg, div.motd1 td.motdimg {padding-right:15px;}
div.motd td.motdopt, div.motd1 td.motdopt {padding-top:5px;}
div.motd td.motdhea, div.motd1 td.motdhea {padding-bottom:10px;}
table.motdedit td {vertical-align:top; padding-right:10px; padding-top:5px;}
table#motdimg td {vertical-align:middle; padding-top:0px;}

/****************************************************************************************************************************
	Nutzermappen
/****************************************************************************************************************************/
td.maps_toppic, td.maps_toppic_l {font-style:italic; font-size:9pt; background-color:#ddd; border:1px solid #232323; border-left:0px; padding-left:5px; padding-right:10px;}
td.maps_toppic_l {border-left:1px solid #232323;}
td.maps_row_1, td.maps_row_1_l {background-color:#bfbdb6; border:1px solid #232323; border-left:0px; border-top:0px; padding-left:5px; padding-right:10px;}
td.maps_row_2, td.maps_row_2_l {background-color:#ddd; border:1px solid #232323; border-left:0px; border-top:0px; padding-left:5px; padding-right:10px;}
td.maps_row_1_l, td.maps_row_2_l {border-left:1px solid #232323;}
table.maps_edittable td {vertical-align:top;}
table.maps_edittable td.headline {font-variant:small-caps; font-weight:bold; margin-top:5px;}
#content a.nutzermappenDetailLink {color:#000;}
#content a.nutzermappenDetailLink:hover {text-decoration:underline;}
/*************************************************************************************************************************
	Sedcard
/*************************************************************************************************************************/
body#setcard {margin:0px; padding:0px; background-color:#ddd; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; color:white;}
#schlagschatten {width:820px; height:630px; position:absolute; top:50%; left:50%; margin-top:-315px; margin-left:-412px; text-align:left; background:url('../img/schlagschatten-sc.png') 5px 5px no-repeat;}
#container_setcard {position:relative; border:5px solid white; left:0px; top:0px; width:800px; height:600px; z-index:20;}
#linker_h {position:absolute; top:0px; left:0px; background-color:#3f3f3f; width:300px; height:600px; border-right:1px solid white;}
#bilder_vorschau {position:absolute; height:600px; width:145px; left:301px; border-right:1px solid white; background-color:#bfbdb6; text-align:center; overflow:auto;}
#sc_textbox {position:absolute; height:570px; width:353px; left:447px; z-index:0; padding-top:27px; text-align:left; font-size:13px; background-color:#bfbdb6; overflow:hidden;}
#logo {position:absolute; top:455px; left:25px; z-index:2; width:120px;}
#bild_gr {position:absolute;top:30px;left:30px;z-index:1;}
#bigpic {width:240px;}
#usr_name {font-size:24px;padding-top:5px;text-align:left;}
/* #usr_profession {font-size:18px;padding-top:5px;padding-left:20px;text-align:left;} */
#sc_label {position:absolute; z-index:22; top:521px; left:55px; font-size:40px; font-weight:normal;}
.bild_kl {margin-top:30px;}
.sc_tabelle, .sc_p {width:293px; margin-left:30px; font-size:12px;}
.sc_tabelle td {padding:0px;margin:0px; font-size:11px;}
.sc_attribut {text-align:left;font-weight:bold;}
.sc_wert {text-align:right;font-weight:normal;}
#sc_ctl {padding:3px; position:absolute; top:543px; z-index:21; background-color:#3f3f3f; border-top:1px solid white; font-size:10px; width:347px; height:50px; text-align:right; font-size:10px;}
.sc_link, .sc_link2 {color:white;}
.sc_link2:hover {color:#ffcc00;}
.sc_story {font-size:12px;margin-right:60px;margin-top:5px;}
.sc_story_text {font-weight:normal;padding-left:10px;font-size:11px;}
.sc_p {font-weight:normal;}
div#textscroll {position:relative; width:353px; height:490px !important; overflow:auto;}

/*************************************************************************************************************************
	Kontaktseite
/*************************************************************************************************************************/
td#contactdata, td#contactform, td#contacttext {background-color:#bfbdb6; border-right:1px solid #232323; border-bottom:1px solid #232323; padding:5px 15px 10px 15px;}
td#contactdata {width:40%; vertical-align:top;}
td#contactdata div.contactargs {padding-left:13px;}
td#contactform {}
td#contactform p.headline, td#contactdata p.headline {white-space:nowrap; padding-right:10px; font-variant:small-caps; font-weight:bold; text-align:left;}
td#contactform select {width:200px;}
td#contactform input.cinpt {width:196px;}
td#contactform textarea {width:298px; height:118px;}
/*************************************************************************************************************************
	Media
/*************************************************************************************************************************/
p.headline, td.headline {font-variant:small-caps; font-weight:bold; text-align:left;}
td.headline {padding-right:10px;}
td.media_file {padding-right:20px;}
.td_media {background-color:#bfbdb6; border-right:1px solid #232323; border-bottom:1px solid #232323; padding:10px;}
.div_media {margin:0px 50px 0px 15px; background-color:#bfbdb6; border-right:1px solid #232323; border-bottom:1px solid #232323; padding:10px;}
#edit_user_images .item {
	width:180px;
	margin-right:20px;
	float:left;
	margin-bottom:1em;
	height:140px;
	overflow:hidden;
}
#edit_user_images .item .left {
	float:left;
	width:55px;
	margin-right:10px;
}
/*************************************************************************************************************************
 	Einstellungen (intern) / Passwort �ndern
/*************************************************************************************************************************/
td.td_top {vertical-align:top;}
td.headline {vertical-align:top;}
/*************************************************************************************************************************
	Neuen Nutzer anlegen
/*************************************************************************************************************************/
div.su_block {background-color:#bfbdb6; border-right:1px solid #232323; border-bottom:1px solid #232323; padding:5px 20px 10px 15px; margin:5px 20px 10px 5px;}
div.su_block table td {vertical-align:top; padding-top:5px;}
td.su_name {padding-right:10px; font-variant:small-caps; font-weight:bold; text-align:left;}
.alert {font-weight:bold; color:red;}
iframe#su_iframe {width:450px; height:360px; border:0px; margin:0px; padding:0px; }
td#su_img {padding-top:13px;}
/*************************************************************************************************************************
	Hinweise fuer Minderjaehrige
/*************************************************************************************************************************/
#young {text-align:left; padding:15px;}
#young h2 {font-family:Verdana; font-weight:normal; font-size:18pt; margin:4px 0px 12px 0px; color:white;}
#young div.mainframe {border:2px solid #ddd; padding:5px 5px 5px 7px; background-color:#afada3; background:url('../img/verlauf-s-t.gif') repeat-x; background-color:#afada3;}
#young p {margin-top:10px;}
#young * a {text-decoration:none; color:white;}
#young * a:hover {text-decoration:none; color:#ffcc00;}
/*******************************************************
    CSV-Export
/*******************************************************/
#content .newExport {
    margin-top:20px;
}
#content .newExport p {
    height:25px;
    margin-bottom:3px;
}
#content .newExport p span {
    display:block;
    float:left;
    width:100px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:right;
    padding-top:3px;
    padding-right:5px;
    font-size:12px;
}
#content .newExport #submitBtn {
    margin-left:105px;
}
/*******************************************************
    Availability
/*******************************************************/
#availability .calendar_outer {
	margin:1em 0 2em;
}
#availability .calendar_outer td {
	padding:8px;
	vertical-align:top;
}
#availability .calendar_outer tfoot select {
	margin:0 5px;
	width:135px;
}
#availability .calendar_outer tfoot .legend,
#availability .calendar_outer tfoot font,
#availability.sdetail_avail p.legend span {
	display:block;
	float:left;
	width:20px;
	height:20px;
}
#availability.sdetail_avail {
	margin:1em 0;
	padding:0 10px 10px;
	background-color:#BFBDB6;
	border:1px solid #232323;
}
#availability.sdetail_avail .item {
	margin-bottom:1.5em;
}
#availability.sdetail_avail p.legend {
	height:20px;
	margin-top:3px;
}
#availability.sdetail_avail p.legend span {
	margin:0 0.5em 0 0;
}
#availability .calendar_outer tfoot .legend {
	margin:0 0.5em 0 2.5em;
}
#availability .calendar_outer tfoot font {
	width:auto;
}
#availability .calendar_outer tfoot .legend.yes,
#availability.sdetail_avail p.legend span.yes {
	color:#af2;
	background-color:#af2;
}
#availability .calendar_outer tfoot .legend.ask,
#availability.sdetail_avail p.legend span.ask {
	color:#ff9;
	background-color:#ff9;
}
#availability .calendar_outer tfoot .legend.no,
#availability.sdetail_avail p.legend span.no {
	color:#f54;
	background-color:#f54;
}
#availability .calendar_outer tfoot .legend.na,
#availability.sdetail_avail p.legend span.na {
	color:#9F9D93;
	background-color:#9F9D93;
}
#availability .calendar {
	border-collapse:collapse;
	border:2px solid #fff;
}
#availability .calendar thead th {
	font-weight:bold;
	text-align:center;
	padding:3px;
}
#availability .calendar thead .month th {
	background-color:#9F9D93;
}
#availability .calendar td {
	padding:0;
	border:1px solid #ddd;
	text-align:center;
}
#availability .calendar td a,
#availability .calendar td .past,
#availability.sdetail_avail .calendar td span {
	display:block;
	width:28px;
	height:23px;
	padding-top:5px;
}
#availability.sdetail_avail .calendar td .past,
#availability.sdetail_avail .calendar td span {
	width:28px;
	height:20px;
	padding-top:2px;
}
#availability .calendar td .past {
	color:#999;
	background-color:#BFBDB6;
}
#availability .calendar td a,
#availability .calendar td.default a,
#availability.sdetail_avail .calendar td.default span{
	color:#000;
	background-color:#9F9D93;
}
#availability .calendar td a:hover {
	background-color:#e6e6e6 !important;
}
#availability .calendar td.selected a {
	background-color:#fff;
}
#availability .calendar td.yes a,
#availability.sdetail_avail .calendar td.yes span {
	background-color:#af2;
}
#availability .calendar td.ask a,
#availability.sdetail_avail .calendar td.ask span {
	background-color:#ff9;
}
#availability .calendar td.no a,
#availability.sdetail_avail .calendar td.no span {
	background-color:#f54;
}
#availability .task {
	font-style:italic;
	margin:0 2em 2em 0;
}
#search_avail_box {
	padding:10px;
	background-color:#BFBDB6;
	border-right:1px solid #232323;
	border-bottom:1px solid #232323;
	margin:1em 8px 0;
}
#searchResultsTable span.avail {
	font-weight:bold;
}
#searchResultsTable span.avail.yes {
	color:#190;
}
#searchResultsTable span.avail.ask {
	color:#ff9;
}
#searchResultsTable span.avail.no {
	color:#f21;
}