@import url(reset.css);

/* COLORS */

html, body {
	background-color: black;
	color: white; }
a img { border-width: 0; }

#page {
	background-color: #444; }

#header {
	background: url("../../../header-images/header_back.png") no-repeat; }
#header h1 {
	background-color: white; }
#header h1 img {
	border: 0px solid white; margin-left:0px; padding-left:0px; }
	
#header #subsection {
	background-color: #555;
	border-left: 1px solid white; }
#header #subsection a {
	color: #fff; }
#nav {
	background: orange;
	color: black;
	border: 1px solid white;
	border-width: 1px 0px 0px 1px; }
#subnav {
	background-color: #222; }
#subnav a {
	color: orange; }
#nav a {
	color: black; }
#subnav a:hover,
#nav a:hover {
	color: white; }
#subnav a:active,
#subnav a.active,
#nav a:active,
#nav a.active {
	color: black;
	background-color: white; }

#gray_overlay {
	background: black;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5; }

#footer a {
	color: black; }
#footer a:hover {
	color: white; }
#footer a:active {
	color: orange; }

#subnav {
	border: 1px solid white;
	border-width: 1px 0px; }

#illustration {
	border: 1px solid white;
	border-width: 0 1px 0 0; }
	
#illustration img {
border:1px solid white;
}
	
#body .item {
	background-color: white;
	color: black;
	border: 1em solid orange; }

#footer {
	color: black;
	background-color: #777;
	border-top: 1px solid white; }
#footer #links a+a {
	border-left: 1px solid black; }
#footer input {
	border: 0px solid white;
	background-color: #aaa; }

div.edit-mode {
	color:#000;
}
#body a {
color:#ffffff;
}

/* FONTS */

html, body, table {
	line-height: 1.2em;
	font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; }

#nav,
#subnav { font-weight: bold; }

#body strong { font-weight: bold; }
#body em { font-style: italic; }



/* hiding the title text, since it's in the image */
#header h1 {
	font-size: 0px; }
#subsection, #footer {
	font-size: 0.7em;
	font-weight: bold; }
#footer label {
	font-size: 1.2em; }

pre, code {
	font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; }

/* POSITION AND SIZE */

/* header positioning */

#page, 
#header { position: relative; }
#header h1, #picnav, #nav, #gray_overlay, 
#section, #subsection { position: absolute; }

#header { height: 246px; width: 100%; overflow: hidden; }
#header h1 { height: 162px; top: 0; left: 499px; width: 100%; }
#picnav { z-index: 5; top: 175px; right: 10px; }
#subsection { z-index: 3; top: 162px; left: 499px; height: 70px; width: 100%; }
#nav { z-index: 3; top: 220px; left: 499px; height: 27px; width: 100%; }
#gray_overlay { z-index: 3; top: 162px; left: 0; width: 499px; height: 84px; }
#subnav { height: 27px; }
#section { z-index: 6; top: 168px; left: 40px; }

/* distance on the left for pictures: */
#illustration {
	height: 319px;
	width: 499px; }
	
#illustration div {
float:left;
}	

#illustration div.csc-textpic {
margin-left:-10px;
}

#page {
	width: 55em;
	min-width: 830px;
	margin: 0px auto; }
#header h1 { padding-left: 10px; }
#subsection { padding: 1em 5em 1em 1em; }
#nav, #subnav { overflow: hidden; }
#nav a, #subnav a, #footer a {
	text-decoration: none; }
#nav a {
	width: 3em;
	font-size: 17px;
	line-height: 23px;
	padding: 10px; }
#subnav {
	text-align: right;
	padding-right: 2em; }
#subnav a {
	font-size: 16px;
	line-height: 26px;
	margin-top: 5px;
	padding: 10px; }
#subnav a + a {
	margin-left: 1em; }

#footer {
	padding: 0.5em; }
#footer #login {
	float: right; }
#copyright,
#footer #links a {
	padding: 0px 10px; }

#body {
padding-left:20px;
padding-right:20px;
padding-top:20px;
}

/* BODY LAYOUTING */
#body .item {
	border-width: 0.7em;
	padding: 0.3em; }
#body h1 {
	font-size: 1.4em;
	margin-bottom: 0.2em;
	font-style: italic; 
	margin-bottom:20px;
	}

#body ul li {
	padding-bottom:4px;
	}

#body ul li {
	list-style-type: none;
	margin-left: 14px;
	padding: 5px 0 5px 24px;
	background: url(../images/tmpl_pfeil-mit-rahmen.gif) no-repeat left;
	clear: both;
}

#body ul li:hover {
	background: url(../images/tmpl_pfeil-mit-rahmen-b.gif) left center no-repeat;
}


td { vertical-align: top; }

/* SPECIAL FIXES */

.tx-rgsmoothgallery-pi1 {
	border-width: 0px; }