/* ############################################ */
/*	beo Website-CSS */
/* ############################################ */
/* beo GmbH | lmd = 2008-10-20

neue beo-Farben:
beo-dunkelgrau: #384848 = rgb(56,72,72)
beo-hellgrau: #CEC7A0 = rgb(206,199,160)
beo-gelb: #FFED00 = rgb(255,237,0)
maroon: #800000 = rbg(128,0,0)
#A8A19B = rgb(168,161,155)

*/

/* ############################################ */
/* GENERELLES */
/* ############################################ */
* {
	margin: 0px; padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #384848;
}

body { background-color: white; }

a { text-decoration: none ; color:maroon; }
/*a img {  display: block;}*/
a:hover { color: black; background-color: rgb(255,237,0); }

img { border-width: 0px;}

h1 {font-size: 20px; font-weight: normal; }
h2 {font-size: 14px; }
h2 a {font-size: 14px; color: rgb(56,72,72);}
h3 {font-size: 14px; padding: 5px 0px;}

ul {padding-left: 15px;}
ol {padding-left: 20px;}

table { border-spacing: 0; border-collapse: collapse;}
td {vertical-align:top;}

/*input option {font-family: Verdana, sans-serif;}*/

.w3c a:hover { background-color: white; }
.pdf_download { background-image: url(../pdf/pdf.gif); background-repeat: no-repeat; padding-left: 20px; }
.weiterlink { background-image: url(../img/icon-link_800000.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 6px;}

.datum { color:rgb(168,161,155); font-size: 11px; }

/* ############################################ */
/* Runde Ecken NEU */
/* ############################################ */

/* 
	Default-Farben:
	borderfarbe: black |	innenfarbe: silver 
*/	
	.boxrow {background-color: white; border: 1px solid silver; overflow: hidden; height: 1px; } /* borderfarbe ; innenfarbe */
	.boxcontent { background-color: white; border: 1px solid silver; border-width: 0 1px; padding: 0 10px; } /* borderfarbe */
	.row1 {border: 0px; background-color: silver; } /* = borderfarbe */	

	/* Box mit Radius 3px: */
	.box3 {overflow: hidden;} 
	.box3 .row1 {margin: 0 3px;}	
	.box3 .row2 {border-width: 0 2px; margin: 0 1px;}
	.box3 .row3 {border-width: 0 1px; margin: 0 1px;}
	.box3 .row4 {display: none; }

	/* Box mit Radius 5px: */
	.box5 {overflow: hidden;} 
	.box5 .row1 {margin: 0 5px;}	
	.box5 .row2 {border-width: 0 2px; margin: 0 3px;}
	.box5 .row3 {border-width: 0 1px; margin: 0 2px;}
	.box5 .row4 {border-width: 0 1px; margin: 0 1px; height: 2px; }
	
/* ############################################ */
/* HAUPTAUFTEILUNG */ /* Gesamtbreite 180 + 780 = 960 */
/* ############################################ */
/* ------------------------------------------- */
/* LOGO */ /* 137 x 52 */
/* ------------------------------------------- */
#logo { width: 180px; text-align: center; padding-top: 8px; }
#logo a:hover { background-color: transparent; }
/* ------------------------------------------- */
/* BREADCRUMB und HEADLINE */ 
/* ------------------------------------------- */
#breadcrumb { position: absolute; left: 180px; top: 0px; width: 760px; padding: 5px 10px 5px 10px; /*background-color: silver;*/}
#headline { position: absolute; left: 180px; top: 32px; width: 760px; padding: 5px 10px 0px 10px; /*background-color: rgb(255,237,0);*/ }

#div_content {width: 780px; float: left; /*background-color: rgb(216,216,216);*/}

#div_content .fussnote { width: 750px; margin-top: 10px; padding: 0 20px; float:left; display: inline;
font-size: 11px; font-style:italic; text-align: right;}

