* {
	margin:0;
	padding: 0;
}
html {
	height:100%;
	padding-bottom:1px;
}

p {
	margin-bottom:1em;
}
a {
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}
h2 {
	font-size: 1.2em;
	border-bottom: 1px solid #ddd;
	margin-bottom:0.5em;
}
h3 {
	font-size: 1.05em;
}
hr {
	background-color:#AAAAAA;
	border:0 none;
	color:#AAAAAA;
	height:1px;
	margin:0.2em 0;
}
.red { color: #d30400 }
.green { color: #44bb44}


.box {
	margin:2.5em 0 0 0
}
.col-right {
	margin-left: 12em;

	border-left: 1px solid #ccc;
	padding:0 1em;
	padding-bottom:1em;
	
	min-height: 25em;
}
#bodyContent {

}
#bodyContent ul {
	margin-left:2em;
	margin-bottom:1em;
}
.error #bodyContent {
	background: #fff0ef;
	padding:0.5em;
	border: 1px solid #f3d2cc;
}
.adminbar {
	position:fixed;
	top:0;
	right:0;
	left:0;
	width: 77em;
	margin: 0 auto;
	background:url(/gfx/shadow.png) repeat-x bottom left;
	z-index:100;
	padding-bottom:3px;
}
.adminbar > div{
	text-align:center;
	border:1px solid #ccc;
	border-top:0;
	color: #000;
	background:#f0f0f0 ;
	padding: 0 1em;
}
.adminbar a {
	color:#333;
}
.adminbar a.active {
	font-weight:bold;
}

/** install */
.configtable {
	border-collapse:collapse;
}
.configtable tr {
	border-bottom: 1px solid #8ba9b7;
}
.configtable td,.configtable th {
	padding: 0.2em 1em 0.1em 0.25em;
}
.configtable th {
	text-align:left;
	font-weight:normal;
	background:#edf4f2;
}
.configtable input {
	width: 100%;
}

/** admin stuff */
#pageTextEdit {
	width: 99%;
	height: 22em;
	font-family:Helvetica,Arial,sans-serif;
	line-height:1.4;
	font-size:13px;
	padding:0.2em;
}
.buttonBox, .msg {
	border-bottom: 1px solid #112055;;
	margin: 0;
	padding: 0.5em 1em;
	background: #2b3774;
}
.buttonBox {
	
	margin: 0.5em 0 0 0;
}
.buttonBox input {
	font-weight:bold;
	padding: 0.1em;
	cursor:pointer;
}
.buttonBox input.green {
	border: 1px solid #005500;
	background: #ddffdd;
}
.buttonBox input.green:hover {
	background: #eeffee;
	border-color: #007700;
}
.buttonBox input.red {
	border: 1px solid #550000;
	background: #ffdddd;
}
.buttonBox input.red:hover {
	background: #ffeeee;
	border-color: #770000;
}
#inputTitle {
	width: 99%;
	font-weight:bold;
	font-size:1em;
	margin-bottom:0.3em;
}
.closebutton {
	float:right
}	
.closebutton a {
	background: url(/gfx/icon_close.png) no-repeat center right;
	padding: 0 5px;
}
/*****  ARC PLUS ****/
/* whole page, turn off horizontal scrolling */
body {
	background: #fff url(/gfx/bg.png) repeat-x ;
	overflow-x:hidden;
}
body,a {
	font-family:Helvetica,Arial,sans-serif;
	line-height:1.4;
	color:#fff;
}
/* basic font settings */
html {
	font-size: 75%;
}
html>body, html>body a {	
	font-size:12px;
}
	
/* basic link settings */	
a, a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border: 0
}
/* possible second header inside text box */
h2 {
	font-size:1.2em;
	margin-bottom:0.5em;
	font-weight:normal;
}
/* paragraph */
p {
	margin-bottom:1em;
}
/* global wrap, centered */
#wrap {
	width: 66em;
	margin: 0 auto;
	position:relative;
}
/* left part, 2 cols wide (6 for background image) */
#inh-l {
	float:left;
	width:66em;
	position:absolute;
	z-index:1;
	
}
/* right part, 4 cols wide */
#inh-r {
	width: 44em;	
	position:absolute;
	right:0;
	z-index:10;
}
/* content starts after top margin */
.inh {
	margin-top:9em;

}
/* left side boxes, height of one row */
.col-1, .col-2 {
	float:left;
	height:0.5em;
	padding-top:1em;	
}	
.col-2 {
	padding-top:0;	
	margin-top:-0.5em;
}	
/* content with the size of one column*/
.col-1 {
	width:11em;
}
/* content with size of two columns*/
.col-2 {
	width:22em;

	height:inherit;
}	
*:first-child+html .hideie {
	display:none;
}
*:first-child+html .col-2 {
	margin-top:10em; /* ie7 */
}
*:first-child+html .hideie {
	display:none;
}

