@charset "UTF-8";

/*
Basics
---------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

html,
body {
	height: 100%;
	min-height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4em;
	color:#fff;
	background:#0A0A0A;
}

#map {
	color:#000;
}

.markerTooltip {
	white-space:nowrap;
	padding:2px;
	color:#fff;
	background:#0A0A0A;
}

#content ul#poitab {
	list-style:none;
	float:none;
	display:block;
	margin:0;
	padding:0;
	width:220px;
	clear:both;
}

#content ul#poitab li {
	font-size:11px;
	padding:0 10px;
	padding-left:0;
	margin:0;
	height:14px;
	line-height:1.4em;
	vertical-align:middle;
	text-align:left;
	color:#555;
	text-decoration:none;
	display:block;
	float:left;
	
}

.poi-content {
	float:none;
	clear:both;
	
}

.fixfloat {
	float:none;
	clear:both;
	width:1px;
	margin:0 0 -1px 0;
	padding:0;
	font-size:1px;
	line-height:0px;
	height:1px;
}

p {
	padding:0 0 1.8em 0;
}
body#projekte .projectRight p {
	padding:1.8em 0 0 0;
}

h1,
h2,
h3 {
	color:#999;
	font-size:12px;
	font-weight:normal;
	line-height:1.2em;
	padding-top:0.6em;
	padding-bottom:1.2em;
	letter-spacing:0.2em;
}

h3 {
	letter-spacing:0.1em;
}

body#projekte h1,
body#projekte h2 {
	margin-right:105px;
}

body#projekte .zweispalterrechts h1,
body#projekte .zweispalterrechts h2,
body#projekte .projectRight h1,
body#projekte .projectRight h2 {
	margin-right:0px;
	letter-spacing:0.1em;
}

a {
	color:#999;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color:#66FF1B;
}

a.internal-link,
ul.csc-menu.csc-menu-1 li a {
	background:transparent url(../img/internal_link.gif) no-repeat left;
	padding-left:12px;
}

a.external-link-new-window,
a.external-link {
	background:transparent url(../img/external_link.gif) no-repeat left;
	padding-left:12px;
}

img {
	border:0 none;
}

ul.csc-menu.csc-menu-1,
ul.csc-menu.csc-menu-1 li {
	list-style:none;
}

ul.csc-menu.csc-menu-1 li {
	line-height:2em;
}

#content ul li {
	margin-left:2em;
}

#content ul {
	list-style:circle;
	padding-bottom:1em;
}

#content ol li {
	padding-left:2em;
}

#content ol {
	padding-bottom:1em;
	list-style-position:inside;
}

/*
Seitenkonstrukt, Seitenelemente
---------------------------------------------------------------------*/

#outerWrapper {
	margin:auto;
	width:970px;
}

#contentWrapper {
	width:970px;
}

#header {
	width:970px;
	margin: 0;
	height:200px;
	padding-top:0px;
	position:fixed;
	z-index:20;
	top:0;
	overflow:hidden;
}

#logo {
	margin:0;
	width:970px;
	height:200px;
	background:#0A0A0A url(../img/schuermann-dettinger-logo.gif) no-repeat;
}

#logo a {
	width:1px;
	height:1px;
	text-decoration:none;
	display:block;
}

#content {
	width:970px;
	padding-bottom:36px;
	overflow:hidden;
	padding:0;
	margin:0;
}

#maincontent {
	width:845px;
	margin:200px 125px 25px 0;
	float:right;
	text-align:right;
	overflow:visible;
}

body#projekte #maincontent {
	width:950px;
	margin:200px 20px 25px 0;
	float:right;
	text-align:right;
	overflow:visible;
}

.zweispalter,
.zweispalterrechts {
	float:left;
}

.zweispalter {
	width:450px;
	margin-right:10px;
	z-index:30;
	overflow:hidden;
	text-align:left;
}
.zweispalterrechts {
	width:385px;
	margin-right:0;
}


#project {
	width:950px;
}

.projectLeft,
.projectRight {
	float:left;
}

.projectLeft {
	width:500px;
	margin-right:10px;
	overflow:hidden;
	text-align:left;
}
.projectRight {
	width:335px;
	margin-right:0;
	min-height:320px;
	height:320px;
	overflow:hidden;
	text-align:right;
	position:relative;
}
.projectRight h2 {
	position:relative;
	margin-top:-320px;
}
.projectText {
	position:absolute;
	bottom:20px;
	right:0;
	text-align:right;
}
.projectSubmenu {
	position:relative;
	margin-top:300px;
	text-align:right;
	height:20px;
	min-height:20px;
	z-index:30;
}

