html, body { 
    padding: 0;
    margin: 0;
    border: 0;
    font: 1.05em "Verdana", Arial, Helvetica,  sans-serif;
    line-height: normal;
    color: #666666;
    
}

html { 
    background-color: #fff;
}



/*  ===allgemeines===  */





p {
    margin-bottom: 7px;
    margin-left: 10px;
    margin-top: 6px;
    padding: 0;
}


a:link  { 
    color: #ef7aaf;
    text-decoration: none; 
    
}

a:visited  { 
    color: #ef7aaf;
    text-decoration: none; 
    
}

a:hover { 
    color: #00adef;
    text-decoration: none; 
    
}

a:active    { 
    color: #00adef;
    text-decoration: none; 

}

.dotties {
    background: transparent url(pics/bg_dot.gif) repeat-x; 
    height: 2px; 
    font-size: 1px; 
    line-height: 15px; 
}

.doddies {
    background: transparent url(pics/bg_dod.gif) repeat-x; 
    height: 1px; 
    font-size: 1px; 
    line-height: 15px; 
}

div.newsdot {
    background: transparent url(pics/bg_newsdot.gif) repeat-x;
    height: 2px; 
    font-size: 2px; 
    line-height: 2px; 
}

.newscondot {
    background: transparent url(pics/bg_newshead.gif) repeat-x;
    height: 2px; 
    font-size: 2px; 
    line-height: 2x;
}

.notfall_frame {
    margin-left: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #00adef ; 
    background-color: white;
    #color: #757575;

}
.toolbox_frame {
    margin-left: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #00adef ; 
    background-color: #f1f1f1;
    color: #757575;

}

.toolbox_text   {
    padding: 8px; 

}

.toolbox_text  table tr td {
    

}

.toolbox_text a  {
    color: #1972ce;
    background-color: #f1f1f1;
    border: 0; 
    background: 0;


}

.toolbox_text a:active  {


}


.toolbox_head {
    padding: 5px; 
    background-color:#00adef ;
    font-size:1.2em;
    font-weight: bold; 
    color: white; 

}

.cyan { color: #58bbe7; }
.monitor { color: #1972ce; font-weight: bold; background-color: #C9D7DC; }
.centre {text-align: center;  }
.server { color: #3a93ed; }
.sec { color: #43c8eb; }
.pink { color: #ef7aaf; }

.newshead { color: #3a93ed; background-color: #C9D7DC; padding: 5px;  padding-left: 10px;}

.newsrdf {  font-size: 70%; font-weight: normal; }


.bgcyan { background-color: #58bbe7; color:#FFFFFF; }
.bgmonitor { background-color: #1972ce; color:#FFFFFF; }
.bgserver { background-color: #3a93ed; color:#FFFFFF; }
.bgsec { background-color: #43c8eb; color:#FFFFFF; }
.bgpink { background-color: #ef7aaf; color:#FFFFFF; }


.breadcrumb {
    font-weight: bold;
}
 

/*  ===ueberschriften===  */

h1 {
    display: none;
} 

h2 { 
    font: 1.3em "Verdana", Arial, Helvetica, sans-serif, bold;
    color: #666666;
}


/* ==== aufbau ==== */

#marebox { 
    position: relative;
    margin-top: 20px;
    margin-left: 20px;
    width: 913px;   
    height: auto;
    font-size: 0.6em;
    line-height: 15px;
    
}

#head { 
    width: 913px;
    height: 142px;
    text-align: left;
}

.maresystem { background: url(pics/mare-top-1.jpg) top no-repeat; }
.monitoring { background: url(pics/mare-top-2.jpg) top no-repeat; }
.security { background: url(pics/mare-top-3.jpg) top no-repeat; }
.servermanagement { background: url(pics/mare-top-4.jpg) top no-repeat; }
.aktuell { background: url(pics/mare-top-5.jpg) top no-repeat; }
.office { background: url(pics/mare-top-6.jpg) top no-repeat; }

#nav {
    position: absolute;
    left: 0;
    width: 261px;
}



#midcol {
    position: absolute; 
    left: 266px;
    
}


#newscol {
    position: absolute; 
    left: 726px;
    
}


#newscol table td a {
 color:#5abceb;
    }

#newscol table td a:link { 
    color: #5abceb;
}

#newscol  table td a:visited { 
    color: #5abceb;
}

#newscol table td a:hover  { 
    color: #5abceb;
}

#newscol table td a:active { 
    color: #5abceb;
}

#newscol li  a {
 color:#5abceb;
    }

#newscol li a:link { 
    color: #5abceb;
}

#newscol  li a:visited { 
    color: #5abceb;
}

#newscol li  a:hover  { 
    color: #5abceb;
}

#newscol li a:active { 
    color: #5abceb;
}




#marefoot {
    position: absolute;
    margin-top: -49px !important;
    margin-top: -49px;
    margin-left: 1px;
    width: 913px;
    z-index: 1;
    top: 144px;
}

.slido {
 cursor: pointer;
 
}



