/************************************************************/
/* Allgemeines festlegen (Schriften, Abst�nde usw. )        */
/************************************************************/
h1, h2, h3, h4, h5, p, td, ul, ol, blockquote, input, textarea, select, span { font-family: Calibri, Arial, Helvetica, Sans-Serif; color: #000000; }

a {  color: #000000; text-decoration: underline; }
a img, img{border:none;}
a:hover {  color: #000000;   text-decoration: underline; }

form { margin: 0px 0px 0px 0px;}
p, pre { margin: 0; line-height: 1.4em;}
p, td, ul, ol { font-size: 13px; }

#content p.bodytext {
  margin: 0 0 15px 0;    
}

/************************************************************/
/* Formatierungen  Seite               */
/************************************************************/
body {
  margin: 0;
  padding: 0;
    text-align: center;
    min-width: 860px;  
  font-family: Calibri, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #000000;
    background-color: #FFFFFF;
  
}

html, body { 
  width: auto;
}

/************************************************************/
/* Formatierungen  Layer                                     */
/************************************************************/

#format {
/*  position: relative; */
  top: 0;
  right: 0;  
  width: 860px;
  margin: auto;
  text-align: left;
  vertical-align: middle;
}

#main {
  width: 100%;
  margin: 0;
  text-align: left;
}

#header {
  margin: 0 0 0 0;  
}

#logo {
  float: left;
  margin: 20px 0 0 25px;
}

#language {
  float: right;  
  text-align: left;
  margin: 0 30px 0 0;
}


#menu1-container {
  margin: 5px 0 0px 0;  

  width: 100%;
  height: 40px;

  background-image: url(../gfx/bg-menu1-container.gif);
  background-repeat: no-repeat;    
}

#menu1 {
  float: left;
  margin: 1px 0 0 25px;  
}

#search {
  float: right;
  text-align: left;  
  margin: 0 25px 0 0;
}

#menu2-container {
  width: 860px;
  height: 22px;
  line-height: 22px;
  margin: 25px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #BDBDBD;
}

#shortmenu {
  width: 100%;
  margin: 5px 0 0 0;  
  text-align: right;
}

#menu2-title {
  float: left;  
  width: 250px;
}

#menu2 {
  float: left;
  text-align: right;
  width: 490px;
}

#menu2-order {
  float: right;
  width: 120px;
  text-align: right;
}

#left-container {
  float: left;
  width: 190px;
  margin: 17px 0 0 0;

  min-height: 390px;
  height:auto !important;
  height: 390px;  
}

#content-container {
  width: 100%;
}

#menu3-top {
  width: 170px;
  height: 23px;
  
  background-image: url(../gfx/bg-menu3-top.gif);
  background-repeat: no-repeat;  
}

#menu3-top h3 {
  padding: 3px 0 0 11px;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}

#menu3 {
  width: 170px;
  
  background-image: url(../gfx/bg-menu3.gif);
  background-repeat: repeat-y;  
}

#menu3-bottom {
  width: 170px;
  height: 6px;
  
  background-image: url(../gfx/bg-menu3-bottom.gif);
  background-repeat: no-repeat;  
}


#left-content {
  float: left;
  width: 190px;
  margin: 17px 0 0 0;
}

#right-content {
  float: right;
  width: 190px;
  margin: 17px 0 0 0;
}

#menu-bottom {
  margin: 55px 0 0 0;
  padding: 0;
  width: 100%;
  text-align: center;  
}

#partner {
  width: 600px;
  margin: 15px 0 0 130px;
  text-align: center;  
}

#partner img {
  margin: 0 10px 0 0;
}

div.clear {
  clear: both;
  margin: 0;
  padding: 0;
  height: 1px;
  font-size: 1pt;
}

/************************************************************/
/* Formatierungen  Menus                                     */
/************************************************************/
#language ul {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;  
}

#language ul li {
  float: left;
  background-image: url(../gfx/bg-language-sep.gif);
  background-repeat: no-repeat;
  background-position: right;
}

#language ul li.last {
  float: left;
  background-image: none;
}

#menu1 ul {
  margin: 0;
  padding: 0;
  list-style: none;  
}

#menu1 ul li {
  float: left;
  background-image: url(../gfx/bg-menu1-sep.gif.);
  background-repeat: no-repeat;
  background-position: right;
  height: 34px;
}



.menu1space{
  height:10px;
}

