html, body  { font-family: Verdana, Arial, Helvetica, Geneva; font-size: 8pt; background-color: #e3e3e3; margin: 0; padding: 0; height: 100%; }
/*#pageborder { text-align: center }*/
#pageborder  {background: url(../images/bgleft1.gif) repeat-y 16px 0; background-color: white; margin-right: auto; margin-left: 0px; border-right: 1px solid #a5a2a5; border-left: 1px solid #a5a2a5; width: 980px; height: 100%}
#generaltable {background: url(../images/bgleft1.gif) repeat-y 16px 0; background-color: white; width: 980px; margin: 0px auto; padding: 0px; border: 0px}
#header { width: auto; height: 88px }
#hea1 { text-align: center; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
#hea1 img {border: 0px 0px 0px 0px}
/*#hea2 { color: lime; background: url(../images/head22.gif) no-repeat; float: 
; position: relative; width: 299px; height: 100% }
*/

h1   { color: white; font-weight: bold; font-size: 12px; padding: 0px 0px 2px 0px; margin-top: 2px; margin-bottom: 12px; padding-left:19px; background: url(../images/4eck_headline.gif) no-repeat 3px 3px; background-color: #d62727; }
#googletop1  { background: url(../images/bgg1.gif) #ceffff repeat-x 0px 84px; padding-top: 7px;padding-left: 1px; padding-bottom: 0px; width: auto; height: 90px; overflow: hidden }
.gooban2 { margin-top: 40px; margin-bottom: 15px; margin-left: 16px  }
#content  { width: 100%; padding-bottom: 15px; height: auto; margin: auto; }
#leftcol { text-align: left; float: left; padding-top: 0px; position: relative; width: 159px; height: 100% ; }
#midcol  { text-align: left; float: left; padding-top: 0px padding-right: 4px; padding-left: 8px; position: relative; width: 420px; height: 100% }
#mid2col  { text-align: left; float: left; padding-top: 0px padding-right: 4px; padding-left: 8px; position: relative; width: 600px; height: 100% }
#rightcol  { text-align: left; float: left; padding-top: 0px padding-right: 4px; padding-left: 8px; position: relative; height: 100% }
#menu1 { width: 100%; cursor: default  }
.menu1item { color: white; font-weight: bold; font-size: 11px; background: url(../images/bgmenu1red.gif) no-repeat 0px 0px; text-align: left; margin-top: 2px; padding-left: 22px; height: 15px; overflow: hidden }
.menu1item a { color: white; text-decoration: none;}
.menu1item.sel { background-position: 0px -29px }

.menu1itemsub { font-family: Tahoma; color: #222; font-size: 10px; font-weight: bold; background: url(../images/bgmenu2red.gif) no-repeat 0px 0px; text-align: left; margin-top: 2px;  padding-top: 1px; padding-left: 22px; height: 14px; overflow: hidden }
.menu1itemsub.sel2 { background-position: 0px -29px }
.menu1itemsub a { color: #777; text-decoration: none;}

.menu2item { color: white; font-weight: bold; font-size: 11px; background: url(../images/bgmenu1.gif) no-repeat 0px 0px; text-align: left; margin-top: 2px; padding-left: 22px; height: 15px; overflow: hidden }
.menu2item a { color: white; text-decoration: none;}
.menu2item.sel { background-position: 0px -30px }

.menu2itemsub { color: #cd2f14; font-size: 9px; font-weight: bold; background: url(../images/bgmenu2.gif) no-repeat 0px 0px; text-align: left; margin-top: 2px;  padding-top: 1px; padding-left: 22px; height: 15px; overflow: hidden }
.menu2itemsub.sel2 { background-position: 0px -29px }
.menu2itemsub a { color: #cd2f14; text-decoration: none;}

.menu3item { color: white; font-size: 11px; background: url(../images/bgmenu1job_red.gif) no-repeat 0px 0px; text-align: left; margin-top: 2px; padding-left: 22px; height: 28px; overflow: hidden }
.menu3item a { color: white; text-decoration: none;}
.menu3item.sel { background-position: 0px -28px }


.b15 { background-position: 0px -15px }

.clr { clear: both }
#midcol div.particle  { float: left; margin-top: 8px; margin-right: 15px; }
.particle h3 { color: #00507a; font-weight: bold; font-size: 8pt; font-family: Verdana, Arial, Helvetica; background: url(../images/h3_art.gif) no-repeat 0px 4px; margin: 0px; padding-left: 12px }
.particle h3 a { color: #00507a; text-decoration: none }
.particle h3 a:hover { text-decoration: underline }
.particle p { font-size: 8pt; font-family: Verdana, Arial, Helvetica; margin: 0px 0px 0px 12px }
.particle p a { color: #00507a; text-decoration: none }
.particle p a:hover { text-decoration: underline }

.dienstleistung  { font-size: 8pt; font-family: Verdana, Arial, Helvetica; background-color: #dddddd; margin: 2px 0px 6px 0px; border: solid 1px #cccccc; width: 418px}
.dienstleistung .text { color: #555; padding: 2px }

div.serviceoffice  { background: url(../images/420_service-office.jpg) no-repeat; width: 420px; height: 167px}
div.serviceoffice div.toptext  {font-size: 9pt; font-family: Verdana, Arial, Helvetica; color: #df2525; padding: 18px 0px 3px 159px }
div.serviceoffice div.text     { background: url(../images/4eck_red_small_service.gif) no-repeat 162px 6px; font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #555; padding: 0px 0px 0px 169px }
div.serviceoffice div.textohne { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #555; padding: 3px 0px 1px 160px }

div.servicegruendung  { background: url(../images/420_service-gruendung.jpg) no-repeat; width: 420px; height: 312px}
div.servicegruendung div.toptext  { font-size: 9pt; font-family: Verdana, Arial, Helvetica; color: #df2525; padding: 32px 80px 0px 5px }
div.servicegruendung div.text     { background: url(../images/4eck_red_small_service.gif) no-repeat 8px 6px; font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #555; padding: 0px 80px 0px 15px }
div.servicegruendung div.textohne { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #555; padding: 3px 80px 1px 6px }

div.servicerent  { background: url(../images/420_service-rent.jpg) no-repeat; width: 420px; height: 156px}
div.servicerent div.toptext  { font-size: 9pt; font-family: Verdana, Arial, Helvetica; color: #df2525; padding: 16px 80px 0px 5px }
div.servicerent div.text     { background: url(../images/4eck_red_small_service.gif) no-repeat 8px 6px; font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #555; padding: 0px 80px 0px 15px }
div.servicerent div.textohne { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #555; padding: 3px 80px 1px 6px }

div.servicepersonal  { background: url(../images/420_service-personal.jpg) no-repeat; width: 420px; height: 235px}
div.servicepersonal div.toptext  { font-size: 9pt; font-family: Verdana, Arial, Helvetica; color: #df2525; padding: 13px 0px 0px 125px }
div.servicepersonal div.text     { background: url(../images/4eck_red_small_service.gif) no-repeat 125px 6px; font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #555; padding: 0px 0px 0px 132px }
div.servicepersonal div.textohne { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #555; padding: 5px 0px 1px 125px }

.verbung  { font-size: 11px; font-family: Arial, Verdana, Helvetica; background-color: #EDEDED; margin: 1px 0px 10px 0px; border: solid 1px #EDEDED; width: 375px }
.verbungimg { margin-top: 0px }
.verbung .nazov { color: #cd2f14; font-weight: bold; padding: 0px 1px 2px 15px; background: url(../images/4eck_red_small01.gif) no-repeat 3px 3px; border-bottom: solid 1px #999; background-color: #dedede}
.verbung .text { color: #666; padding: 0px 0px 0px 0px}
.verbung .text a { color: #222; text-decoration: none }
.verbung .text a:hover { color: #cd2f14 }
.verbung .text img.left { float: left; margin: 0px 5px 0px 0px; }


.white { color: white; font-size: 1px; MARGIN-TOP: 10pt }

.kundenheadline   { color: white; font-weight: bold; font-size: 11px; padding: 1px 0px 2px 0px; margin-top: 4px; margin-bottom: 12px; padding-left:19px; background: url(../images/4eck_kundenheadline.gif) no-repeat 3px 3px; background-color: #829998; }

/*.vorspann  { color: #345789; font-weight: bold; font-size: 12px; line-height: 16px; margin-top: 5px; padding-bottom: 3px; border-bottom: 1px solid #ffffff }*/
/*h2  { color: black; font-weight: bold; font-size: 12px; line-height: 16px; margin-top: 5px; margin-bottom: 4px }*/
h2  { color: #df2525; font-weight: bold; font-size: 13px; line-height: 16px; margin-top: 5px; margin-bottom: 4px }

div.gruendungnadpis { background: url(../images/4eck_red_large_gruendung.gif) no-repeat 0px 9px; font-size: 9pt; font-family: Verdana, Arial, Helvetica; color: #df2525; padding: 5px 0px 1px 10px }
div.gruendungtext { background: url(../images/4eck_red_small_gruendung.gif) no-repeat 1px 5px; font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #555; padding: 0px 0px 0px 10px }
div.gruendungtextohne { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #555; padding: 0px 0px 0px 10px }

.full  { color: #444; font-size: 8pt; padding-bottom: 5px }
.full p { margin: 2px 0px 5px 0px }
.full h4 { color: #CC0000; font-weight: bold; font-size: 12px; margin: 1px 0px 4px 0px }
.full h4 a { color: #CC0000; font-weight: bold; font-size: 12px; margin: 1px 0px 1px 0px }
.full h5 { color: #777; font-weight: normal; font-size: 10pt; margin: 1px 0px 4px 0px }
.full h6 { color: #333; font-weight: normal; font-size: 10pt; margin: 1px 0px 4px 0px }
.full a  { color: #00507a; text-decoration: none }
.full a:hover { text-decoration: underline }
.full100  { color: #666; font-weight: bold; font-size: 8pt; padding-bottom: 5px }
.full200  { color: #cd2f14; font-weight: bold; font-size: 8pt; padding-bottom: 5px }
.formul { font-size: 8pt; font-family: Verdana, Arial, Helvetica, Geneva }
.formul table { background-color: #ededed; text-align: left; border: solid 1px black }
.formul TH { font-weight: bold; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Geneva; text-align: right; padding-left: 10px }
.formul TD { color: black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Geneva; text-align: left; padding-right: 25px }
.formul input { font-size: 8pt; font-family: Verdana, Arial, Helvetica, Geneva }
.formul select { font-size: 8pt; font-family: Verdana, Arial, Helvetica, Geneva }
.formul textarea { font-size: 8pt; font-family: Verdana, Arial, Helvetica, Geneva }
.blue12bold  { color: #345789; font-weight: bold; font-size: 12px; line-height: 16px; margin-bottom: 12px;}
#tabl01 { font-size: 8pt; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; }
#tabl01 table { padding-top: 2px; padding-bottom: 0px; padding-left: 0px; border: 0px;}
#tabl01 td.r { text-align: right; }
#tabl01 td.rr { text-align: right; padding-right: 30px; border-bottom: solid 1px; border-color: #E7E7E7; }
#tabl01 td.rrr { text-align: right; padding-right: 0px; border-bottom: solid 1px; border-color: #E7E7E7;  height: 18px }
#tabl01 td.bottomline { border-bottom: solid 1px; border-color: #E7E7E7 }
#tabl01 tr.boldtop { padding-bottom: 4px; font-weight: bold; }
#tabl01 span.pict { padding-left: 5px; padding-top: 2px; }
#tabl01 span.butt { color: #FFFFFF; }
#tabl01 tr { font-size: 8pt; margin-top: 15px; padding-bottom: -3px; }
#tabl01 td.blue {font-weight: bold; font-color: #FFFFFF; font-size: 8pt; text-align: center; background-color: #006699; border-style: solid; border-width: 1px; border-color: #9cbcd7 #333366 #333366 #9cbcd7 }
#tabl01 td.bordered { border: solid 1px #808080; padding-top: -2px; }
.pz_tn1{width: 94px; height: 160px; padding:1px 3px 0px 1px; margin: 10px 5px 0px 0px; float: left;  background: url(../images/pz_bcg_tn.gif) no-repeat;}
.pz_tn1 div.chb {margin-top:5px; font-weight: normal; font-size: 8pt; font-family: Verdana,}


div.rrechner{width: 174px; height: 84px;border: 1px solid #336699; background-color: #a1bdd3 ;margin-top: 4px}
div.rrechner div.nazov { font-size: 11px; color: white; font-weight: bold; padding: 1px 0px 2px; background: #369 url(../images/bgrechner1.gif) no-repeat}
div.rrechner div.text {font-size: 11px; color: #545454}
div.rrechner div.text input {font-size: 9pt;padding: 0px; margin-left: 22px; width: 88px;height: 15px; border: 1px solid grey}

/*.artpreview {width:100%;margin:0px 0px}
.artpreview table {width: 100%}*/

.artpreview table td {vertical-align: top;}
.artpreview table td.apc1 {width: 100px; padding:4px 0px 0px 0px }
.artpreview table td.apc1 img {border: 0px}

.artpreview table td.apc2 {padding: 2px 0px 0px 6px;}
.artpreview p  { color: #444; margin: 2px 0px 0px 0px;}
.artpreview h3 { font-family: arial; color: #4f4f0d; font-weight: bold; font-size: 11pt; margin: 0px 0px 0px 0px;}
.artpreview h3 a  { color: #cd2f14; text-decoration: none }
.artpreview h4 { color: #555; font-weight: bold; font-size: 8pt; margin: 0px 0px 0px 0px;}
.artpreview h4 a  { color: #555; text-decoration: none }

.xxx {font-size: 10px; font-family: Tahoma; background-color: #d5d5d5}

.svk { color: #4f4f0d; font-weight: bold; font-size: 8pt; font-family: Verdana, Arial, Helvetica; margin: 0px; padding-left: 4px }
.svk a { color: #4f4f0d; text-decoration: none }
.svk a:hover { text-decoration: underline }
.svk img {margin-bottom: 0px; padding-top: 2px }


.anmerkung  { color: #777777; font-size: 9px; font-family: verdana; padding-top: 5px; padding-left: 0px; border-top: 1px solid #ffffff }
.anmerkungeuro  { color: #777777; font-size: 9px; font-family: verdana; text-indent: -10px; padding-top: 5px; padding-left: 10px; border-top: 1px solid #e6e6e6 }
.quelle  { text-align: right; color: #777777; font-size: 9px; font-family: verdana; padding-bottom: 10px; padding-right: 0px }
.datpreview  { color: #888; font-size: 9px; font-family: verdana; padding:2px 0px 0px 0px }
.datpreview a  { color: #888; text-decoration: none }
.datpreview a:hover  { text-decoration: underline }



#spezialthemen{
  width: 100%;
}
    #spezialthemen h6{
      position: relative;
      display: block;
      width: 377px;
      height: 22px;
      background: url(../images/SpezialThemenHeadline.gif) 0 0 repeat-x;
      z-index: 101;
    }
    
    #spezialthemen h6 span{
      visibility: hidden;
      margin: 0px;
      padding: 0px;
      font-size: xx-small;
    }
    #spezialthemen table{
      position: relative;
      top: -10px;
      width: 100%;
    }
    #spezialthemen table tbody tr td{
      width: 50%;
      background: url(../images/spezialthemen_punkt.gif) 8px 5px no-repeat;
    }
    #spezialthemen table tbody tr td a{
      margin-left: 5px;
      padding-left: 14px;
      color: #ad7b30;
      font-weight: bold;
      text-decoration: none;
    }
    #spezialthemen table tbody tr td a:hover{
      text-decoration: underline;
    }


.artpreview_bussinesinfo{
  position: relative;
  top: 0px;
  padding: 0px;
  margin: 0px 0px 13px 0px;
  font-size: 8pt;
  color: #4c4c4c;
}

    .artpreview_bussinesinfo h4{
      position: relative;
      top: 0px;
      padding: 0px;
      margin: 5px 0px 2px 0px;
    }
    
    .artpreview_bussinesinfo h4 a{
      position: relative;
      top: 0px;
      padding: 0px;
      margin: 0px;
      font-family: arial;
      font-size: 11pt;
      text-decoration: none;
      color: #5f2d2d;  
    }
    .artpreview_bussinesinfo h4 a:hover{
      text-decoration: underline;
    }

    .artpreview_bussinesinfo div{
      
      position: relative;
      top: 0px;
    }
    
/*    .artpreview_bussinesinfo div p{
      margin-top: 0px;
      margin-bottom: 2px;
      font-size: 10pt;
    }
    */
    .artpreview_bussinesinfo div h6{
      margin-top: 0px;
      margin-bottom: 2px;
      font-size: 10pt;
      font-weight: normal;
    }





    
    /*
    .artpreview_bussinesinfo div img{  ########### toto mu vadi 
      margin-top: 3px;
      margin-right: 5px;
    }
    */

.strankovanie{
  margin-top: 20px;
  text-align: center;
}
.strankovanie table{
  margin: auto;
}
.strankovanie a{
  text-decoration: none;
}
.strankovanie a:hover{
  text-decoration: underline;
}
.strankovanie .selected{
  font-weight: bold;
}

.podmaz {
  position: relative;
  width: 100%;
  margin: 20px 0 5px 0;
}
.podmaz a{ 
  text-decoration: none;
}
.podmaz span{
  position: absolute;
  right: 0px;
}

/* ************************************************************************** */
/* ************* na tinyMce ************************************************* */

.picLeft{
  float: left;
  vertical-align: middle;
  margin-right: 7px;
  margin-top: 2px;
  border: 0px;
}
  
.picRight{
  float: right;
  vertical-align: middle;
  margin-left: 7px;
  margin-top: 2px;
  border: 0px;
}

/* ************************************************************************** */
/* ************************************************************************** */
.card-left, .card-right{
    background: #383838;
    width: 200px;
    margin-top: 2px;
    color: red;
    
  }
  .card-left p, .card-right p{
    position: relative;
    text-align: center;
    width: 200px;
  }

/* ************ */
  .card-left{
    position: relative;
    float: left;
    margin-right: 7px;
  }
    .card-left p{
      padding: 0px;
      margin: 0px;
  }
    .card-left span{
      display: block;
      padding: 5px;
      
  }
    
/* *********** */    
  .card-right{
    position: relative;
    float: right;
    margin-left: 7px;
  }
    .card-right p{
      padding: 0px;
      margin: 0px;
  }
    .card-right span{
      display: block;
      padding: 5px;
  }