/* CSS Document */

/* 
-------------------------------------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++
allgemein			++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++ 
*/
html { 
	height:100%; margin:0px; padding:0px; }
body { 
	background-image:url("./pix/hg.jpg"); background-repeat:repeat-y; background-position:center;
	height:100%; text-align:center; margin:auto; float:inherit; background-color:#F8F5F1; padding:0px; margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; }
.clear_both { 
	clear:both; }
.links 	{ 
	float:left; margin-left:0px; }
.rechts { 
	float:right; margin-right:0px; }
.mittig {
	text-align:center; }

/* 
-------------------------------------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++
kopf				++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++ 
*/
.hauptzelle_kopf {  
	background-image:url("./pix/hg.jpg"); background-repeat:repeat-y; 
	width:940px; height:160px; text-align:center; margin:auto; } 
.kopf_spacer { 
	width:940px; height:1px; }
.kopf_inhalt { 
	height:155px; float:left; }
.kopf_unten {
	height:5px; clear:both; background-image:url("./pix/kopf_u.jpg"); background-repeat:repeat-x; width:940px; }

/* inhalt - kopf */
.kopf_rechts { 
	text-align:right; width:500px; float:right; margin-top:10px; }
.kopf_links { 
	text-align:left; width:400px; float:left; margin-top:5px; }
.kopf_logo {
	float:left; margin-left:25px; margin-top:10px; }
.kopf_datum {
	clear:both; float:left; margin-left:40px; margin-top:5px; width:100%; }
	
.button_rechts {
	width:100%; float:right; clear:both; margin-right:0px; margin-top:10px; height:25px; vertical-align:middle; }
.button_rechts img {
	float:right; margin-top:-10px; }	

.button_links_partner {
	width:100%; float:left; clear:both; margin-left:0px; margin-top:10px; height:25px; text-align:left; vertical-align:middle; }
.button_links_partner img {
	float:left; margin-top:-10px; }

/* 
-------------------------------------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++
mitte				++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++ 
*/ 
.hauptzelle_mitte_oben { 
	width:100%; text-align:center; margin:auto; background-color:#F4F1EA; background-image:url("./pix/mitte_rest_o.jpg"); background-repeat:repeat-x;}
.hauptzelle_mitte_hg  { 
	width:100%; text-align:center; margin:auto; background-image:url("./pix/mitte_rest_u.jpg"); background-repeat:repeat-x; background-position:bottom; }
.hauptzelle_mitte_mitte  { 
 	margin:auto; width:940px; }
.mitte_kopf {
	width:940px; text-align:center; height:6px; }
.mitte_fuss {
	width:940px; text-align:center; height:8px; }

/* hintergruende... */
.mitte_start {
	width:100%; text-align:center; margin:auto; background-image:url("./pix/mitte_start_m.jpg"); background-repeat:repeat-y; }
.mitte_bb {
	width:100%; text-align:center; margin:auto; background-image:url("./pix/mitte_bb_m.jpg"); background-repeat:repeat-y; }	
.mitte_av {
	width:100%; text-align:center; margin:auto; background-image:url("./pix/mitte_av_m.jpg"); background-repeat:repeat-y; }
.mitte_text {
	width:100%; text-align:center; margin:auto; background-image:url("./pix/mitte_text_m.jpg"); background-repeat:repeat-y; }
.mitte_ib {
	width:100%; text-align:center; margin:auto; background-image:url("./pix/mitte_ib_m.jpg"); background-repeat:repeat-y; }


/* firmeninterner bereich... */
.ib_klein_links {
	width:220px; float:left; text-align:left; }
 .ib_klein_links_oben { clear:both; width:220px; height:10px; }
 .ib_klein_links_unten { clear:both; width:220px; height:20px; }
 
 .ib_klein_rechts { 
	width:218px; float:left; text-align:left; }
 .ib_klein_rechts_oben { clear:both; width:218px; height:10px; }
 .ib_klein_rechts_unten { clear:both; width:218px; height:20px; }
 

/* textfeld... */
.textfeld {
	width:502px; text-align:left; float:left; }
 .textfeld_oben { clear:both; width:502px; height:10px; }
 .textfeld_unten { clear:both; width:502px; height:20px; }
	
	
/* branchenbuch... */
.bb_klein {
	width:220px; float:left; text-align:right; }
 .bb_klein_oben { clear:both; width:220px; height:10px; }
 .bb_klein_unten { clear:both; width:220px; height:20px; }
.bb_mittel {
	width:471px; float:left; text-align:right; margin:auto; }
 .bb_mittel_oben { clear:both; width:471px; height:10px; }
 .bb_mittel_unten { clear:both; width:471px; height:20px; }
.bb_gross {
	width:722px; float:left; text-align:left; }
 .bb_gross_oben { clear:both; width:722px; height:10px; }
 .bb_gross_unten { clear:both; width:722px; height:20px; }



/* vermittlungsservice... */
.av_klein { 
	width:218px; float:left; text-align:left; }
 .av_klein_oben { clear:both; width:218px; height:10px; }
 .av_klein_unten { clear:both; width:218px; height:20px; }
.av_mittel { 
	width:469px; float:left; text-align:left; margin:auto; }
 .av_mittel_oben { clear:both; width:469px; height:10px; }
 .av_mittel_unten { clear:both; width:469px; height:20px; }
.av_gross {
	width:720px; float:left; text-align:left; }
 .av_gross_oben { clear:both; width:720px; height:10px; }
 .av_gross_unten { clear:both; width:720px; height:20px; }
	

/* popup... */
.popup_branchenauswahl {
	width:350px; text-align:left; }
	


/* 
-------------------------------------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++
fuss				++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++ 
*/ 
.hauptzelle_fuss { 
	background-image:url("./pix/hg.jpg"); background-repeat:repeat-y; width:940px; height:60px; text-align:center; margin:auto; }
.fuss_oben { 
	clear:both; background-image:url("./pix/fuss_o.jpg"); background-repeat:repeat-x; width:940px; }
.fuss_inhalt { 
	float:left; }
.fuss_oben_rechts { 
	text-align:right; width:500px; float:right; margin-top:2px; }
.fuss_oben_links { 
	text-align:left; width:400px; float:left; margin-top:2px; }

/* 
-------------------------------------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++
text				++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++ 
*/ 

.button_rechts a {
	font-size:11px; color:#666666; text-decoration:none; font-weight: bold; }
.button_rechts a:hover {
	font-size:11px; color:#cc6633; text-decoration:none; font-weight: bold;	}
.button_rechts p {
	float:right; margin-top:0px; margin-right:50px; font-size:11px; color:#999933; text-decoration:none; }

.button_links a {
	font-size:9px; color:#666666; text-decoration:none; font-weight: bold; }
.button_links a:hover {
	font-size:9px; color:#cc6633; text-decoration:none; font-weight: bold;	}
.button_links span {
	float:left; margin-top:10px; margin-right:50px; font-size:11px; color:#999933; text-decoration:none; }

.button_links_partner a {
	font-size:11px; color:#666666; text-decoration:none; font-weight: bold; }
.button_links_partner a:hover {
	font-size:11px; color:#cc6633; text-decoration:none; font-weight: bold;	}
.button_links_partner span {
	float:left; margin-top:10px; margin-right:50px; font-size:11px; color:#999933; text-decoration:none; }



li a {
	font-size:11px; color:#666666; text-decoration:none; font-weight: bold; }
li a:hover {
	color:#cc6633; text-decoration:none; font-weight: bold;	}

p a {
	font-size:11px; color:#666666; text-decoration:none; font-weight: bold; }
p a:hover {
	color:#cc6633; text-decoration:none; font-weight: bold;	}

div a {
	font-size:11px; color:#666666; text-decoration:none; font-weight: bold; }
div a:hover {
	color:#cc6633; text-decoration:none; font-weight: bold;	}

.textfeld a {
	font-size:11px; color:#666666; text-decoration:none; font-weight: bold; }
.textfeld a:hover {
	color:#cc6633; text-decoration:none; font-weight: bold;	}
	
.av_gross a {
	font-size:11px; color:#666666; text-decoration:none; font-weight: bold; }
.av_gross a:hover {
	color:#cc6633; text-decoration:none; font-weight: bold;	}
	
.bb_gross a {
	font-size:11px; color:#666666; text-decoration:none; font-weight: bold; }
.bb_gross a:hover {
	color:#cc6633; text-decoration:none; font-weight: bold;	}
	
.popup_branchenauswahl a {
	font-size:11px; color:#666666; text-decoration:none; font-weight: bold; }
.popup_branchenauswahl a:hover {
	color:#cc6633; text-decoration:none; font-weight: bold;	}

.text_10_schwarz { 
	font-size:10px; color:#000000; text-decoration:none; }
.text_10_dick_schwarz {
	font-size:10px; color:#000000; text-decoration:none; font-weight:bold; }
.text_11_schwarz { 
	font-size:11px; color:#000000; text-decoration:none; }
.text_11_dick_schwarz {
	font-size:11px; color:#000000; text-decoration:none; font-weight:bold; }
.text_11_grau { 
	font-size:11px; color:#666666; text-decoration:none; }
.text_11_dick_grau {
	font-size:11px; color:#666666; text-decoration:none; font-weight:bold; }

.text_10_gold { 
	font-size:10px; color:#999933; text-decoration:none; }
.text_10_dick_gold {
	font-size:10px; color:#999933; text-decoration:none; font-weight:bold; }
.text_11_gold { 
	font-size:11px; color:#999933; text-decoration:none; }
.text_11_dick_gold { 
	font-size:11px; color:#999933; text-decoration:none; font-weight:bold; }
.text_12_gold {
	font-size:12px; color:#999933; text-decoration:none; }
.text_12_dick_gold {
	font-size:12px; color:#999933; text-decoration:none; font-weight:bold; }
.text_14_gold {
	font-size:14px; color:#999933; text-decoration:none; }
.text_14_dick_gold {
	font-size:14px; color:#999933; text-decoration:none; font-weight:bold; }

.text_9_dunkelgrau {
	font-size:9px; color:#333333; text-decoration:none; }
.text_9_dick_dunkelgrau {
	font-size:9px; color:#333333; text-decoration:none; font-weight:bold; }
.text_10_dunkelgrau {
	font-size:10px; color:#333333; text-decoration:none; }
.text_10_dick_dunkelgrau {
	font-size:10px; color:#333333; text-decoration:none; font-weight:bold; }
.text_11_dunkelgrau {
	font-size:11px; color:#333333; text-decoration:none; }
.text_11_dick_dunkelgrau {
	font-size:11px; color:#333333; text-decoration:none; font-weight:bold; }
.text_12_dick_dunkelgrau {
	font-size:12px; color:#333333; text-decoration:none; font-weight:bold; }
.text_14_dick_dunkelgrau {
	font-size:14px; color:#333333; text-decoration:none; font-weight:bold; }
.text_16_dick_dunkelgrau {
	font-size:16px; color:#333333; text-decoration:none; font-weight:bold; }
.text_22_dick_dunkelgrau {
	font-size:22px; color:#333333; text-decoration:none; font-weight:bold; }
		
.text_10_rot {
	font-size:10px; color:#cc0000; text-decoration:none; }
.text_10_dick_rot {
	font-size:10px; color:#cc0000; text-decoration:none; font-weight:bold; }
.text_11_rot {
	font-size:11px; color:#cc0000; text-decoration:none; }
.text_11_dick_rot {
	font-size:11px; color:#cc0000; text-decoration:none; font-weight:bold; }
.text_12_rot  { 
	font-size:12px; color:#cc0000; text-decoration:none; }
.text_12_dick_rot {
	font-size:12px; color:#cc0000; text-decoration:none; font-weight:bold; }
	
.text_10_dick_weiss {
	font-size:10px; color:#ffffff; text-decoration:none; font-weight:bold; }
.text_11_dick_weiss {
	font-size:11px; color:#ffffff; text-decoration:none; font-weight:bold; }

.text_11_blau {
	font-size:11px; color:#0000CC; text-decoration:none; }
.text_11_dick_blau {
	font-size:11px; color:#0000CC; text-decoration:none; font-weight:bold; }

.text_10_dick_hellgrau {
  font-size:10px; color:#999999; text-decoration:none; font-weight:bold; }
.text_11_dick_hellgrau {
  font-size:11px; color:#999999; text-decoration:none; font-weight:bold; }

.text_10_dick_hellblau{
  font-size:10px; color:#336699; text-decoration:none; font-weight:bold; }
.text_11_dick_hellblau{
  font-size:11px; color:#336699; text-decoration:none; font-weight:bold; }
/* 
-------------------------------------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++
html elemente		++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++ 
*/ 
input {
	font-size: 10px; color:#333333; text-decoration: none; }
textarea {
	font-size: 11px; color:#333333; text-decoration: none; }
button {
	font-size: 10px; color:#333333; text-decoration: none; }
select {
	font-size: 10px; color:#333333; text-decoration: none; }
table {
	margin:auto; }
	
		
/* 
-------------------------------------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++
divs eintrag bearbeiten ++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++ 
*/ 
.eintrag { 
	clear:both; padding-top:5px; overflow:auto; height:100%; }
.eintragBasis { 
	float:left; width:495px; padding-right:5px; }
.boxInfo { 
	padding: 0px 0px; position:absolute; width:620px; overflow:auto; height:auto; }
.beschreibungButton { 
	padding-left:10px; padding-top: 2px; }
.buttonLeiste { 
	float:right; }
.openBox { 
	display:none; clear:both; border: 1px solid #cc6633; background-color: #FFFFF0; padding: 7px 10px; margin: 5px 0; overflow:auto; height:100%; }
.boxStatus {
	height:12px; width:11px; margin-right:1px; padding:1px 4px; font-weight:bold; float:left; font-size:11px; border:1px solid #666666;
	background-color:#FFFFFF; color:#000000; text-decoration:none; }	
.popup {
	background: #ffffff; border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #000000; border-bottom:1px solid #000000;
	padding:2px 2px; overflow:auto; height:auto; z-index:1; float:right; width:400px; margin-left:5px; }
.formbox {
  width: 700px; color: #000; background-color: #cc9; border: 1px solid #666; }
.reihe {
  clear: both; padding: 2px 0px; }
.feld {
  float: left; width: 400px; text-align: left; margin-left:20px; } 
.knopf {
  clear: both; text-align: center; padding-top: 15px; padding-bottom: 10px; }


/* 
-------------------------------------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++
divs branchenbuch ++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++ 
*/ 

/* box - grundgeruest */
.box_weiss { 
  clear:both; width:705px; background-color:#ffffff; background-image:url("./pix/bb_weiss_l.jpg"); background-repeat:repeat-y; }
.box_weiss_rechts { 
  float:right; background-image:url("./pix/bb_weiss_r.jpg"); background-repeat:repeat-y; background-position:right; }
.box_weiss_oben { 
  clear:both; position:relative; background-image:url("./pix/bb_weiss_o.jpg"); background-repeat:repeat-x; width:100%; }
.box_weiss_unten { 
  clear:both; position:relative; background-image:url("./pix/bb_weiss_u.jpg"); background-repeat:repeat-x; width:100%; }

/* box - aufbau */
.bb_eintrag { 
  clear:both; width:704px; }
  .button_links { 
    float:left; width:205px; clear:both; }
  .logo_rand { 
    float:left; text-align:center; width:50px; clear:both; margin:auto; }
  .logo_mittig { 
    float:left; text-align:center; width:155px; margin:auto; }
  .bb_eintrag_inhalt { 
    float:left; width:499px; }
  
.button_links img {
	float:left; }

.openBox_bb { 
	display:none; clear:both; overflow:auto; height:100%; }
.boxStatus_bb {
	width:100%; float:left; font-size:9px; text-decoration:none; }
	
.button {
  float:left; margin-top:10px; width:125px; font-size:9px; font-size:10px; }
  
.bb_neue_zeile {
  clear:both; width:704px; 
  font-size:12px; color:#000000; text-decoration:none; font-weight:bold; }
  .bb_ueberschrift_links {
    float:left; width:50px; }
  .bb_ueberschrift_rechts {
	float:left; width:400px; text-decoration: none;
}
