body { 
    padding: 0;
    margin: 0;
    border: 0;
    font: 1.4em Verdana, sans-serif,  Arial, helvetica ;
    line-height: normal;
    color: #666666;
    background-color: #FFF;
    
}

html { 
    
}



/*  ===allgemeines===  */





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


a:link  { 
    color: #3a93ed;
    text-decoration: none; 

}

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

a:hover { 
    color: #3a93ed;
    text-decoration: none; 
}

a:active    { 
    color: #3a93ed;
    text-decoration: none; 
    font-weight: bold;
}

.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;
}


.cyan { color: #58bbe7; }
.monitor { color: #1972ce; }
.server { color: #3a93ed; }
.sec { color: #43c8eb; }
.pink { color: #ef7aaf; }

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

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

.dont_panic_nav { color: black; }
.dont_panic_nav a:link, a:visited { color: grey; }


.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;
}

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

.slido {
 cursor: pointer;
 
}



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

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





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

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





/* ==== 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: 620px;
}



table th, table td {
    position: relative;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    word-wrap: break-all;
    padding: 4px 4px 4px 4px !important;
    padding: 4px 4px 4px 4px;
}


/*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: #666;
}

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

#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; 
}