/*
 * ------------------------------------------------------
 *  Bilder
 * ------------------------------------------------------
 */
img.portrait
{
    padding: 2px;
    border: 1px #cccccc solid;
    margin-right: 30px;
    margin-bottom: 6px;
    float:left;
}

img.links_ohne
{
    padding: 2px;
    margin-right: 30px;
    margin-bottom: 6px;
    float:left;
}


img.portrait_unten
{
    padding: 2px;
    border: 1px #cccccc solid;
}


img.rechts
{
    padding: 2px;
    border: 1px #cccccc solid;
    margin-left: 30px;
    margin-bottom: 6px;
    float:right;
}

/*
 * ------------------------------------------------------
 *  Tabelle Mitarbeiter
 * ------------------------------------------------------
 */
table.portraits td
{
 	 padding-right: 30px;
    padding-left: 30px;
    padding-bottom:30px;
    text-align:center;
}


/*
 * ------------------------------------------------------
 *  Popup
 * ------------------------------------------------------
 */
#pop_col{width:auto;background-color:#e53434;}
  #pop_col_content{margin:0 10px 10px 10px; padding: 20px 20px 20px 20px; background-color:#ffffff;min-height:360px;width:auto;}
    #pop_col1_content h1{margin:5px 0 15px 0;}
    #pop_col1_content li{margin:0px 0 5px 20px;}
    #pop_col1_content ul{margin-top:10px;}


/*
 * ------------------------------------------------------
 *  Marketing -> Handzettel
 * ------------------------------------------------------
 */
div.handzettel
{
	margin: 20px 0px;
	height: 220px;
}


table.handzettel th
{
	width: 70px;
	text-align:right;
}


table.handzettel td
{
	text-align:right;
}


/*
 * ------------------------------------------------------
 *  Tabelle Miteinander
 * ------------------------------------------------------
 */
 
table.miteinander td
{
 	 padding-right: 5px;
 	 padding-bottom: 10px;
    text-align:left;
} 
 
 
 
 /*
  * ------------------------------------------------------
  *  unsichtbares Bild über kehr.bs
  * ------------------------------------------------------
 */

img.kehrbs
{
    margin-left: 550px;
    margin-top: 30px;
    height: 80px;
    width: 150px;
}
 
 
/*
 * ------------------------------------------------------
 *  Bildergalerie
 * ------------------------------------------------------
*/

table.bildergalerie td
{
 	 padding-right: 5px;
    text-align:center;
}


/*
 * ------------------------------------------------------
 *  Kurzfilme
 * ------------------------------------------------------
*/

table.kurzfilme td
{
 	 padding: 5px;
    text-align:center;
    font-size: 10px;
}


/*
 * ------------------------------------------------------
 *  Zusatznavigation daten_online
 * ------------------------------------------------------
*/

.on_nav
{
	text-align: left;
	padding-left: 15px;
	font-weight: 900;
	list-style-type:none;
}

.on_nav li a
{
	color: #abadae;
}

.on_nav li a:hover
{
	color: #e53434;
	text-decoration: none;
}


/* Level 1 - gesamter Block*/
.on_nav ul
{
	padding-left: 20px;
	font-weight: 100;
	list-style-type:none;
}

/* Level 1 - einzelne Elemente */
.on_nav ul li
{
	padding-left: 0px;
}

/* ul bestellpos */
.bestellpos
{
	margin:0 0 0 15px;
}

/* Level 2 - gesamter Block*/
.on_nav ul li ul
{
	padding: 5px 30px;
	font-weight: 100;
	list-style-type:none;
}

/*
 * ------------------------------------------------------
 * no break
 * ------------------------------------------------------
*/

.nobreak
{
  white-space: nowrap;
}


/*
 * ------------------------------------------------------
 * Anmeldeformular
 * ------------------------------------------------------
*/

