/*webkatalog
  * 

  Copyright (c) 2005 rembrandt

  Alle Rechte bei Andreas Groß
*/
  
body 
{
 font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 font-size:12px;
 padding: 0;
   margin: 0;
 color:#454545;   
 background-color:#cccccc;
min-width:1152px;
}
h1 {font-size:14px;font-weight:normal;color:#cccccc;margin:0px;}
h2 {font-size:14px;font-weight:normal;color:#cccccc;margin:0px;}
h3 {font-size:12px;color:#454545;}
p {margin-top:0px;}

td {font-size:12px;}
hr{background-color: #cccccc; height:1px;padding:0 1em 0 1em; border:0;} 
fieldset {border:1px solid #004773; margin-bottom:2.5em;padding:1em;}
legend {border:1px solid #004773; padding:0.3em; font-weight:bold; background-color:#bdbdc0;}


.FontBold{font-weight:bold;}
.FontBoldRed{color: red; font-weight:bold;}

code {font-size:12px;color:#ff0000;}

#body_bg_o {
  background:url(../progpic/body_bg_o.png);
  display:inline-block;
  position:absolute;
  top:0px;
  left:0px;
  padding:0px;
  height:150px;
  width:100%;
  }
a:link, a:visited, a:active, a:hover
{ 
  text-decoration:none;
  color:#003399;
  font-weight:normal;
  font-size:12px;
}
a:active, a:hover
{ 
 text-decoration:underline;
 color:#ff3300;
}

 a.navlink:link, a.navlink:visited, a.navlink:active, a.navlink:hover
{ 
  text-decoration:none;
  font-weight:normal;
  color:#cccccc;
  font-size:14px;
}
a.navlink:active, a.navlink:hover
{ 
 text-decoration:underline;
 color:#cccccc;
}

a.footlink:link, a.footlink:visited, a.footlink:active, a:hover
{ 
  text-decoration:none;
  color:#e56d18;
  font-weight:normal;
  font-size:12px;
}
a.footlink:active, a.footlink:hover
{ 
 text-decoration:underline;
 color:#ff3300;
}

#title 
{   border:0px solid red;
   padding: 25px 0 0 0;
   margin: 0px 10px 10px 10px;
   height: 133px;
   position:relative;
   z-index:0;
}
/*box über Navigationsleiste*/
#title_oben{
height:102px;
 border:0px solid red;
}
/* ---- Navigationsboxen in der Titelbox ------ */

/* Links mit runder Ecke blau*/
.nav_bg_bl_l{
background:url(../progpic/nav_bg_bl_l.png) left no-repeat;
height:31px;
width:10px;
padding:0px;
float:left;
}

/* Navigationsbox blau */
.nav_bg_bl{
background:url(../progpic/nav_bg_bl.png) top repeat-x;
height:31px;
padding:6px 8px 0 8px;
float:left;
}

/*Trennung der blauen Navigationsboxen */
.nav_bg_bl_tr{
background:url(../progpic/nav_bg_bl_tr.png);
height:31px;
width:1px;
float:left;
}

/* Links mit runder Ecke orange*/
.nav_bg_or_l{
background:url(../progpic/nav_bg_or_l.png) left no-repeat;
height:31px;
width:10px;
float:left;
}

/* Navigationsbox orange */
.nav_bg_or{
background:url(../progpic/nav_bg_or.png) top repeat-x;
height:31px;
padding:6px 8px 0 8px;
float:left;
}

/*Trennung der orangen Navigationsboxen */
.nav_bg_or_tr{
background:url(../progpic/nav_bg_or_tr.png);
height:31px;
width:1px;
float:left;
}

/* graues Dreieck für aktive Box */
#nav_link_aktiv{
background:url(../progpic/nav_aktiv.png) bottom center no-repeat;
height:25px;
float:left;
}

#logo{
margin:28px 0 0 20px;
border:0px black solid;
float:left;
}

#banner{
margin:28px 20px 0 0px;
border:0px black solid;
float:right;
}

/* festlegung der Boxengrößen und Anordnung */
#mittelteil {
   padding: 0;
   border: 0px solid #09f;
   /*margin-rigth mit rechter box 297px*/
   margin: 10px 207px 10px 207px;
   position: relative;
   
   
}

#left {

   padding: 0;
   margin: 10px 10px
           10px -198px;
   width: 185px;
   position: absolute;
   top: -10px;
   
}

#right {
   background: #fff7d5;
   padding: 0;
   border: 0px solid #fc0;
   margin: 10px 10px 10px 0;
   width: 185px;
   position: absolute;
   top: -10px;
   right: 0;
   }
HTML>BODY #right {
   margin: 9px -198px 10px 0;
   }


/* Titel */
.title_r {
  background:url(../progpic/title_r.png) right no-repeat;
  height:133px;
  margin:0;
  padding:0;
  }

.title_l {
 background:url(../progpic/title_l.png) left no-repeat;
 height:133px;
 margin:0;
 padding:0;
 border: green 0px solid;
 }

/* blaue Boxen */
.box_bl_ro {
  background:url(../progpic/box_bl_ro.png) top right no-repeat;
  margin:0;
  padding:0;
  }
.box_bl_lo {
 background:url(../progpic/box_bl_lo.png) top left no-repeat;
 margin:0;
 padding:0;
 }
.box_bl_ru {
 background:url(../progpic/box_bl_ru.png) bottom right no-repeat;
 margin:0;
 padding:0;
 }