/*
Tabellen
---------------------------------------------------------------------*/

table {
	width:100%;
	border-collapse:collapse;
	
}

table thead td {
	color: #eee;
	font-weight: bold;
	padding:3px 5px;
	vertical-align:middle;
}

table tbody .row1 {
	background-color:#121212 !important;
}

table tbody .row2 {
	background-color:#000 !important;
}

table td {
	vertical-align:middle;
	padding:3px 5px;
}

/*
Haupt-Navigation
---------------------------------------------------------------------*/
#mainmenu {
	width:970px;
	margin:0;
	padding:0;
	background:#0A0A0A;
	position:fixed;
	z-index:10;
	bottom:0;
	overflow:hidden;
	height:36px;
}

#mainmenu ul {
	padding:0 0 10px 0;
	margin:0 122px 0 0;
	list-style:none;
	float:right;
	display:inline;
}

#mainmenu ul ul {
	padding:0;
}

#mainmenu li {
	list-style:none;
	float:left;
	width:auto;
	font-size:12px;
	font-weight:bold;
	color:#888;
	line-height:2em;
}
#mainmenu li.on li.on {
	color:#fff;
	font-weight:normal;
}

#mainmenu  li a,
#mainmenu  li.on a {
	font-weight:bold;
	font-size:12px;
	color:#41a312;
	text-decoration:none;
	display:block;
	padding:2px 3px 2px 4px;
}

#mainmenu  li li a,
#mainmenu  li li.on a {
	font-weight:normal !important;
	font-size:12px;
	width:auto;
	color:#41a312;
	text-decoration:none;
	display:block;
}

#mainmenu  li a:hover {
	color:#66ff1c;
}

#mainmenu  li.on a,
#mainmenu  li li.on a {
	color:#66ff1c;
}

/* Submenu */
.projectSubmenu {
	z-index:10;
}
.projectSubmenu ul {
	padding:0;
	margin:0;
	list-style:none;
	float:right;
	display:inline;
}

.projectSubmenu li {
	list-style:none;
	float:left;
	width:auto;
	font-size:12px;
	color:#888;
	line-height:2em;
}

.projectSubmenu li a,
.projectSubmenu li.on a {
	font-size:12px;
	color:#41a312;
	text-decoration:none;
	display:block;
	padding:1px 0px 1px 5px;
}
.projectSubmenu li a:hover {
	color:#66ff1c;
}

/*
Formular
---------------------------------------------------------------------*/

form#mailform {
	width:auto;
	border:1px solid #191919;
	padding:20px;
}

form#mailform fieldset {
	border:0 none;
}

form#mailform DIV.csc-mailform-field {
	clear:both;
	padding-top:5px;
}

form#mailform DIV.csc-mailform-field label {
	float:left;
	width:20%;
	text-align:right;
}

form#mailform DIV.csc-mailform-field input, form#mailform DIV.csc-mailform-field textarea {
	float:right;
	width:75%;
	text-align:left;
}


form#mailform DIV.csc-mailform-field input.csc-mailform-submit {
	background:url(img/bg_submit.jpg) no-repeat #D3222A;
	color:#fff;
	border:1px solid #D3222A;
	text-align:center;
	width:auto;
	height:24px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
}

.csc-mailform input,
.csc-mailform select,
.csc-mailform textarea {
	border:0px solid #191919;
	border-bottom-width:1px;
	background:#191919;
	color:#fff;
}

.csc-mailform input:focus,
.csc-mailform select:focus,
.csc-mailform textarea:focus {
	background:#333;
}

form#mailform DIV.csc-mailform-field input.csc-mailform-submit {
  display:block;
  background:transparent;
  padding:3px 5px;
  border:1px solid #555;
  color:#555;
}

form#mailform DIV.csc-mailform-field input.csc-mailform-submit:hover {
	color:#fff;
	cursor:pointer;
}


/*
Lummo Google Maps
---------------------------------------------------------------------*/

.tx_lumogooglemaps_pi1_infobox,
.gmapDir {
	color:#333;
}

.tx_lumogooglemaps_pi1_infobox p {
	padding:0;
}

.tx_lumogooglemaps_pi1_sidebar {
	padding:0 0 30px 0;
}


/***************************
*  Default styles for the
*     EXT rgslideshow
* by Ringer Georg (just2b)
***************************/  