/* ------------------------------------------- */
/* MENU */ /* Gesamtbreite 170 */
/* ------------------------------------------- */
#div_menu {width: 160px; padding: 0 10px; float: left; /*background-color: rgb(236,236,236);*/}
/*#td_navi_vertikal {width: 160px; padding-left: 10px; padding-top: 0px; }*/
#td_menu {width: 100%; padding-left: 10px; padding-top: 0px; /**/}

#menutbl { margin-top: 10px; border-top: 1px solid #DAD9D7; width: 160px;}
#menutbl td {padding: 2px 5px;}
#menutbl td a{ text-decoration: none; }
#menutbl .adressblock {text-align: center;border-top: 1px solid #DAD9D7; padding: 10px 10px 10px 0; }
#menutbl .fussnote {text-align: left; border-top: 1px solid #DAD9D7; padding: 10px 5px; font-size: 10px; font-style:italic; color:#CEC7A0;}

/* ############################################ */
/* Runde Boxen */
/* ############################################ */

.vollbox_neu { width: 770px;margin: 10px 10px 0px 0px;float: left; display: inline;}
.halbbox_neu { width: 380px; margin: 10px 10px 0px 0px; float: left; display: inline;}
.drittelbox_neu { width: 250px; margin: 10px 10px 0px 0px; float: left; display: inline;}
.zweidrittelbox_neu { width: 510px; margin: 10px 10px 0px 0px; float: left; display: inline;}

/* Formatierung innerhalb der runden Boxen: */
.boxcontent {line-height: 1.5em; padding-bottom: 5px; padding-top: 5px;}
/*.box5.boxh180 .boxcontent {height: 170px;overflow: hidden; background-color: silver;}*/
.box3.boxh180 .boxcontent {height: 164px;overflow: hidden; }

.box3 h2 { height: 22px; float:left; display:inline; /*padding-top: 5px;*/}
.box3 .rechtsoben { height: 22px; text-align: right; /*padding-top: 5px;*/}
.box3 p { border: 0px solid green; padding-bottom: 5px;}
.box3 .boxbild { float:left; margin: 2px 10px 0px 0px; border: 0px solid gray; display: inline;}
.box3 .boxbild a{ background-color:transparent; }
.box3 .boxtext { }

/* -------------------------------------------*/
/* Vollbild in einer Box (="Bild des Tages")   */
/* -------------------------------------------*/
.box3 .vollbild {overflow: hidden; margin-top: 2px; background-color: white; float:left; }
.vollbox_neu .vollbild {width: 748px; }
.halbbox_neu .vollbild {width: 358px; }
.drittelbox_neu .vollbild {width: 228px; }
.boxh370 .vollbild {height: 350px; }
.boxh180 .vollbild {height: 160px; }


/* ############################################ */
/* SPEZIELLE FORMATIERUNGEN */
/* ############################################ */
/* Auflistung aller Programme einer Blockgruppe: */
.tbl_bloecke {border: 0px solid red; width: 100%; margin-top: 5px;}
.tbl_bloecke td {color: green; border: 0px solid green; width: 50%; background-repeat: no-repeat; background-position: 0px 3px; padding-left: 38px; height: 38px; vertical-align: middle; }

/* Tabellarische Darstellung eines Blocks */
/* Gesamtbreite 250 | variable Höhe */
.tbl_block { /*width: 100%;*/ width: 227px; line-height: 1.25em; border: 0px solid green; }
.tbl_block td { text-align: left; padding: 2px 0;}
.tbl_block .label_top {text-align: center;}
.tbl_block .text_right {text-align: right;}
.tbl_block h2 { margin:0; }
.tbl_block .data {background-color:rgb(206,199,160); color: black; border-bottom: 1px solid white; text-align: center; border-right:1px solid white; }
.tbl_block .fuss {text-align: right; padding-top: 5px; font-style:italic; font-size: 11px;/*color:rgb(206,199,160);*/}

