/***********************************************\
* Filename: styleMain3.css                                              *
* MicroDiscovery Web Site Style Sheet                               *
* http://www.microdiscovery.de                                         *
* Rias Vorschlag Nr. 3                                                     *
\***********************************************/

/******
fontgroessen sind eingestellt in: body, #textarea, #clip, 
#navleft a.Main, #navleft a.Sub, #content #navmicro, #navstatic a, 


*******/


body {
 background-color: #d1dee9;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size:0.8em;
 color: #000;
 margin: 0 5% 0 2%;
}

#topspots {
 margin: 0 0 0 -20px;
 height: 30px;
 background-image: url(http://www.microdiscovery.de/img/banner-B3a.jpg);
 background-repeat: repeat-x;
}

#top {
 position: relative;
 height: 90px;
 margin-top: 0px;
 margin-bottom: 20px;
}

#top #logo {
 position: absolute;
 top: 0px;
 left: 0px;
}

#top #motto {
 position: absolute;
 bottom: 15px;
 right: 0px;
 text-align: right;
}

#top #line {
 position: absolute;
 bottom: 0px;
 left: 0px
}

#navleft {
 position: absolute;
 top: 150px;
 left: 10px;
 width: 160px;
}

#navleft a {
 text-decoration: none;
 padding: 2px;
 font-weight: bold;
 
 width: 90%;
}

#navleft a.current {
 display: block;
 color: #ffffff;
 font-weight: bold;
 font-size: 0.8em;
 margin-top: 5px;
 margin-left: 3px;
 background-color: #6c889e; 
}

#navleft a.Main {
 display: block;
 color: #6C889E;
 font-size: 1em;
 margin: 10px 0 5px 0;
}

#navleft a.Main:hover {
 color: #6c889e;
 background-color: #ffffff;
 margin: 10px 0 5px 0;
}

#navleft a.Sub {
 display: block;
 color: #000033;
 font-size: 0.8em;
 margin-top: 5px;
 margin-left: 3px;
}

#navleft a.Sub:hover {
 color: #6c889e;
 background-color: #ffffff;
}

#main {
 margin: 0 0 0 180px;
}

#main #navstatic {
 margin: 0 0 10px 0;
}

#navstatic a {
 font-weight: bold;
 font-size: 0.8em;
 color: #6C889E;
 text-decoration: none;
 border: 1px solid #6C889E;
 padding: 2px 5px;
 white-space: nowrap;
 margin: 3px 0 3px 0;
}

#navstatic a:hover {
 color: #000033;
 background-color: #ffffff;
}

#main #content {
 padding: 10px 10px 10px 10px;
 background-color: #ffffff;
}

#content #navmicro {
 font-weight: bold;
 font-size:0.8em;
 background-color: #d1dee9;
 border-left: 4px solid darkorange;
 border-bottom: 1px solid darkorange;
 padding: 4px;
}

#content #clip {
 float: right;
 margin-top: 0;
 margin-right: 0;
 border-left: 1px solid darkorange;
 border-bottom: 1px solid darkorange;
 margin: 0 0 10px 10px;
 background-color: #d1dee9;
 padding: 20px 5px 5px 5px;
 color: #454545;
 width: 140pt;
}

#clip h3 {
 color: #6C889E;
 margin: 0;
 padding: 0;
 text-align: center;
 font-size:1em;
}

#clip a {
 font-weight: bold;
 font-size:0.8em;
 display: block;
 color: #000033;
 margin: 5px 0 5px 0;
 padding: 2px 0;
 text-align: center;
}

#clip a:hover {
 font-weight: bold;
 color: #6C889E;
 background-color: #ffffff;
 padding: 2px 0;
}

#content #textarea {
 padding: 10px 10px 10px 10px;
 margin: 0;
 min-height: 200px;
}

#textarea h2 {
 margin: 0;
 font-weight: bold;
 font-size:1em;
}

#textarea .smallheading {
 font-weight: bold;
 margin-bottom: 4px;
}

#footer {
 text-align: center;
 padding: 10px 0 0 0;
}

li {
 margin-bottom: 4px;
}