* {
	color: #000000;
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
}

body {
	background-color: #FFFFFF;
	margin: 0;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

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

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

a:hover {
	color:#770000;	
	text-decoration: underline;
}

a:active {
	color: #000000;
	text-decoration: underline;
}
	
h1 {
	font-size:14px;
}

h2 {
	font-size:12px;
	color:white;
}


label {
    width: 10em;
    display: block;
    float: left;
}

label#wide {
	width: 14em;
}

ul#Navigation {
	float: left;
	width: 15em;
    margin: 0 0 1.2em;
	padding: 0;
}

* html ul#Navigation {  /* Korrekturen fuer IE 5.x */
    width: 15.8em;
    w\idth: 15em;
    padding-left: 0;
    padd\ing-left: 0.4em;
}

ul#Navigation li {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    margin: 0.2em;
	padding: 0;
}

ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
    display: block;
	font-size: 0.8em;
    padding: 0.2em;
	padding-left: 0.6em;
    text-decoration: none; 
    border: 1px outset;
	border-radius: 0.3em;
    color: maroon;
	background-color: #eee;
}

* html ul#Navigation a, * html ul#Navigation span, * html ul#Navigation h2 {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 8.8em;  /* Breitenangabe fuer IE 6 */
}

ul#Navigation a:hover, ul#Navigation span {
	border: 1px inset;
    color: #FFF;
	background-color: gray;
}

ul#Navigation h2 {
	font-size:1em;
    margin: 1.1em 0 0;
    border-color: gray;
    color: black; 
	background-color: #ccc;
}

ul#Products {
	margin-left: 0.7em;
	padding: 0.7em;
	padding-top: 0;
	text-decoration: none;
	font-style: none;
	font-weight: none;
	list-style-image:url(http://www.rose-electronics.de/pics/pfeil.gif);
	color:#555555;
	line-height: 2;
}

div#Inhalt {
    margin: 0 0 0 15em;
    padding: 0 1em;
}

* html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}

div#Inhalt h1 {
    font-size: 2em;
    margin: 1em 0;
}

div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
}

div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
}

div#index {
	float: left;
	margin: 1em;
	padding: 0.3em;
}

div#index a {
	font-size: 1.2em;
}

div#toggle {
	display:none;
	position:absolute;
	padding:10px;
	top:90px;
	right:0;
	border:1px solid #000;
	background:#FFF;
}

div#switch {
	position:absolute;
	padding:10px;
	top:90px;
	right:0;
	border:1px solid #000;
	background:#FFF;
}

#footer {
    clear:both;
    margin-top:1em;
    background:#efefef;
    text-align:center;
    padding:10px;
}

.blue {
	font-family: arial, verdana;
	font-size: 8pt;
	color: #003366;
	font-weight:bold;
	padding-top: 3px; 
	padding-right: 3px; 
	padding-bottom: 3px; 
	padding-left: 5px;
	;text-transform: uppercase;
}

.today {
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 2em;
}

.frameless {
	width: 100%;
	background-color:transparent;
	border: 0px solid;
}

a.admin {
	color: #FFFFFF;
	text-decoration: none;
}

a.admin:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

#bar_blank {
	border: solid 1px #000;
	height: 20px;
	width: 300px;
}

#bar_color {
	background-color: #006666;
	height: 20px;
	width: 0px;
}

#bar_blank {
	display: none;
}
hr {
	width: 100%; 
    height: 2px;
    color:#ccc;
    margin: 0 auto;
}