/* navigation styles */
ul.col-1,ul.col-2 {
	list-style:none;
	/* background:#5e93b5; */
}
ul.col-1 a, ul.col-2 a {

}
ul.col-1 a.active,
ul.col-1 .active a,
ul.col-1 a:hover,
ul.col-2 a.active,
ul.col-2 a:hover {
	font-weight:bold;
	text-decoration:none;
}
ul.col-1 a.active:before, ul.col-2 a.active:before,
ul.col-1 .active a:before {
	content:'+ ';
}
ul.col-1 a.active, ul.col-2 a.active,ul.col-1 .active a {
	color: #ffff00;
}

ul.col-1 strong, ul.col-2 strong {
	color:#1b2764;
}
ul.col-1 ul, ul.col-2 ul {
	margin-left:1em;
	
}
ul.col-1 a.new, ul.col-2 a.new {
	color: #dddd99;
}
/* content with size of four columns */
.col-4 {
	width: 44em;
	margin-top:8.55em;
	padding-top:9.55em;
}
/* darker blue part */
.dark {
	background: #1b2764;
	background: #003377;
}
/* text box */
.text {
	padding: 1em;
	line-height:1.5;
}	

/* clear, e.g. for left cols  */
.clear {
	clear:both;
}
#bodyContent {
	z-index: 10;
	position:relative;
}
/* header image and slogan */
#header {
	position:relative;
}
h1 {
	color: #4d7997;
	font-size: 16px;
	font-weight:bold;
	position:absolute;
	top: 3em;
	right: 33em;
	margin-right:-17.5em;
	background:url(/logo.png) no-repeat;
	padding: 25px 0 0 135px;
	white-space:nowrap;
}
/* hide text inside logo */
#logo {	
	font-size:0;
}

.text a {
	text-decoration:underline;
	color: #bbbbff;
}
.text a.active, .text  a:hover {
	text-decoration:none;
	color: #ccccff;
}



/* text box -> gallery with height of two rows */
.gallery {
	height: 18.25em;
	margin-bottom:1em;
	position:relative
}
.gallery img {
	height: 18.25em;
}
#gallery_title {
	color: #7da0c6;
	text-align:right;
	position:absolute;
	width: 8em;
	bottom:-0.5em;
	right:0;
}
/* little image switchers */
.gallery .pageination {
	float:right;
}
.gallery .pageination a {
	background: #a8bdd1;
	width: 1em;
	height:1em;
	margin-left:4px;
	display:block;
	float:left;
	text-decoration:none;
	color:#444;
	font-size:0.8em;
	padding:0.2em 0.1em 0.2em 0.2em;
	text-align:center;
	vertical-align:middle;
}
.gallery .pageination a:hover {
	background: #bfce9a;
}
.gallery .pageination a.active,.gallery .pageination a.active:hover {
	background: #ffff00;
}
.gallery img.raster {
	margin: -10.55em 0 0 -1em;
	height: 29em;
}
#background-raster {
	background-position:top right;
	width: 44em;
	height: 11em;
	float:right;margin:0;padding:0;position:relative;
}

#outerWrap {
	background: url(/gfx/raster-poelzig-gross.jpg) bottom right no-repeat;
	height: 38em;
}

/* special pages */
.page_id2 #background-raster {
	background: url(/gfx/raster-poelzig.jpg) top left no-repeat;
	width:600px;
	margin-right:-6em;
}
.page_id2 #outerWrap, .gallerypage #outerWrap {
	background-image:none;
}
.page_id8 #bodyContent {
	margin-left: 11em;
}
.page_id8 #background-raster {
	height: 38em;
	background: url(/gfx/raster-norbert.jpg) top left no-repeat;
}
.page_id8 #outerWrap,.page_id3 #outerWrap,.page_id10 #outerWrap {
	background-image:none;
}
/*.page_id9 #outerWrap {
	background-image: url(/arcplus/gfx/raster-poelzig-gross.jpg) ;
}*/
.page_id6 #outerWrap, .page_id7 #outerWrap, .page_id11 #outerWrap {
	background-image: url(/gfx/raster-rio.jpg);
}
.page_id1 .dark {
	background:transparent
}
.page_id1 #outerWrap {
	background: url(/gfx/raster-poelzig-gross2.jpg) bottom right no-repeat;
	height: 38em;
}
.page_id3 #background-raster {
	background: url(/gfx/raster-kigali.jpg) top left no-repeat;
	width:600px;
	height: 38em;
	margin-right:-6em;
}
.page_id1 .text {
	
}
.page_id1 .text b {
	font-size:250%;
	line-height:1em;
}

table.aktuell {
	border-collapse:collapse;
	margin-bottom:-1em;
}
table.aktuell td {
	vertical-align:top;
	padding-bottom:1em;
}
table.aktuell td img {
	margin-right:1em;
	margin-top:0.2em;
	float:right;
}

.prettytable {
	border-collapse:collapse;
}
.prettytable td, .prettytable th {
	border: 1px solid #2244aa;
	padding: 0.1em 0.3em;
	text-align:left;
	background: #003388;
}
.prettytable th {
	background: #003a90;
}