.box_bl_lu {
 background:url(../progpic/box_bl_lu.png) bottom left no-repeat;
 margin:0;
 padding:0;
 }

/* orange Boxen */
.box_or_ro {
  background:url(../progpic/box_or_ro.png) top right no-repeat;
  display:inline-block;
  margin:0;
  padding:0;
  width:100%;
  }
.box_or_lo {
 background:url(../progpic/box_or_lo.png) top left no-repeat;
 display:inline-block;
 margin:0;
 padding:0;
 width:100%;
 }
.box_or_ru {
 background:url(../progpic/box_or_ru.png) bottom right no-repeat;
 display:inline-block;
 margin:0;
 padding:0;
 width:100%;
 }
.box_or_lu {
 background:url(../progpic/box_or_lu.png) bottom left no-repeat;
 display:inline-block;
 margin:0;
 padding:0;
 width:100%;
 }

/* Die Überschrift des Linken Teils */
.HeadLinks{
font-weight:normal;
font-size:14px;
padding:0.6em 0 0 1.5em;
color: #cccccc;

}

.InhaltLinks {
padding: 40px 1px 15px 0;
}

.NavLinkLinks{
display:block;  
margin: 0 0 0.3em 0; 
padding:0 0 0 1.7em;
}

.NavLinkLinksAktiv{
background:url(../progpic/nav_aktiv_links.gif) center left no-repeat;
display:block;  
margin: 0 0 0.3em 0; 
padding:0 0 0 1.7em;
}



/* Die Überschrift des Mittelteils */
.HeadMitte{
font-weight:normal;
font-size:14px;
padding:0.6em 0 0 1.5em;
color: #cccccc;


}
.InhaltMitte {
  padding: 3em 1em 1.5em 1.5em;
  
  }

#LogoBearbeiten {
  padding: 0em 0em 0em 0em;
  }

#VideoBearbeiten {
  padding: 0em 0em 0em 0em;
  }

#BilderBearbeiten {
  padding: 0em 0em 0em 0em; 
  }

.InhaltMitteLinks {
  width:66%;
  border-right:1px #cccccc solid;
  padding: 4em 1em 1.5em 1.5em;
  margin: 1em 1em 1em 0;
  float:left;
}

.InhaltMitteRechts {
  
  border:0px #004773 solid;
  padding: 4em 1em 1.5em 1.5em;
  margin: 1em 0 1em 0;
  
}

.detail_bezeichner{
  font-weight:bold;
  
  width:10em;
  float:left;
  line-height:1.5em;
  display:block;
}

.detail_wert{
 line-height:1.5em; 
 font-weight:normal;
}

.detail_wert_bold{
 line-height:1.5em; 
 font-weight:bold;
}

#liegeplatz{
  padding: 1em 1em 1.5em 1.5em;
  margin: 1em 0 1em 0;
}

#map{
width: 650px; height: 400px;
}

#liste {
padding: 3em 0 1.5em 0;
}

.td_liste_1{
background-color: #cccccc;
height:70px;
}

.td_liste_2{
height:70px;
}

.angebot_bild_liste {
  border:0;
  height:60px;
  margin: 0 1em 0 1em;
}

/* Die Überschrift des Rechten Teils */
.HeadRechts{
font-weight:normal;
font-size:14px;
padding:0.6em 0 0 1.5em;
color: #cccccc;

}

/* Der Inhalt des rechten Teils */
.InhaltRechts {
padding: 40px 10px 15px 10px;
}



#footer_r{
background:url(../progpic/footer_r.png) right no-repeat;
height:31px;
margin: 10px 207px 10px 207px;

}   

#footer_l{
background:url(../progpic/footer_l.png) left no-repeat;
height:31px;
color:#cccccc;
text-align:center;
}

#InhaltFooter{
padding: 8px 0 0 0;
}




.meldungstext {
  color:green;
  font-weight:bold;
  margin: 1em 0 1em 0;
  padding:1em;
  border:1px dotted green;
}

.fehlermeldung {
  color:red;
  font-weight:bold;
  margin: 1em 0 1em 0;
  padding:1em;
  border:1px dotted red;
}
  

form {
  /*background: #d5eeff;*/
  
  margin:0;
  padding-bottom: 15px;
  
}

.form_eingabefeld_error { /* Alle Labels UND Formularelemente auswählen */
  
  margin-top: 0.5em;
  border:2px red solid;
  /*width: 450px;  /*Breite.*/
}

.form_eingabefeld { /* Alle Labels UND Formularelemente auswählen */
  
  
  margin-top: 0.5em;
  /*width: 450px;  /*Breite.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
  
}

label {
  display: block;
  float: left;
  margin-top: 0.5em;
  text-align: right; 
  padding-right: 2em; 
  width: 120px;
  font-weight:bold;
}

/* Die Auflistungstabellen im Userbereich */
.TableUserList{
  border:1px #004773 solid;
  border-collapse: collapse;
}

#player {
  float:right;
  margin: 0 0 1em 2em;
}



.angebot_bild {
  border:0;
  margin: 0 1em 0 0;
}
/* login privat */
.a3500_2{text-align:center; width:100%;}
.a3500_6{margin:1em 0 1em 0; font-weight:bold;}
.a3500_7{margin-bottom:2em;}


/* login firmenkunden */
#a5000Left{width:50%;text-align:center;}