body {
 	font-family: Arial,Verdana,tahoma, Helvetica, sans-serif;
  font-size: 12px;  /* 12pt 100% 1em */
  height: 700px;
}
* {
  margin: auto;
  padding: 0;
}

#content { width: 58%; }

body, #fuss                                       { width: 99,9%; }    
#main                                             { width: 83.75em; }     /* 1000px */                         
#links, #fuss_links, #topmenu_abstand, #logo      { width: 20%; }   

#rechts                                           { width: 18%; }
#topmenu, #fuss_rechts                            { width: 76%; }

#logo, #links, #topmenu_abstand                   { margin-right: 0.6%; }   
#titel, #topmenu                                  { padding-left: 1em; }   
#banner, #logo                                    { height: 8em; }  
#pfadfeld           { padding-top: 2em; } 
#links, #rechts { 
  padding-top: 0.5em;   
  background-image: url(media/links1.gif);
	background-repeat: repeat-x;
  background-color: #fff;
  padding-bottom: 0.5em;
  height: 600px;
}
#vorschau { clear:left; }
#bild { float: left; padding-right: 1em; margin-bottom: 12em; }
#vorschau h3, #vorschau a h3 { font-size: 1em; color: #003366; }
#vorschau p, #vorschau a p, #vorschau a { font-size: 1em; color: #000; }
#vorschau a:visited { text-decoration:none; }
#vorschau a:hover p, #vorschau a:hover, #vorschau a:hover h3 { text-decoration: underline; }
#aufzaehlung { clear: left; }
#aufzaehlung a h3, #aufzaehlung h3 { font-size: 1em; text-decoration: underline; } 
#main                         { background-color: #fff; }
#banner                       { background-color: #003366; }
.box2                         { background-color: #FFDEBF; }    
.box3                         { background-color: #FFFFAE; } 
.box4                         { background-color: #C9FFC9; }
.box5                         { background-color: #FFAAAA; }
.box1, body, #fuss            { background-color: #F1F4FF; }
input:focus                   { background-color: #fff666; }

#topmenu a, #ueberschrift_content h1, .login_table h1, #ueberschrift_linksmenu h1, #ueberschrift_linksmenu a  
                 { color: #003366;}
img { border: none; }
.clearboth { clear: both; }
.top { display: inline; }
.box0, .box1, .box2, .box3, .box4, .box5, .box_foerder {
  border:0.08em solid lightgrey; 
  padding: 0.5em;
  margin: 0 0.2em 0.6em 0.2em;
  -moz-border-radius:0.5em;
}
.box0 { width: 43%; text-align: left; float: left; height:100px; margin: 0.3em 0.5em; padding: 0.5em 1em; }
.box_foerder { width: 40%; text-align: left; float: left; max-height: 60px; margin: 0.3em 0.5em; padding: 0.5em 1em; }

.box_shadow { position: relative; right:1em; bottom: 1em; background-color: red; }
.rahmen_rund { border:0.085em solid #BCD2E6; -moz-border-radius:0.5em; }

#sitemap { font-size: 1em; }
#sitemap li { padding-bottom: 0.3em; }
#sitemap ul {
	list-style: inherit inline disc;
	margin-left: 0.5em;
}

#zusatzmenu  {
  float: right;
  font-size: 1em;
  height: 1.6em;
  text-align: right;
}
#zusatzmenu ul, #zusatzmenu li {
  list-style: none;
  display: inline;
}
#zusatzmenu a, #zusatzmenu a:link {
  color: #d1d4dF; 
  margin-right: 1em;
  text-decoration: none;	
}
#zusatzmenu a:hover {
  color: #fff;
  text-decoration: none;
}

#banner {
  background-image: url(media/banner7.gif);
	background-repeat: repeat-x;
}
#logo {
/*   background-color:red;  */
  float:left;
  background-image: url(media/logo_wsw_spiegel.png);
	background-repeat: no-repeat;  
  background-position:center center;
}

