/* CSS Punkt-s */
/* 27.01.2009 Created by Rolf Schöpfer */

/*  color schema -----  */
/*  black: #fff */
/*  white: #000 */
/*  gold: #5f4f23 #4f390f #9B8446 #8B773B #67582C, #5A4D42 */
/*  link: #698A9F #CF3437 #9F282A #BF4F0B #8F1116, #A58A63 */

/* nicht in Gebrauch */
/*	green: #94df1b  */
/*  red: #ef1e0e */
/*  blue: #2caaef */


/************** General *******************/
body, p , th, td, input, textarea { font: 11px/17px arial, helvetica, sans-serif; color: #fff; }

body {
	background-color: #000;
	text-align: center;
	margin: 0;
}

a {
	font-weight: normal; 
	text-decoration: none;
	color: #A58A63;
	background: transparent;
}

a:focus {outline-style: none;}
img {
	border: 0;
	}
p {
	margin-top: 0;
	margin-bottom: 1em;
}
th,td {
	padding: 2px 10px 2px 10px;
	padding-left: 0;
	}
	
th {
	text-align: left;
	font-weight: bold;
	}
.clearall {
	clear: both;
	height: 1px;
}
h1,h2,h3,h4 {
	margin: 1em 0 0.5em 0;
	/*background-color: red;*/
}
h2 { font-size: 13px; margin-top: 6px; }
h3 { font-size: 12px; font-weight: normal; }
.inline { display: inline; }
.hide { display: none; }
.error { color: red; }

/************** Container *******************/
#wrapper {
	text-align: left;
	margin: 45px auto 0 auto;
	/*border: 1px solid white;*/
	width: 1014px;
	/*min-height: 500px;*/
	}

#wrapper .content {
	width: 824px;
	float: right;
	overflow: hidden;
	/*margin-top: 1px;*/
	/*height: 420px;*/
	/*padding: 10px;*/
	}

.project_overview #wrapper .content {
	height: auto;
}

.project_detail #wrapper .content {
	height: 509px;
}
.bbsitemap #wrapper .content {
	height: auto;
}


#wrapper .content .main {
	/*border: 1px solid red;*/
	/*height: 100%;*/
	padding: 3em 0 3em 1px;
	}

#wrapper .content .sub {
	/*border: 1px solid lightblue;*/
	width: 266px;
	height: 341px;
	float: right;
	background-color: #5A4D42;
	padding: 0 1em 1em 1em;
	margin-left: 2em;
	}
.project_detail #wrapper .content .sub {
	margin-left: 0;
	}
	
#navTools {
	/*border: 1px solid yellow;*/
	background: transparent;
	height: 3em;
	/*margin-left: 340px;*/
	}

#navTools h2 {
	display: none;
	} 
#navTools ul {
	padding-left: 0;
	margin: 5px 0;
	float: right;
}
#navTools ul li {
	display: inline;
	text-align: left;
	border: 0;
	padding: 0;
	margin: 0;
	}

#navTools ul li a {
	padding: 0 10px;
	border-left: 1px solid #A58A63;
	margin: 0;
	text-decoration: none;
	}
#navTools ul li.Kontakt a { border-left: none; padding-left:0; }
#navTools ul li a:hover {
	}
/*
#tlang {
	position: absolute;
	left: 203px;
}
*/

#navYouarehere {
	/*border: 1px solid red;*/
	position: relative;
	width: 600px;
	margin-top: -28px;
	margin-left: 190px;
}

#navAlpha {
	/*border: 1px solid green;*/
	border-top: 1px solid #000;
	width: 168px;
	/*padding-left: 30px;*/
	height: 378px;
	overflow: hidden;
}

/***************** Navigation **********************/
#navAlpha .nav {
	padding:0;
	margin-left: -1em;
	}
#navAlpha .nav ul {
	padding-left: 1em;
	margin-left:0;
	overflow: hidden;
	}
#navAlpha .nav ul.nav {
	margin-top:3em;
	}

#navAlpha .nav li {
	list-style: none;
	line-height: 2em;
	font-size: 13px;
	/*padding-left: 2em;*/
	
	}
#navAlpha .nav li li {
	font-size: 11px;
	}
#navAlpha .nav li li a {
	font-weight: normal;
	}
#navAlpha .nav li a {
	/*background-color: red;*/
	width: 100%;
	font-weight: bold;
	display: block;
	padding-left: 2em;
	}


#navAlpha .nav li.sactive a,
#navAlpha .nav li.sactive li.sactive a,
#navAlpha .nav li.sactive li.sactive li.sactive a {
	color: #fff;
	}
#navAlpha .nav li.sactive li a,
#navAlpha .nav li.sactive li.sactive li a {
	color: #A58A63;
	}