.hgtable{
  background-image: url(../gfx/menu1/menu_bg.gif);
  background-repeat: repeat-y;
  background-position: 0px 0px;
   opacity: .90;
   filter: alpha(opacity=90);
   -moz-opacity: .90;
   -khtml-opacity: 0.90;
  
}

.round-bottom{
  opacity: .90;
   filter: alpha(opacity=90);
   -moz-opacity: .90;
   -khtml-opacity: 0.90;
}


#menu1 ul li.last {
  float: left;
  background-image: none;
  height: 34px;
}

#menu2 ul {
  margin: 0;
  padding: 0;
  list-style: none;  
  float: right;
}

*+html #menu2 ul{
  position:relative;
  bottom:-4px;
}

* html #menu2 ul{
  position:relative;
  bottom:-5px;
}

#menu2 ul li {
  float: left;
  margin: 0 20px 0 0;
  font-size: 13px;
}

#menu2 ul li a {
  text-decoration: none;
  color: #000000;
}

#menu2 ul li a:hover, #menu2 ul li a.current {
  text-decoration: none;
  color: #0C4372;
}

#menu3 ul {
  margin: 0;
  padding: 0;
  list-style: none;  
}

#menu3 ul li {
  margin: 0 10px 0 11px;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  border-bottom: 1px solid #D2D2D2;
}

#menu3 ul li.last {
  margin: 0 10px 0 11px;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  border: 0;
}

#menu3 ul li a {
  display: block;
  text-decoration: none;

  background-image: url(../gfx/bg-menu3-no.gif);
  background-repeat: no-repeat;
  background-position: right;
}

#menu3 ul li a:hover, #menu3 ul li a.current {
  display: block;
  text-decoration: none;

  background-image: url(../gfx/bg-menu3-act.gif);
  background-repeat: no-repeat;
  background-position: right;
}

#menu-bottom ul {
  margin: 0;
  padding: 0;
  list-style: none;  
}

#menu-bottom ul li {
  display: inline;
  background-image: url(../gfx/bg-menu-bottom-sep.gif);
  background-repeat: no-repeat;
  background-position: right;
}

#menu-bottom ul li.last {
  display: inline;
  background-image: none;
}

#shortmenu ul {
  margin: 0;
  padding: 0;
}

/************************************************************/
/* Formatierungen  �berschriften                       */
/************************************************************/
h1.csc-firstheader, h2.csc-firstheader, h3.csc-firstheader, h4.csc-firstheader, h5.csc-firstheader, h6.csc-firstheader { margin-top: 0px; }

h1 {                                        
  font-family: Calibri, Arial, Verdana, Helvetica, Sans-Serif;
  color: #000000;
  font-size: 140%;
  font-weight: bold;
  line-height: normal;
  margin: 0;
  padding: 0;
}

h2 {
  font-family: Calibri, Arial, Verdana, Helvetica, Sans-Serif;
  color: #000000;
  font-size: 17px;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 10px 0;
  padding: 0;
}

h3 {                                        
  font-family: Calibri, Arial, Verdana, Helvetica, Sans-Serif;
  color: #000000;
  font-size: 100%;
  font-weight: bold;
  line-height: normal;
  margin: 0;
  padding: 0;
}

.csc-header-n1 h1 {  
  font-family: Calibri, Arial, Verdana, Helvetica, Sans-Serif;
  color: #000000;
  font-size: 140%;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 20px 0;
  padding: 0;
}


/************************************************************/
/* Suchbox                                                  */
/************************************************************/
input.searchbox {
  border: 0;  
  width: 112px;
  height: 14px;
  margin: 9px 0 0 0;
  padding: 2px 0 0 18px;

  font-family: Calibri, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  
  background-image: url(../gfx/bg-searchbox.gif);
  background-repeat: no-repeat;      
}

.menu2-act,
#menu2 ul li:hover{
  background-image:url(../gfx/menu2-arrow.gif);
  background-repeat:no-repeat;
  background-position: center bottom;
  height: 22px;
}


* html .menu2-act{
  height:20px;
  margin-top:8px;
}
 
*+html .menu2-act{
    height:20px;
  margin-top:8px;
}
 
 /* Rahmen um RTE-Bilder */
.rte_image{
  border: 1px solid #4F8AB9;
} 

/* Tip a Friend */ 
#tx_tipafriend_name,
#tx_tipafriend_email,
#tx_tipafriend_recipient,
#tx_tipafriend_message,
#tx_tipafriend_pi1_captcha_response{
  width:280px;
  border:1px solid #7F9DB9;
}

