/*--------------------------------------------------------------

  Cascading Style Sheets for: isp.rasterpunkt.com

  Structural layout elements

  Version: $Id$

---------------------------------------------------------------*/


/*------------------- base layout elements --------------------*/

body { 
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size: 95%;
   line-height: 120%;
   background: #eaeaea url("../images/bg_body.jpg") repeat-x;
}

#all {
   width: 720px;
   position: absolute;
   left: 50%;
   margin: 10px 0 1em -360px;
   background: transparent;
}
     
     
#canvas { 
   width: 100%;
   text-align: left;
   background: #ffffff;
   position: relative; 
}

/*--------------------- header elements -----------------------*/

#header { 
   height: 150px;
   background: url("../images/header.gif") right no-repeat scroll; 
}

#logo { 
   background: transparent; 
   position: absolute; top: 60px; left: 20px;
}

/*--------------------- horizontal menu -----------------------*/

#hmenu {
   padding: 0 0 0 0;
   margin-top: 2px;
   margin-bottom: 20px;
   clear: both;
   font-size: 95%;
/*   font-weight: bold; */
   background: #dcdcdc url("../images/hmenu_bg.gif") top repeat-x scroll;
}

.hmenu-no, .hmenu-act { 
   float: left;
   background: #708090;
}

.hmenu-no a, .hmenu-no a:link, .hmenu-no a:visited { 
   float: left; 
   display: block; 
   padding: 5px 10px; 
   border-top: 2px solid #999;
   border-right: 1px solid #fff; 
   background: #dcdcdc;
   color: #000000; 
   text-align: center; 
   overflow:hidden; 
   text-decoration: none;
}

.hmenu-no a:hover { 
   color: #ffffff;
   background: #c0c0c0;
}

.hmenu-act a { 
   float: left; 
   display: block; 
   padding: 5px 10px; 
   border-top: 2px solid #e3757d;
   border-right: 1px solid #fff; 
   background: #c32733;
   text-align: center; 
   overflow:hidden; 
   text-decoration: none;
   color: #ffffff;
}


/*-------------------- content container ----------------------*/

#container { 
   background: 10.25em url("../images/dots.gif") repeat-y;
   margin-top: 20px;
   font-size: 85%;
}

#left { 
   float: left;
   width: 9em;
   padding-left: 10px;
}

#right { 
   margin-left: 10.5em;
   padding-right: 10px; 
   padding-left: 10px;
   position: relative;
}

.columnfix { 
   clear: both;
   height: 1px;
   font-size: 1px;
}

.spacer { 
   clear: both;
   height: 10px;
   font-size: 1px;
}   


/*---------- content container->left: vertical menu -----------*/

#vmenu { 
   margin: 0 0 15px 0;
}

.vmenu-l1-no { 
   padding: 0 0 0 0;
}
.vmenu-l1-no a, .vmenu-l1-no a:link, .vmenu-l1-no a:visited { 
   display: block; 
   padding: 2px 0; 
   text-decoration: none; 
   color: #000000; 
}

.vmenu-l1-no a:hover { 
   color: #ffffff; 
   background: #c32733;
}

.vmenu-l1-act { 
   padding: 0 0 0 0;
}

.vmenu-l1-act a { 
   display: block; 
   padding: 2px 0; 
   font-weight: bold; 
   text-decoration: underline; 
   color: #000000; 
}

.vmenu-l1-act a:hover { 
   color: #ffffff; 
   font-weight: bold; 
   text-decoration: underline; 
   background: #c32733; 
}

.vmenu-l2-no { 
   padding: 0 0 0 0;
}

.vmenu-l2-no a, .vmenu-l2-no a:link, .vmenu-l2-no a:visited { 
   display: block; 
   padding: 2px 0 0 1em; 
   text-decoration: none; 
   color: #000000; 
}

.vmenu-l2-no a:hover { 
   color: #ffffff; 
   background: #c32733;
}

.vmenu-l2-act { 
   padding: 0 0 0 0;
}

.vmenu-l2-act a { 
   display: block; 
   padding: 2px 0 0 1em; 
   font-weight: bold; 
   text-decoration: underline; 
   color: #000000;
}

.vmenu-l2-act a:hover {
   color: #ffffff;
   padding: 2px 0 0 1em;
   text-decoration: underline;
   background: #c32733;
}


/*------------ content container->left: shortcuts -------------*/

#shortcuts { 
   margin: 0 0 15px 0;
}

.sc-no { 
   padding: 0 0 0 0;
}

.sc-no a, .sc-no a:link, .sc-no a:visited { 
   display: block; 
   padding: 2px 0; 
   text-decoration: none; 
   color: #000000;
}

.sc-no a:hover { 
   color: #ffffff;
   background: #c32733;
}

.sc-act { 
   padding: 0 0 0 0;
}

.sc-act a { 
   display: block; 
   padding: 2px 0; 
   text-decoration: underline; 
   font-weight: bold; 
   color: #000000;
}

.sc-act a:hover { 
   color: #ffffff;
   padding: 2px 0;
   text-decoration: underline;
   font-weight: bold;
   background: #c32733;
}


/*------------ content container->right: content --------------*/

/* used in "Über uns" -> "Kontaktdaten" to juxtapose the Map24 */
/* html-code for office and dataenter locations                */
.anfahrt-links {
	float: left;
   width: 360px;
}

.anfahrt-rechts {
	float: right;
}

/* used in "Über uns" -> "Kontaktdaten">"Ihr direkter Kontakt" */
/* to force a two-column-like layout                           */
.spalte-links {
	float: left;
   width: 48%;
}

.spalte-rechts {
   float: right;
}


/*--------------------- footer elements -----------------------*/

#footer { 
   clear: both;
   margin: 0 0 0 0;
   text-align: center;
   background: transparent;
}

#footer .b1 { 
   display: block;
   overflow: hidden;
   height: 2px;
   margin: 0 1px;
   background: #ffffff;
   font-size: 1px;
}

#footer .b2 { 
   display: block;
   overflow: hidden;
   height: 1px;
   margin: 0 2px;
   background: #ffffff;
   font-size: 1px;
}

#footer .b3 { 
   display: block;
   overflow: hidden;
   height: 1px;
   margin: 0 3px;
   background: #ffffff;
   font-size: 1px;
}

#footer .b4 {
   display: block;
   overflow: hidden;
   height: 1px;
   margin: 0 5px;
   background: #ffffff;
   font-size: 1px;
}

#footer p {
   padding: 0 0 0 0;
   font-size: 76%;
   color: #333333;
}

#footer a, #footer a:link, #footer a:visited {
   color: #333333;
}

#footer a:hover { 
   background: #fefefe;
   color: #333333;
}


/*------------------- sneak peek banderole --------------------*/

#banderole { 
   background: transparent url("../images/banderole.gif");
   width: 160px;
   height: 160px;
   position: fixed; 
   bottom: 0px; 
   right: 0px;
}