#navAlpha .nav li.sactive {
	background: url(/medias/punkt-s/bullet-nav1.gif) no-repeat 1em 9px;
	background-color: #5A4D42;
	}
#navAlpha .nav .level2 li.sactive {
	background: url(/medias/punkt-s/bullet-nav2.gif) no-repeat 1em 6px;
	}

#navAlpha .nav ul.level2 {
	border-top: 4px solid #000;
	}

a:hover,
#navAlpha .nav li.sactive a:hover,
#navAlpha .nav li.sactive li.sactive a:hover {
	color: #fff;
}

/******************* Content ********************/
.content {
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
}
.content h1 { display: none; }

.content ul { margin-left: 3px; padding-left: 1em; }

.content li {
	list-style-image:url(/medias/punkt-s/bullet.gif);
}

/******************* Logo / Footer ********************/
#logolink {
	position: absolute;
	width: 70px;
	height: 70px;
	top: 20px;
	margin-left: 13px;
}
#logolink a { display: block; line-height: 41px; }

#footer {
	/*border: 1px solid silver;*/
	margin-left: 189px;
}
#footer address {
	margin-top: 5px;
	font-style: normal;
	font-size: 0.8em;
	color: #5A4D42;
	}
#footer a { color: #5A4D42; }
#footer span { float: right; }
#footer #slogan { display: none; }


/******************** FContent / falls nötig kopieren *********************/

#xForm label {
	width: 5em;
	/*display: block;*/
	float: left;
	}
#xForm form div {
	/*border-bottom: 1px solid white;*/
	margin-bottom: 4px;
	padding-left: 2px;
}
#xForm input, #xForm textarea {
	width: 190px;
	border: none;
	background-color: #000;
	padding-left: 2px;
	}
#xForm textarea {
	height: 70px;
	}
#sendform input {
	margin-left: 5em;
	border: 1px solid silver;
	}
/*#gender {margin-left: 4em; }*/
/*#gender label { display: none; }*/
#gender span {
	padding-right: 1em;
}
#gender input {
	display: inline;
	width: auto;
	background-color: transparent;
	margin-right: 1em;
}
#xForm .required input, #xForm .required textarea {
	background-color: #C8903F;
}
.warning span { color: #C8903F; }
.fcontent .bigpic {
	/*margin-left: -1px;*/
	position: absolute;
}

.fcontent .bottomlink {
	/*border: 1px solid red;*/
	width: 250px;
	position: absolute;
	top: 472px;
	/*padding-left: 2em;*/
}
.project_detail .bottomlink {
	/*border: 1px solid red;*/
	margin-top: 7px;
}

.referencebox {
	height: 110px;
	background-color: #5A4D42;
	margin-bottom: 1em;
	padding-right: 1em;
	border-top: 1px solid black;
	cursor: pointer;
	/*overflow: hidden;*/
}
.referencebox h2 {
	margin: 12px auto 12px auto;
	color: #A58A63;
	font-weight: normal;
}

.referencebox img {
	width: 167px;
	float: left;
	margin-right: 1em;
}

/*~~~~~~~~~~ SlideShow ~~~~~~~~~~~~*/
.slideshowContainer {
	/*border: 1px solid #ccc;*/
	width: 535px;
	height: 352px;
}
* html .slideshowContainer { width: 532px; }

.loading {
	background: url(/admin/img/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

#wrapper .legend {
	height: 86px;
	overflow: hidden;
	margin-top: 4px;
}

#thumbnails {
	white-space: nowrap;
	overflow: hidden;
	width: 535px;
}
* html #thumbnails {
	width: 530px;
}
#thumbnails img {
	margin-right: 2px;
}

a:hover.slideshowThumbnail img, .outline {
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.outline {
	border: 2px solid black;
	z-index: 0;
	background-color: black;
	position: absolute;
}

#thumbnails div {
	display: none;
}

/* sitemap */
.content .sitemap ul {
    list-style-type:square;
    margin:0;
    padding:0 0 0 14px;
	}
.content .sitemap li {
    margin-bottom:6px;
    line-height:16px;
	}
.content .sitemap ul ul { 
    list-style-type:circle;
	}
.content .sitemap ul ul li {
    list-style-type:circle;
    background:url(/medias/li-frame.gif) no-repeat 0px 6px;
    margin:6px 0 0 0;
    /*padding-left:12px;*/
	}
* html .content .sitemap ul ul li { 
	background-position:0px 7px; 
	}
.content .sitemap ul ul ul li { 
    list-style-type:disc;
	background:none; 
	}
.content .sitemap ul ul ul ul li { 
    list-style-type:circle;
	}
.content .sitemap ul ul ul ul ul li { 
    list-style-type:disc;
	}
.content .sitemap ul ul ul ul ul ul li { 
    list-style-type:circle;
	}