.tx_tipafriend_formfield label{
  display:block;
  width:110px;
  float:left;
}

/************************************************************/
/* Topright                                                 */
/************************************************************/
#topright {
    float: right;
}

#topright-menu {
    height: 35px;
}

#topright-teaser {
    margin: 5px 0 0 0;
}

#topright h1,
#topright h2 {
    text-align: right;
}

#topright-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#topright-menu li {
    float: left;
}

#topright-menu li.seperator {
    background-image: url(../gfx/topright/topright-bg-list.gif);
    background-repeat: no-repeat;
    width: 2px;
    height: 25px;
}

#topright-menu li.home {
    background-image: url(../gfx/topright/topright-bg-home.gif);
    background-repeat: no-repeat;
    width: 59px;
    height: 25px;
}

#topright-menu li.language {
    background-image: url(../gfx/topright/topright-bg-language.gif);
    background-repeat: no-repeat;
    height: 25px;
}

#topright-menu li a {
    display: block;
    color: #989898;
    text-decoration: none;
}


#topright-menu li.home a,
#topright-menu li.language {
    display: block;
    line-height: 25px;
}

#topright-menu li.home a {
    background-image: url(../gfx/topright/topright-home-icon.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
}

#topright-menu li.language a {
    background-image: url(../gfx/topright/topright-language-icon.gif);
    background-repeat: no-repeat;
    background-position: 5px 0;
    padding: 0 0 0 25px;
}

#topright-menu li a.hosting {
    background-image: url(../gfx/topright/topright-bg-hosting.gif);
    background-repeat: repeat-x;
    text-align: center;
    width: 80px;
    line-height: 25px;
}

#topright-menu li a.service {
    background-image: url(../gfx/topright/topright-bg-itprojekte.gif);
    background-repeat: repeat-x;
    text-align: center;
    width: 80px;
    line-height: 25px;
}

#topright-menu li a.consulting {
    background-image: url(../gfx/topright/topright-bg-beratung.gif);
    background-repeat: repeat-x;
    text-align: center;
    width: 80px;
    line-height: 25px;
}

#topright-menu li a.hosting-active {
    font-weight: bold;
    color: #0C5580;
}

#topright-menu li a.service-active {
    font-weight: bold;
    color: #45AD10;
}

#topright-menu li a.consulting-active {
    font-weight: bold;
    color: #F1941B;
}

#topright-menu li.active {
    background-image: url(../gfx/topright/topright-bg-active.gif);
    background-repeat: repeat-x;
}

#topright-menu li.language:hover ul {
    display: block;
}

ul#langmenu {
    list-style: none;
    background-color: #F4F4F4;
    position: absolute;
    display: none;
}

ul#langmenu li {
    clear: both;
    height: 18px;
    width: 70px;
}

ul#langmenu li a.german {
    background-image: url(../gfx/topright/topright-flag-de.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    line-height: 18px;
}

ul#langmenu li a.danish {
    background-image: url(../gfx/topright/topright-flag-dk.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    line-height: 18px;
}

ul#langmenu li a.english {
    background-image: url(../gfx/topright/topright-flag-en.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    line-height: 18px;
}

/*ONLINE BACKUP DK*/
fieldset.price-calc {
  margin: 10px 0;
  padding: 10px 10px 30px 10px;
  border: none;
  /*border: 1px solid #ccc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #f5f5f5;*/
  background-image: url(../gfx/ob_dk_bg.gif);
  background-repeat: no-repeat;
}
fieldset.price-calc legend {
  display: none;
}
fieldset.price-calc td {
  padding: 2px;
}
fieldset.price-calc input {
  border: 1px inset #ddd;
  font-weight: bold;
}
fieldset.price-calc label {
  cursor: pointer;
}
fieldset.price-calc .title {
  font-size: 17px;
  font-weight: bold;
}
fieldset.price-calc .distance {
  width: 10px;
}
fieldset.price-calc .border-right {
  border-right: 1px solid #ccc;
}
fieldset.price-calc span {
  font-weight: bold;
}
fieldset.price-calc span.note {
  font-weight: normal;
  font-style: italic;
}

fieldset.price-calc input.btnOrder {
  border: 0;
}
fieldset.price-calc input#calcPrepaid {
  border: 0;  
}



.reference-details {
  font-size: 11px;
  color: #777;
}