/* -- Allgemeines -- */
body {
 /*  */
 background: url(../img/bg.png) #f7f3f7 repeat-x; /*#808080  img/hintergrund/2.gif */
 color: #342E33;   /* color: #333#444;#008000 */
 margin: 0;
 padding: 1%; /* Ein wenig Abstand damit der Anschein eines Blattes auf der Wand immer erhalten bleibt */
 /*  min-width: 640px;Bei weniger als 640px Breite soll ein Scrollbalken erscheinen */
 font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
 font-family:arial, 'Trebuchet MS', verdana,sans-serif!important; /*font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;	*/ }

.context {
font-size:12px;
}



#skyscraper {
float:left;
 margin:0px 0px 5px 5px;
 padding-top:40px;
 border-right: 0px dashed #DEDFDE;}

#anbieter {
border: 1px solid rgb(170, 170, 170);
 background-color: #BCD7ED;
 /* background-color: rgb(207, 207, 207);   */
  width:280px;
    float:right;
     margin-top:-100px;}


/* Hauptinhaltsteil *url(img/sub-logo.gif) no-repeat 0 */
#main {
 background-color: #FFFFFF;
 padding: 10px 220px 10px 170px;
 line-height: 1.3em;
 	}

#main li {margin-top:0.5em; }

#main table {font-size:14px;}



#anbieter td {font-size:12px;}

#linksobenlinks {float:left; margin:60px 5px 5px 5px; }
/*
#toolbox {background-color:#DFDFDF; border: solid 1px #9F9F9F; padding-left:2.5em;}
*/
#toollist {
list-style-type:none;
border:solid 1px #336600;
 padding: 5px;
 margin:10px;
 text-align:left;
 color:#000000;
 font-weight:bold;
background-color:#e7d300;
/* #e7d300; background-color: #336600; #316500 #FFFF00*/ }

#toollist u {
	margin-left:0px;
    padding-left:0px;}

#toollist li a {
 color: #336600;
  /* Hcolor: #9C0000;ier ist das mit der Linkfarbe genau so */
 text-decoration: none;
 font-weight:normal;}

.toollistpoint {
font-size:0.9em;
 padding-top:0;}

.linkintext, .intextlink {
	text-decoration:none;
	color:#000000;
    cursor:text;}

a { color: blue;  text-decoration:underline;  } /* font-weight:bold; #0B4D8C;  */
a:hover {color: blue;  text-decoration:none;}
a:acitve {color:red;}
a:visited { color:purple; }


#subnav .intern a {color:#0000FF;}

.linkintext {text-decoration:none; color:#342E33;}




.skip { /* Da ein wichtiger Screenreader das display: none; auch fälschlicherweise für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
 position: absolute;
 margin-left: -10000px;}

sup {font-size:7px;}
.pic {border: 1px solid #DEDFDE;}
a img {border:0px;}

h1, h2, h3, h4, h5, h6 {font-family: Georgia, 'Times New Roman', Times, serif;}

h1 {
 font-size: 2em;
 color: #9C0000;   /*  #993300; */
 line-height: 1.1em;
 padding: 25px 0 5px 10px;
 margin-bottom: 5px;
 border-bottom: 0px solid #DEDFDE;
}
h2 { color: #000000;
    font-size:1.5em;
 	padding: 15px 0 15px 5px;
 	margin:0;
    border-bottom: 0px solid #DEDFDE;}

h3 {
	color: #000000;
 	font-size:1.3em;
    }

h4 {color: #000000;
 font-size:1.2em;	}

h5{ color: #000000;
 font-size:1.1em;	}

h6 { color: #000000;
font-size:1.1em;	}

#toolbox {background-color:#FFFFFF;
		 border: 1px solid #9F9F9F;
         padding:0em 1em;
         margin:0.5em;	}

.adsense, #adsense {padding:5px;
		text-align:center;
        align:center;
        margin-bottom:10px;}

.fleft { /* Sachen an denen der Text vorbeifließen soll. */
 float: left;
 margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen sonst kleben die Sachen so am Text. */
 padding: 1px;}

.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;}

.strich { border-bottom: 1px dashed #DEDFDE; padding-bottom:1em;}
.strichoben { border-top: 1px dashed #DEDFDE; padding-top:1em;}

/* -- Layoutspezifisches -- */
#container {
 font-size: 14px;
 width: 950px; /* max- Eine Begrenzung der Breite auf höchstens 900px um nicht zu lange Textbreiten zu erhalten welche dann schlecht zu lesen sind. Für den IE gibt es in ielte.css einen Workaround. */
 margin: auto; /* zentrieren der Seite */
 border: 1px solid #000000 ;
 background:white;} /*#DEDFDE  Eine kleine optische Abgrenzung. */
/*


 - Logo bzw. Kopf - */

#logo {
 background: url(../img/headerlogo-gross.jpg) 0 no-repeat #FFFFFF;
 height: 170px; /* Bildgröße = Kopfhöhe */
 padding: 0px 0px;
 overflow: hidden;
 margin: 0 5px;}