/* ==== inhalt ==== */


/* mm/2011-05-10 */

.mid {
    width: 454px;
    width: 454px !important;
    background-color: #f1f1f1;
}

.mid2 {
    width: 454px;
    width: 454px !important;
    background-color: white;
}

.news {
    width: 187px;
    width: 187px !important;
/*  background-color: #e8e8e8;  */
}

#marefoot.foot a {
    font-weight: normal;
}




/* old 

.mid {
    width: 454px;
    background-color: #f1f1f1;
}

.mid2 {
    width: 454px;
    background-color: white;
}

.news {
    width: 187px;
}


#marefoot.foot a { 
    font-weight: normal;
}

*/




.whitepapers  {
  background-color: #e8e8e8;  
     color:white;

}





/* ==== news ==== 

.news {
    width: 187px;
    background-color: #00adef;
    color: #FFFFFF;
}

#newscol a:link { 
    color: #000;
    text-decoration: none; 
    font-weight: bold;
}

#newscol a:visited  { 
    color: #000;
    text-decoration: none; 
    font-weight: bold;
}

#newscol a:hover    { 
    color: #fff;
    text-decoration: none; 
    font-weight: bold;
}

#newscol a:active   { 
    color: #fff;
    text-decoration: none; 
    font-weight: bold;
}

*/


/* ==== grafiken ==== */

.imgright { 
    right: 0;
    float: right;
    margin-bottom: 6px;
    margin-left: 10px;
    margin-top: 6px;
} 

.imgleft { 
    left: 0;
    float: left;
    margin-bottom: 6px;
    margin-right: 10px;
    margin-top: 6px;
} 

.refright { 
    right: 0;
    float: right;
    width: 40%;
    margin-bottom: 6px;
    margin-right: 10px;
    margin-top: 6px;
    border: 1px solid;
} 

.newsimg { 
    margin-bottom: 6px;
    margin-left: -10px;
    margin-top: 6px;
}


/* Tabellen (allgemein) */

table {
    position: relative;
    left: 8px !important;
    left: -3px;
    margin: 0 0 0 0;
    border-collapse: collapse;
    width: 98%;
}

table th, table td {
    position: relative;
    text-align: left;
    vertical-align: top;
    /*border-bottom: 1px solid #ccc;*/
    padding: 4px 4px 4px 4px !important;
    padding: 4px 4px 4px 4px;
    font-size: 0.7em; 
}

/*textarea {
    padding: 2px 4px;
    border: 1px solid #000;
    font-size: 11px;
    line-height: 14px;
}*/

.tdcyan01 { width: 75%; background-color: #58bbe7; color:#FFFFFF; }
.tdcyan02 { width: 25%; background-color: #58bbe7; color:#FFFFFF; }

.tdmon01 { width: 75%; background-color: #1972ce; color:#FFFFFF; }
.tdmon02 { width: 25%; background-color: #1972ce; color:#FFFFFF; }

.tdserv01 { width: 75%; background-color: #3a93ed; color:#FFFFFF; }
.tdserv02 { width: 25%; background-color: #3a93ed; color:#FFFFFF; }

.tdsec01 { width: 75%; background-color: #43c8eb; color:#FFFFFF; }
.tdsec02 { width: 25%; background-color: #43c8eb; color:#FFFFFF; }

.tdpink01 { width: 75%; background-color: #ef7aaf; color:#FFFFFF; }
.tdpink02 { width: 25%; background-color: #ef7aaf; color:#FFFFFF; }


/* ==== navi  ==== */

#nav ul {
    margin: 0 0 0 0 !important;
    margin: 2px 0 0 0;
    padding: 0 0 0 0 !important;
    padding: 0 0 0 0;   
    list-style: none;
    width: 261px;
}

/*#nav ul li {
    position: relative;
    }*/


#nav ul li a {
    display: block;
    height: 21px !important;
    height: 22px;
    padding: 8px 0 0 0 !important;
    padding: 5px 0 0 0;
    text-decoration: none;
    font-weight: normal;
    background: transparent url(pics/nav_bg.gif) bottom repeat-x; 
    }

#nav ul li a:link { 
    color: black;
}

#nav ul li a:visited { 
    color: black;
}

#nav ul li a:hover  { 
    color: #5abceb;
}

#nav ul li a:active { 
    color: #5abceb;
}


#nav ul li ul li a {
    display: block;
    height: 19px !important;
    height: 20px;
    padding: 4px 6px 0 0 !important;
    padding: 2px 6px 0 0;
    text-align: right;
    font-weight: normal;
}

#nav ul li ul li a:link, #nav ul li ul li a:visited { 
    /*color: darkblue;*/
    font-weight: normal;

}

#nav ul li ul li a:hover    { 
    color: #5abceb;

}

#nav ul li ul li a:active   { 
    color: #5abceb;
    text-decoration: none; 
}

#nav ul li.aktiv a { 
    font-weight: bold;
    color: #000;
    background: transparent url(pics/nav_bg02.gif) bottom repeat-x; 
}