#titel {
/*   background-color: green; */
  float:left;
}
#titel h1 {
	color: #fff;
  margin: 0;
  font-size: 2.5em;
  font-weight: bold;
  display: inline;
}
#titel h2 {
  margin: 0.1em 0 0 0;
  font-size: 1.1em;
  font-weight: normal;
  color: lightgrey;
} 

#topmenu_abstand{
/*   background-color: lightgreen; */
  clear:both;
  float:left;
}

#topmenu {
/*   background-color: purple; */
  float:left;
}
#topmenu ul {
  margin-top: 0.88em; 
  padding: 0.56em 0.625em 0 0em;
  font-size: 1em;  
  list-style:none;
}
#topmenu li {
  margin: 0;

  font-weight: bold;
  display:inline;
}
#topmenu a {
  float:left;
  background:url("media/tableft2a.gif") no-repeat left top;
  margin:0;
  padding:0 0.2em 0 0.1em;
  text-decoration:none;
}
#topmenu a span{
  float:left;
  display:block;
  background:url("media/tabright2a.gif") no-repeat right top;
  padding:0.5em 0.7em 0.4em 0.5em;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float:none;}
/* End IE5-Mac hack */
#topmenu a:hover  {
  background-position:0% -60px;
}
#topmenu a:hover span{
  background-position:100% -60px;
}
#topmenu .menu_current  a {
  background-position:0% -60px;
}
#topmenu .menu_current  a span {
  background-position:100% -60px;
}

#links {
  background-color: #fff;
  clear: both;
  float: left; 
  padding-left: 0.5em;
}

#search_box, #linksmenu, #einloggen {
  float: left;
  width: 87%;
  font-size: 1em;
  color:#000;
/*   background-color: darkred; */
}

#ueberschrift_linksmenu h1, .login_table h1 {
 /*  border-top: 0.06em solid lightgrey; */
  border-bottom: 0.06em solid lightgrey; 
  margin: 0 0 0.2em 0;
  padding: 0.2em 0;
  font-weight: bold;
 	text-align: left;
  font-size: 1.0em;
/*   background-color: pink; */
  /* background-image: url("media/footer.jpg") ;
  background-repeat:x-repeat; */
}

.search_string, .login_table input { 	font-size: 1em; }
.search_submit, .login_table .button { font-size: 0.75em; }

.search_string {
  float: left;
  width: 80%;
/*   background: #E4ECF5; */ 
}
.search_submit {
	float: right;
 /*  height: 2em; */
/*   margin: 0.5em 0.3em 0.5em 0; */
	vertical-align: bottom;
}
#linksmenu {
  font-size: 1em;
}
#linksmenu ul {
  margin: 0;                     /* kein aeusserer Abstand der Listen-Items */
  list-style: none;
  padding: 0;                    /* kein innerer Abstand der Listen-Items */
}
#linksmenu li {
/*   margin: 0 0 0 1em;                     /* kein aeusserer Abstand der Listen-Items */
 */  list-style: none;
/*   list-style-image:url(media/right_color.gif);
 */  padding: 0;                    /* kein innerer Abstand der Listen-Items */
}
#linksmenu ul a {
  /* background-color: #E6EBFB; */
  margin: 0.5em 0 0 0;             /* Abstand zu hoechsten Listen-Items*/
  padding: 0.3em 0 0.1em 0.1em;      /* keine Einrueckung, Streckung oben unten */
  color: #000;
  font-weight: bold;
  text-decoration: none; 
}
#linksmenu ul ul a {
  margin: 0;
  /* background-color: #efefef; */
  font-weight: normal;
  padding: 0.1em 0 0.1em 1.1em;   /* Einrueckung 1, Streckung oben unten */
}
#linksmenu ul ul ul a {
  /* background-color: #fff; */
  padding: 0.1em 0 0.1em 2.2em;   /* Einrueckung 2, Streckung oben unten */
}
#linksmenu a:link, #linksmenu a:visited {
  display: block;
}
#linksmenu .menu_current a { 
  color: #000;
  background-color: #FFF666;
  border-right: 0.6em #FFCC00 solid;
}
#ueberschrift_linksmenu a, #ueberschrift_linksmenu a:link  {  
  padding: 0;
  margin: 0;
  text-decoration: none;
}
#linksmenu a:hover, #ueberschrift_linksmenu a:hover{ 
  color: #000;
  text-decoration: none;
  background-color: #FFCC00;
}