h3{background-color:#abadae;display:block;font-size:14px;font-weight:bold;margin:0 0 10px;padding:7px;}
DIV.error{background-color:#FFEBE8;border:1px solid #CC0000;padding:1.4em;margin:15px 0;font-size:12px;}
.form-table{border-collapse:collapse;margin-bottom:1em;width:100%;}
.form-table tr{background-color:#dadadc;}
.form-table td,.form-table th{border-bottom-color:#fff;}
.form-table th{border-bottom-style:solid;border-bottom-width:8px;padding:10px;text-align:left;vertical-align:top;width:150px;}
.form-table td{border-bottom-style:solid;border-bottom-width:8px;font-size:11px;line-height:20px;margin-bottom:9px;padding:10px;}
.form-table th.error,.form-table td.error{background-color:#FFEBE8;}
.form-table input[type="text"]{width:300px;}
.form-table input,.form-table textarea{border-color:#C6D9E9;}
.form-table input,.form-table textarea{border-style:solid;border-width:1px;}
.form-table span{margin-right:20px;padding:5px;font-size:12px;}


/*
 * ------------------------------------------------------
 * Logout Button & die Hilfe dazu
 * ------------------------------------------------------
*/

#logout {display:block;text-align:right;list-style-type:none;width:230px;font-size:11px;font-weight:900;}
#logout a{color:#abadae; text-decoration:none; }
#logout a:hover{color:#8d8e8f;}
#logout a.active{color:#8d8e8f; }

#logout_hilfe {display:block;text-align:justify;list-style-type:none;width:230px;font-size:11px; margin:10px; color:#8d8e8f;}



/*
 * ------------------------------------------------------
 *  Tabelle Seminare
 * ------------------------------------------------------
 */

table.seminare
{
	width: 660px;
}

table.seminare td a
{
	vertical-align: top;
	white-space: normal;
}


table.seminare_single
{
	margin-bottom:5px;
}

table.seminare_single td
{
	padding: 2px 2px 2px 0px;
}

.seminar_content
{
	
}



/*
 * ------------------------------------------------------
 *  Tabelle Jobs
 * ------------------------------------------------------
 */

table.jobs
{
	width: 660px;
	border: 0px solid;
	padding: 0 5px 5px;
	background-color: #F9F4F4;
}

table.jobs caption
{
	font-weight: 800;
	caption-side:top;
	background-color: #dadadc;
	
}

table.jobs th
{
	font-weight: 800;
	text-align: left;
	width: 150px;
	vertical-align: top;
}

table.jobs td
{
/*	font-weight: 100; */
	text-align: left;
}


/*
 * ------------------------------------------------------
 *  Tabelle Jobs->aufgeben
 * ------------------------------------------------------
 */


.job_aufgeben {border-collapse:collapse;margin-bottom:1em;width:660px;}
.job_aufgeben tr{background-color:#F9F4F4;}
.job_aufgeben td,.job_aufgeben th{border-bottom-color:#fff;}
.job_aufgeben th{border-bottom-style:solid;border-bottom-width:8px;padding:10px;text-align:left;vertical-align:top;width:150px;}
.job_aufgeben td{border-bottom-style:solid;border-bottom-width:8px;font-size:11px;line-height:20px;margin-bottom:9px;padding:10px;}
.job_aufgeben th.job_single_error,.job_aufgeben td.job_single_error{background-color:#FFEBE8;}
.job_aufgeben input[type="text"]{width:450px;}
.job_aufgeben input,.job_aufgeben textarea{border-color:#C6D9E9;}
.job_aufgeben input,.job_aufgeben textarea{border-style:solid;border-width:1px;width:450px;}
.job_aufgeben span{margin-right:20px;padding:5px;font-size:12px;}
.job_aufgeben caption {	font-weight:800;caption-side:top;background-color:#dadadc;}
.job_aufgeben p{margin:0;padding:0;border:0;}
.job_aufgeben input[type="checkbox"]{width:13px;}

DIV.job_error {background-color:#FFEBE8;border:1px solid #CC0000;padding:1.4em;margin:15px 0;font-size:12px;width:624px;}



/*
 * ------------------------------------------------------
 *  Google Maps
 * ------------------------------------------------------
 */

.pp-linked-photo
{
	border:1px solid #CC0000;
	float:left;
	margin-right:15px;
	margin-bottom:5px;
}


/*
 * ------------------------------------------------------
 *  Kehr Aktuelles
 * ------------------------------------------------------
 */

DIV.aktuelles_trenner 
{
	border-bottom:1px dashed;
	margin-top:5px;
	margin-bottom:5px;
	border-color:#dadadc;
}

.aktuelles_grafik
{
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	border: 1px solid;
	border-color:#dadadc;
}

.aktuelles_ueberschrift
{
	font-weight:bold;
}


DIV.aktuelles_content
{
	width:100%;
	line-height:20px;
	background-color:#f6f6f8;
	height: 62px;
}