/* general div */
.rgslideshow {
  position:relative;
  border:0 none;
  border-bottom:0px;
  overflow:hidden;
  background:#0A0A0A;
  float:right;
  text-align:left;
  z-index:0;
}

body#projekte .rgslideshow {
  z-index:20;
  padding-bottom:40px;
}

/* container divs */
.rgslideshowce, 
.tx-rgslideshow-pi1 {
  overflow:hidden;
}

/* big navigation at left/right side of img */
.rgslideshow .rgsbigprev, 
.rgslideshow .rgsbignext {
  position:absolute;
  width:19px;
  cursor:pointer;
  outline:0px;
  z-index:8;
  height:19px !important;
  bottom:18px;
}

.rgslideshow .rgsbigprev  {
  right:22px;
  background: url(../img/prevlabel.gif) left bottom no-repeat;
}

.rgslideshow .rgsbignext {
  right:0;
  background: url(../img/nextlabel.gif) right bottom no-repeat;
}

/* hover on the big navigation: show the imgs */
.rgslideshow a.rgsbigprev:hover {
  background: url(../img/prevlabel2.gif) left bottom no-repeat;
}

.rgslideshow a.rgsbignext:hover {
  background: url(../img/nextlabel2.gif) right bottom no-repeat;
}

/* center the imgs */
.rgslideshow .rgssimg {
  z-index: 1; /* for safari */
  position:absolute;
	right:0;
	margin:0;
	padding:0;
	opacity:0;
  margin:0;	
}

/* no border for imgs */
.rgslideshow img, 
.rgslideshow a, 
DIV.csc-textpic .rgslideshow img {
  border:0px;
}

/* nested information */
.rgslideshow .rgsnest {
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
  border-top:0px none;
  z-index: 5; /* for safari */
}

.zweispalter .rgslideshow .rgsnest,
.projectLeft .rgslideshow .rgsnest {
	width:500px !important;
}

.zweispalter .rgslideshow,
.projectLeft .rgslideshow {
	width:500px !important;
}

/* title */
.rgslideshow .rgstitle,
.rgslideshow .rgsdescription {
  color:#999;
  text-transform: lowercase;
  padding:0 0 1px 2px;
  z-index: 9; /* for safari */
}  

/* description */
.rgslideshow .rgsdescription {
  overflow:hidden;
  height:18px;
}

/* img browser nest */
.rgslideshownav {
  text-align:right;
  border-right:0px solid #ccc;
}

/* necessary to position browser to the right */
.rgslideshownav .rgsnav2 {
  display:inline;
  background: #404040 url(../img/navleft.gif) left no-repeat;
  margin:0;
  padding:3px 10px 1px 20px;
  height:20px;
}

/* holds the browser items */
.rgslideshownav .rgsbrowser {
  display:inline;
}

/* single browser element */
.rgslideshownav .rgsbrowserEl {
  padding:0 4px;
  font-weight:bold;
  font-size:10px;
  cursor:pointer; 
  color:#d8d6d6;  
}

.rgslideshownav .rgsbrowserEl:hover {
  color:#ff9933;
}

/* splitter element between the browser elements */
.rgslideshownav .splitEl {
  color:#fff;
  font-size:7px;
}

/* active element item */
.rgslideshownav .rgsbrowser .rgsact {
  font-weight:bold;
  color:#ff9933;
}

/* small prev/next navigation */
.rgslideshownav .rgsnext, 
.rgslideshownav .rgsprev {
  font-size:9px;
  color:#fff;
  cursor:pointer;
  font-weight:bold;  
}

/* play/pause icon */
.rgslideshownav .rgsplay {
  font-size:9px;
  font-weight:bold;  
  color:#d8d6d6;
  cursor:pointer;
  padding-left:5px;
}

/* hover on prev/next/play */
.rgslideshownav .rgsnext:hover, 
.rgslideshownav .rgsprev:hover, 
.rgslideshownav .rgsplay:hover {
  color:#ff9933;
}



/* .tx-a1teasermenu-pi1 List View */

.tx-a1teasermenu-pi1 {}

body#projekte ul.tx-a1teasermenu-pi1 {
	margin-right:0px;
	overflow:visible;
	padding-top: 0px;
	list-style:none;
}

ul.tx-a1teasermenu-pi1 li {
	list-style:none;
	line-height:2em;
	color:#999;	
}

.tx-a1teasermenu-pi1 img {
    margin: 0 0 5px 7px;
    border: 0 none;
	vertical-align:top;
}
.tx-a1teasermenu-pi1 img {
	min-width:100px;
	width:100px;
}