#menu, #menu2  { /*#008040;	 */
 background:#333 url(http://www.suma-tools.de/img/bg-table.gif) repeat-x;
 padding: 5px 3%;
 margin: 0;
 border-top: solid 1px black;
 border-bottom: solid 1px black;
 text-align: left;
 color: #FFFFFF;
 }
 /*    font-weight:bold;
#menu2{
 background-color:#6BAECF;   }*/


#menu li, #menu2 li {
 font-size: 11pt;
/* line-height:15pt; */
 display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
 list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
 border-right: 1px solid white; /* Ein optischer Trennungsstrich */
 padding: 0 6px 0 8px;

}

#menu li a, #menu2 li a {
 color: #FFFF00;
 text-decoration: underline;

}
/*             font-weight:normal;
#menu li a:hover {text-decoration:underline;}

#toolauswahl {background-color:#336600; color:#FFFF00; border:1px solid #336600; font-size:11pt;}
*/


/* - Subnavigation, Rechte Spalte - */
#subnav {
 width: 200px; /* Je kleiner das Fenster desto kleiner soll auch die Breite der Subnavigation werden, damit immer genügend Platz für den richtigen Inhalt bleibt. */
/* min-width: 10em;  Damit uns die Subnavigation nicht zu sehr zusammengeschoben wird. */
 float: right; /* Damit erreichen wir dass der Inhalt links neben der Subnavigation vorbeifließt und nicht erst unten drunter anfängt. */
 padding: 120px 5px 20px 5px;
 border-left: 1px dashed #DEDFDE; /* Hiermit trennen wir optisch die Subnavigation vom eigentlichen Inhalt ab. */
 font-size: 0.9em; /* Die Schriftgröße setzen wir hier ein wenig herunter damit erkennbar wird dass das Informationen zweiter Rangordnung sind. */
 }

#subnav dt { /* Überschriften in der Subnavigation */
 font-size: 1.1em;
 padding: 0.8em 0 0.5em 0.5em;
 margin: 0.5em 0 0 0em;
 border-top: 1px dashed #DEDFDE; /* optische Trennungslinie zwischen den einzelnen Bereichen der Subnavigation. */
 line-height:1.5em;
 font-weight:bold;
 color:#000000;} /* #0B4D8C */

#subnav dd { /* Unterpunkte der Subnavigation. */
 padding: 0;
 margin: 0em 0.5em 0.5em 0.5em;
 line-height:1.3em;
 font-size:12px;}



/* - Subnavigation, Rechte Spalte - */
#subnav-skyscraper {
/*  width: 160px; Je kleiner das Fenster desto kleiner soll auch die Breite der Subnavigation werden, damit immer genügend Platz für den richtigen Inhalt bleibt. */
/* min-width: 10em;  Damit uns die Subnavigation nicht zu sehr zusammengeschoben wird. */
 float: left; /* Damit erreichen wir dass der Inhalt links neben der Subnavigation vorbeifließt und nicht erst unten drunter anfängt. */
 padding: 20px 5px 20px 5px;
 border-left: 1px dashed #DEDFDE; /* Hiermit trennen wir optisch die Subnavigation vom eigentlichen Inhalt ab. */
 font-size: 0.9em; /* Die Schriftgröße setzen wir hier ein wenig herunter damit erkennbar wird dass das Informationen zweiter Rangordnung sind. */
 }

#subnav-skyscraper dt { /* Überschriften in der Subnavigation */
 font-size: 1.1em;
 padding: 0.8em 0.5 0.5em 0em;
 margin: 0.5em 0 0 0em;
 border-top: 1px dashed #DEDFDE; /* optische Trennungslinie zwischen den einzelnen Bereichen der Subnavigation. */
 line-height:1.5em;
 font-weight:bold;
 color:#000000;} /* #0B4D8C */

#subnav-skyscraper dd { /* Unterpunkte der Subnavigation. */
 padding: 0;
 margin: 0em 0.5em 0em 0.5em;
 line-height:1.3em;
 font-size:1em;}



#footer {
background:white;
text-align:center;
margin:10px 10px 0 10px;
font-size:10px;
line-height:13px;
padding:5px;
	}

#footer a {
text-decoration:none;
padding: 0 2px 0 2px;		}

#footer a:hover {
text-decoration:underline;	}

#updates {
	   background-color:#FFFFCC; border:1px solid #000000;
       height:100px;
       overflow:auto;
       text-align:left;
       color:#000000;	}

#updates td {font-size:10px;}