.login_table input {
  margin-bottom: 0.2em;
  padding: 0;
  text-transform: uppercase;
	width: 80%;
}
.login_table .button {
  margin-top: 1em;
  text-align: center;
  text-transform: uppercase;
  width: 80%;
}

#pfadfeld {
/*   background-color:lightgreen;  */
  float:left;
  margin: 2em 0;            /* Abstand oben unten */
  text-align: left;
  padding: 0;
  width: 100%;
  font-size: 0.8em;
}
#pfadfeld a:link, #pfadfeld a {
  color:#0000FF; 
  text-decoration: none; 
  margin: 0; 
  padding: 0; 
}
#pfadfeld a:hover {
  text-decoration: underline; 
  color:#0000FF;
}
#ueberschrift_content {
  margin-bottom: 1em;
  clear: both;
  float: left;
  width: 100%;
  border-bottom: 0.06em solid #F1F4FF;
/* background-image: url(media/header2b.gif);
	background-repeat: repeat-y;
  background-color: #FFF;
*/  text-decoration: none;
}

#ueberschrift_content h1 {
  float: left;
  margin: 0.1em 0;
  padding: 0;
  font-weight: bold;
  text-align: left;
  font-size: 1.5em;
  display:inline;
}
#ueberschrift_content_icons {
 /*   background-color: red;  */
  padding: 0.6em 0 0 0;
  text-align: right; 
  float: right;
  text-decoration: none;
}
#leiste a, #leiste a:link, #leiste a:visited, #ueberschrift_content_icons a, #content_leiste a, #content_nachoben a, #ueberschrift_content_icons a:link, #ueberschrift_content_icons a:visited  {
  margin-left: 1em; 
  font-size: 0.8em;
  color: #0000FF;
  text-decoration: none;
}
#ueberschrift_content_icons a:hover, #content_leiste a:hover, #leiste a:hover {
/*   background-color: yellow; */
  text-decoration: underline;
}
#header_viewing {
  float: right;
  width: 25%;
  margin: 0 0 1em 1em;
  padding: 0.5em;
  background-color: #F1F4FF;
  text-align: left;
  font-size: 1em;
  
}
#header_viewing a:link, #header_viewing a:visited, #header_viewing a:active, #header_icon a:link, #header_icon a:visited { 
   color: #0000ff; 
   text-decoration: none; 
} 
#header_viewing a:hover { text-decoration: underline; }

#header_viewing ul {
  padding-left: 1.7em;
}
#header_viewing li {
  color: #FFCC00;
  list-style-position: inline; 
  padding-left: 0.5em;
}
#header_viewing h1 {
  font-size: 1.2em;
  margin-bottom: 0.2em;
  border-bottom: 0.06em solid lightgrey;
}

#header_icon {
  text-align: right;
  float: right; 
  padding: 0.4em 0;
  font-size: 0.8em;
}

#content {
  margin: 0;
  padding: 0 0 0 0.4em;
  background-color: white;
  float:left; 
  min-height: 500px; 
}
#inhalt {
  margin: 0 0 2em 0;
  padding: 0;
  clear:both;
/*  background-color: red; */
  float: left;
  width: 100%;
}
#leiste {
  text-align: right;
  font-size: 0.9em;
}
#content_leiste, #content_nachoben {
  text-align: right;
  clear: both;  
  width: 100%;
}
#content_nachoben {
  margin: 1em 0;
  padding-top: 0.25em;
  border-top: 0.06em solid #F1F4FF;
}

#rechts { 
  float: right; 
/*   background-color:yellow;   */
  text-align: left; 
  padding-right: 0.5em;
  padding-left: 0.5em;
}

#fuss {
  clear:both;
	font-size: 0.8em;  
	color: #666666;
  vertical-align: middle;
	text-align: center;
}