/* CSS CHECKPOINT-BUSINESS.DE */

/* Wichtige Farben
business vordergrund = #0000CE
business hintergrund = #F8F8FF
web vordergrund = #00BF00
web hintergrund = #F5FFF5
shop vordergrund = #800080
shop hintergrund = #FFFAFF
computer vordergrund = FFCC66
computer hintergrund = FFFDF5
*/

html, body, div, span, a, td, form, img {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Verdana, sans-serif;
  background-image: url(/checkpoint/layout/bilder/bg.gif);
  background-repeat: repeat;
}


/* LAYOUT */
#cp_b {
  width: 750px;
  min-height: 550px;
  margin: 0px auto;
  text-align: left;
  border: 0px #000000 solid;
}

/* FARBEN */
.v_busi {
  border-color: #0000CE;
}
.bg_busi {
  background-color: #F8F8FF;
}

.v_web {
  border-color: #00BF00;
}
.bg_web {
  background-color: #F5FFF5;
}

.v_comi {
  border-color: #FFCC66;
}
.bg_comi {
  background-color: #FFFDF5;
}

.v_shop {
  border-color: #800080 ;
}
.bg_shop {
  background-color: #FFFAFF;
}

/* HEAD */
#head {
  width: 100%;
  height: 100px;
  border: 0px #FF0000 solid;
  background-image: url(/checkpoint/layout/bilder/logo.gif);
  background-repeat: no-repeat;
  background-position: right;
}

/* MAIN NAVIGATION */
#main_navi {
  border: 0px #00FFFF solid;
  position: relative;
  left: 5px;
  top: 44px;
  width:300px;
  height:35px;
}

td.main_navi {
  width: 75px;
  height: 30px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

td.busi {
  background-image: url(/checkpoint/layout/bilder/button/business.jpg);
  background-repeat: no-repeat;
}

td.web {
  background-image: url(/checkpoint/layout/bilder/button/web.jpg);
  background-repeat: no-repeat;
}

td.comi {
  background-image: url(/checkpoint/layout/bilder/button/computer.jpg);
  background-repeat: no-repeat;
}

td.shop {
  background-image: url(/checkpoint/layout/bilder/button/shop.jpg);
  background-repeat: no-repeat;
}

a.link_main_navi {
  display: block;
  width: 73px;
  height: 28px;
  text-decoration: none;
  padding-top: 8px;
}
a.link_main_navi:link {
  color: #4F4F4F;
}
a.link_main_navi:visited {
  color: #4F4F4F;
}
a.link_main_navi:hover {
  color: #9F9F9F;
}
a.link_main_navi:active {
  color: #4F4F4F;
}

/* SUB NAVI  */
#sub_navi {
  width: 100%;
  text-align: center;
  font: normal 14px Arial;
  padding-left: 10px;
}

a {
  text-decoration: none;
  color: #000000;
}
a:link {
  color: #000000;
}
a:visited {
  color: #000000;
}
a:hover {
  color: #000000;
  text-decoration: underline;
}
a:active {
  color: #000000;
}


/* CONTENT */

#content {
  border-width: 1px;
  border-style: solid;
  width: 100%;
  min-height: 468px;
}

/* BOXEN */
table.box_220 {
  width: 220px;
  height: 230px;
  border-width: 1px; border-style: solid;
}

table.box_300 {
  width: 300px;
  height: 230px;
  border-width: 1px; border-style: solid;
}

td.box {
  height: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #4F4F4F;
}

td.h_busi_220 {
  background-image: url(/checkpoint/layout/bilder/button/busi_220.jpg);
  background-repeat: no-repeat;
}
td.h_busi_300 {
  background-image: url(/checkpoint/layout/bilder/button/busi_300.jpg);
  background-repeat: no-repeat;
}

td.h_web_220 {
  background-image: url(/checkpoint/layout/bilder/button/web_220.jpg);
  background-repeat: no-repeat;
}
td.h_web_300 {
  background-image: url(/checkpoint/layout/bilder/button/web_300.jpg);
  background-repeat: no-repeat;
}

td.h_comi_220 {
  background-image: url(/checkpoint/layout/bilder/button/comi_220.jpg);
  background-repeat: no-repeat;
}
td.h_comi_300 {
  background-image: url(/checkpoint/layout/bilder/button/comi_300.jpg);
  background-repeat: no-repeat;
}

td.h_shop_220 {
  background-image: url(/checkpoint/layout/bilder/button/shop_220.jpg);
  background-repeat: no-repeat;
}
td.h_shop_300 {
  background-image: url(/checkpoint/layout/bilder/button/shop_300.jpg);
  background-repeat: no-repeat;
}

td.text_box {
  height: 185px;
  padding: 2px;
  font: normal 11px Verdana;
}

td.weiter {
  text-align: right;
  font: normal 10px Verdana;
}
/*
table.300 {
  width: 300px;
  height: 165px;
}
*/
/* STANDARD */
#ueber {
  width: 725px;
  height: 25px;
  margin: 5px;
}

td.ueber {
  font: bold 25px "Times New Roman";
  font-style: italic;
  color: #4F4F4F;
  padding-left: 100px;
}

td.busi_img {
  background-image: url(/checkpoint/layout/bilder/button/busi_725.jpg);
  background-repeat: no-repeat; 
  background-position: bottom;  
}
td.web_img {
  background-image: url(/checkpoint/layout/bilder/button/web_725.jpg);
  background-repeat: no-repeat; 
  background-position: bottom;  
}
td.comi_img {
  background-image: url(/checkpoint/layout/bilder/button/comi_725.jpg);
  background-repeat: no-repeat; 
  background-position: bottom;  
}
td.shop_img {
  background-image: url(/checkpoint/layout/bilder/button/shop_725.jpg);
  background-repeat: no-repeat; 
  background-position: bottom;  
}

#body {
  width: 100%;
  font: normal 13px Verdana, sans-serif;
}

td.seite {
  height: 373px;
  vertical-align: top;
  padding: 7px 55px 7px 55px;
  font: normal 13px Verdana, sans-serif;
}

td.fuss {
  text-align: right;
  padding: 3px 50px 3px 3px;
}

/* SHOP */

td.artikel_ueber {
  font-size: 16px;
  font-weight: bold;
}

td.korb {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

/* KALENDER */
.kalender {
 /* Grundformatierung des Kalenders */
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
}

.wtag {
 /* Ein normaler Wochentag */
 background-color: #F8F8FF;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
 line-height : 18px;
}

.we {
 /* Ein Tag des Wochenendes */
 background-color: #B4B2ED;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
 line-height : 18px;
}

.SELECTFELD {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 width: 90px;
}

.BUTTON{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 140px;
}

/* #KALENDER */

/* VBM FORM*/

div#block2 {
 display: none;
} 
div#block3 {
 display: none;
}
div#block4 {
 display: none;
}
div#block5 {
 display: none;
} 
div#block6 {
 display: none;
}   

/* #VBM FORM*/

/* FORMARTIERUNG*/

.h3 {
  font-size: 18px;
  font-weight: bold;
}
.h4 {
  font-size: 16px;
  font-weight: bold;
}
.h5 {
  font-size: 14px;
  font-weight: bold;
}
.h6 {
  font-size: 12px;
  font-weight: bold;
}

.ventana_10 {
  font-size: 10px;
}

.ventana_12 {
  font-size: 12px;
}

.ventana_11 {
  font-size: 11px;
}

.ventana_14 {
  font-size: 14px;
}

.ventana_16 {
  font-size: 16px;
}

.ventana_18 {
  font-size: 18px;
}