/* Termine und Preise */
.tbl_blockdetail { width: 100%;}
.tbl_blockdetail td { text-align: left; padding: 2px;}
.tbl_blockdetail .label_top {text-align: center; }
.tbl_blockdetail .data {background-color:rgb(206,199,160); color: black; border-bottom: 1px solid white; text-align: center; border-right:1px solid white;}
.tbl_blockdetail .fuss {text-align: right; padding-top: 10px; font-style:italic; /*font-size: 12px;*//*color:rgb(206,199,160);*/}

/* Reiterchen für Rahmenstoffpläne */
.reiterreihe {
	margin: 10px 0px 0px 15px;
	padding: 0px 5px 0px 0px;
	border: 0px solid green;
	display: inline;
	float: left;
	width: 750px;
}
.reiterchen { border: 1px solid silver; border-bottom-width: 0px; padding: 0px 5px; text-decoration: none; background-color:white; margin-right:2px; font-weight: bold; }
.reiterchen:hover{ background-color:rgb(255,237,0);}

/* Formatierung für Rahmenstoffpläne */
.inhaltelabel { font-weight: bold;}
.inhaltedata { padding-bottom: 10px; }

/* -------------------------------------------*/
/* teaser_lastminute.php */
/* -------------------------------------------*/
#tbl_lastminute {margin: 0; margin-top: 10px; border: 0px solid green; width: 100%;}
#tbl_lastminute td{ text-align: center; vertical-align: middle; padding: 0 5px; }
#tbl_lastminute .data {background-color:rgb(206,199,160); color: black; border-bottom: 1px solid white; border-right:1px solid white;}
#tbl_lastminute .fuss {text-align: right; padding-top: 5px; font-style:italic; font-size: 11px;/*color:rgb(206,199,160);*/}

/* -------------------------------------------*/
/* Tabelle für Referenzen Entwicklung */
/* -------------------------------------------*/
#tbl_referenzen_entwicklung {border-collapse: separate; border-spacing: 2px;}
#tbl_referenzen_entwicklung .tdcontent { background-color:#F4F4F4;padding: 5px;}
/* -------------------------------------------*/
/* Tabelle für Schulungskritik */
/* -------------------------------------------*/
#tbl_schulungskritik {border-collapse: separate; border-spacing: 2px;}
#tbl_schulungskritik .tdlabel { background-color:#F4F4F4; padding: 5px;}
#tbl_schulungskritik .tdcontent { background-color:#F4F4F4;padding: 5px;}


/* -------------------------------------------*/
/* NEUE Reiterchen für Rahmenstoffpläne */
/* -------------------------------------------*/

#new_reiterreihe {
	margin: 0px 0px 0px 15px;
	width: 750px;
	height: 30px;/* höhe inkl Reiterchen */
	position:relative; /*background: yellow;
	border: 1px solid red;*/
	display: inline; float: left;
}

#new_reiterreihe ul {
	bottom: -1px;
	margin:0;padding:0;
	position:absolute;
	/*border: 1px solid green;*/
}

#new_reiterreihe ul li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#new_reiterreihe li *{
	display:block;float:left;
	text-align:center;text-decoration:none;
	font-weight: bold;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	margin:0px 5px 0px 0px;
	padding: 2px 5px 0px 5px;
}

#new_reiterreihe li a{
	color:#CEC7A0;
	background-color:white;
	border-color: #CEC7A0;
	/*margin:1px 5px 0px 0px;*/
	margin-top: 1px;
	padding-bottom: 2px;
}

#new_reiterreihe li a:hover {
	color:#384848;
	background-color:white;
	border-color:silver;
	margin-top: 0px;
	padding-bottom:3px;/* oder +1px, wenn border-bottom nicht sichtbar sein soll */
}

#new_reiterreihe li span {
	color:#333333;
	background-color:white;
	border-color: silver;
	padding-bottom: 4px;
}

#new_reiterreihe li a.current {
	color:#333333;
	background-color:white;
	border-color: silver;
	margin-top: 0px;
	padding-bottom: 4px;
}

#new_reiterreihe li a.current:hover {
	/*color:#333333;
	background-color:white;
	border-color: silver;*/
	margin-top: 0px;
	padding-bottom: 4px;
}