body {
        margin: 0px;
        background: #cfccc3 url(pics/bgtransback.png) repeat-x scroll 0 0;
        /*background: #fff;*/
	color: #000;
	font-family:verdana, helvetica, sans-serif;
	text-align: center; /* for ie */
}

body_black {
        margin: 0px;
 /*       background: #f3f3f3 url(pics/bgtransback.png) repeat-x scroll 0 0;   */
        background: #000000;
	color: #fff;
	font-family:verdana, helvetica, sans-serif;
	text-align: center; /* for ie */
}


#container {
	background: #fff;
	/*background: #000;*/
	margin: 0 auto;
	width: 850px;
	text-align: left; /* again, greetz to redmond */
}

#header {
	background: url(pics/titlebg.jpg) no-repeat scroll 0 0;
}

.bigheader {
	padding: 10px;
	font-weight: bolder;
	font-size: 200%;
	text-align: center;
	color: #fff;
}

.bigheader a:link {
        text-decoration: none;
	color: #fff;
}
.bigheader a:visited {
        text-decoration: none;
	color: #fff;
}
.bigheader a:hover {
        text-decoration: none;
	color: #fff;
}


#subheader {
	font-weight: bold;
	font-size: 130%;
	color: black;
	padding-left: 3em;
	padding-bottom: 1em;
	text-align: center;
	height: 2em;
}

div#navbar {
	background-color: #221;
	height: 47px;
	opacity: 0.7;
}

ul#navul {
	margin: 0;
	padding: auto;
	list-style: none;
}

ul#navul ul, ul#navul li {
	display: inline;
}

ul#navul li a {
	float: left;
        text-decoration: none;
	text-align: center;
	border-color: #333;
	opacity: 1;
	border-width: 0 1px 0 0;
	border-style: solid;
	color: #eee;
	height: 26px;
	width: auto;
	text-align: center;
	padding: 10px 15px 10px 15px;
}

.highlighted {
	background-color: #000;
	color: #fff;
}

ul#navul li a:hover {
	background-color: #000;
}

#mainarea {
	clear: both;
	padding: 1em;
}

.aktuelles_link {
	text-align: center;
	text-decoration: underline;
	font-size: 140%;
}

.aktuelles_link_plain {
	text-align: right;
	text-decoration: underline;
	font-size: 140%;
}

#footer {
	background: #fff;
	padding: 1em 1em 0 1em;
	margin: 1em 4px 0 4px;
	border-style: dotted;
	border-color: #aaa;
	border-width: 1px 0 0 0;
	clear: both;
}

#footer_down {
	width: 100%;
	height: 1em;
}

#footer_mail {
	font-size: 65%;
	color: #666666;
	font-weight: normal;
	float: left;
}

#footer_icons {
	font-size: 100%;
	float: right;
}

#footer_up {
	font-size: 65%;
	color: #808080;
	padding: 0 0 1em 0;
	font-weight: bold;
	text-align: center;
}

#iconCSS {
        color: inherit;
        background: #fff url('https://os.inf.tu-dresden.de/~adam/.icons/button-css.png') no-repeat;
        opacity: 0.5;
        display: block;
        width: 80px;
        height: 15px;
        text-decoration: none;
        padding: 0px;
        margin: 1px;
        float: left;
}
a#iconCSS:hover {
        opacity: 1;
}

a#iconXHTML {
        background: transparent url('https://os.inf.tu-dresden.de/~adam/.icons/button-xhtml11.png') no-repeat;
        opacity: 0.5;
        display: block;
        width: 80px;
        height: 15px;
        text-decoration: none;
        padding: 0px;
        margin: 1px;
        float: left;
}
a#iconXHTML:hover {
        opacity: 1;
}

a#iconXHTMLvalidome {
        background: transparent url('https://os.inf.tu-dresden.de/~adam/.icons/valid_xhtml_1_1.png') no-repeat;
        opacity: 0.5;
        display: block;
        width: 80px;
        height: 15px;
        text-decoration: none;
        padding: 0px;
        margin: 1px;
        float: left;
}
a#iconXHTMLvalidome:hover {
        opacity: 1;
}


a {
	color: #0000ff;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #142395;
}
a:hover {
        color: #ff0000;
        text-decoration: underline;
}

.code {
	background-color: #ddd;
	padding: 4px;
	margin: 11px;
	border-style: dotted;
	border-width: 1px;
}

.pics {
	border-width: 0;
}