.tx-newloginbox-pi1 {
	margin-left: 15px;
}

.tx-newloginbox-pi1 label {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px;
	color: #00000000;
	font-size: 13px;
	text-align: left;
	margin-right: 10px;
	display: block
}




/* Formular */
fieldset.csc-mailform {
	border:0;
}

fieldset.csc-mailform label {
	width: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px;
	color: #00000000;
	font-size: 9px;
	text-align: right;
	margin-right: 10px;
	display: block

}


fieldset.csc-mailform input,fieldset.csc-mailform textarea, fieldset.csc-mailform select{
	margin-bottom: 10px;
	font-size:10px;
	font-family: Verdana, Helvetica, sans-serif;
	border:1px solid #ccc;
	padding:2px;
	position: relative;
	left: 125px;
	top: -18px;
	width:250px;
}

#mailformformtype_mail {
	padding:2px;
	margin-left:40px;
	background:#eee;
	border:1px solid #ccc;
	width:80px;
	text-align:center;
}


.tx-gooffotoboek-pi1 {
	position: relative;
	left: 35px;

}


body {
	margin-top: 20px;
	background: #fff url(../img/i_body_bg.gif) repeat-x 0 0;
	font: 12px/1.5em Verdana,Tahoma,"Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align: center;
	margin:0;
	padding:0;
}

#rightheader {
	border: 0px none;
	position: absolute;
	left: 310px;
	top: 10px;
	width: 598px;
	height: 84px;
	margin: 0;
	text-align: right;
	overflow: hidden;
	z-index: 15;
}

#rightheader img {
	margin: 10px;
}

#rightfooter {
	border: 0px none;
	position: absolute;
	left: 310px;
	top: 458px;
	width: 598px;
	height: 84px;
	margin: 0;
	text-align: right;
	overflow: hidden;
	z-index: 15;
}

#rightfooter img {
	margin: 10px;
}

#leftfooter {
	border: 1px solid #999999;
	position: absolute;
	left: 0px;
	top: 460px;
	width: 908px;
#	width: 910px;
	height: 85px;
	margin: 0;
	text-align: left;
	overflow: hidden;
	z-index: 10;
}

#leftfooter #menuspan {	
	margin-left: 15px;
	margin-top: 11px;
	color: #999999;
	font-size: 9px;
}

#leftfooter #menuspan a {
	font: bold 13px Arial, helvetica, sans-serif;
	color: #999999;

}

a:link, a:visited {
	text-decoration: none;
	font-weight: bold; 
	color: #004494;
}

a:hover{
	text-decoration: underline; 
	color: #004494;
}




#left {
	border: 1px solid #999999;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 299px;
	height: 449px;
	margin: 0;
	text-align: left;
	overflow: hidden;
	background-color: #ffffff;
  
  text-shadow: #D8D8D8 0px 1px 1px;
}

#left h1 {
	margin: 5px 10px;
	color: #999999;
	font-weight: normal;
	font-size: 28px;
	line-height: 32px;

}

#left .bodytext {
	margin: 10px;
}



#right {
	border: 1px solid #999999;
	position: absolute;
	left: 310px;
	top: 0px;
	width: 598px;
	height: 449px;
	margin: 0;
	text-align: left;
	overflow: hidden;
}

#wrapper {
	position: relative;
	width: 910px;
	margin: auto;
	background: #fff;
	text-align: left;
}

.menu {
	position: absolute;
	left: 0px;
	/* Laut Telefonischer Aussage von Herrn Sundermann
	 * 
	 * Soll auf 1/3 des weissen Platzes oben 
	 * gesetzt werden
	 *
	top: 104px;
	 *
	 */
	top: 35px; 
	width: 910px;
	margin: 0;
	text-align: left;
}

#content {
	position: absolute;
	left: 0px;
	
	/* Laut Telefonischer Aussage von Herrn Sundermann
	 * 
	 * Soll auf 1/3 des weissen Platzes oben 
	 * gesetzt werden
	 *
	top: 254px;
	 *
	 */
	top: 185px; 	
	width: 910px;
	margin: 0;
	text-align: left;
}

.csc-sitemap ul {
	font-size: 10px;
}

.level_1 img {
	left: 0px;
	top: -5px;
}

#right img {
/*
	position: relative;
	left: -10px;
	text-align: center;
  */
  border:none;
}

#subcontent .csc-default {
        /* display:none; */
  width:910px;
  text-shadow: #D8D8D8 0px 1px 1px;
}

#subcontent h2 {
  font-size:28px;
  line-height: 32px;
  margin:0; padding:0;
  color:#676767;
  font-weight:normal;
  
  color:#999;
}

#subcontent ul {
  padding:0; margin:0;
}

#subcontent li {
  padding:0; margin:0;
  list-style:none;
}

#subcontent img {
/* width:600px;
height:450px; */
 border:1px solid grey; 
}


#subcontent .csc-textpic-text {
width:279px;
height:393px;
float:left;
border:1px solid grey;
padding:50px 10px 5px 10px;
overflow:auto;
/* font-size:0.9em; */
/* line-height:1.5em; */
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    margin-left: 5px !important;

}

#subcontent p {
  margin:12px 0;
}

#number_nav {
  height:16px;
  
  position:absolute;
  top:1px;
  left:311px;
  z-index:1000;
  
  margin:1px 0 0 1px;
}

#number_nav a:link,
#number_nav a:visited  {
  width:20px;
  line-height:20px;
  display:block;
  float:left;
  text-align:center;
  margin-right:1px;
  text-decoration:none;
  font-size:11px;
  
  color:#666666;
  background-color:#CCCCCC;  
}

#number_nav a.activeSlide  {
  color:#CCCCCC;
  background-color:#666666;
}


#navisub {
  padding:0; margin:0;
  height:20px;
  width:300px;
  
  position:absolute;
  top:1px;
  left:1px;
  z-index:1000;  
}

#navisub li  {
  padding:0; margin:0;
  list-style:none;
  display:inline;
}

#navisub a {
  line-height:20px;
  display:block;
  float:left;
  text-align:center;
  margin-right:1px;
  text-decoration:none;
  padding:0 5px;
  margin:1px 0px 0px 1px;
  width:88px;
  font-size:11px;
  
  color:#666666;
  background-color:#CCCCCC;  
}

#navisub .current a:link,
#navisub .current a:visited {
  color:#CCCCCC;
  background-color:#666666;    
}

.csc-sitemap {
  overflow:auto;
  height:449px;
}

.csc-sitemap ul {
padding:0 5px;
margin:0 10px;
}

#logo {
  float:right;
}

#logo a {
  width:150px;
  height:90px;
  display:block;
  margin:20px 33px 0 0;
}

/* fancybox / lightbox resize button */
 
.lightbox:focus {
  outline:none;
}
 
.lightbox .resize {
  width:12px;
  height:12px;
  background-color:red;
  margin-top:-26px;
  position: relative;
  left:6px;
  background:transparent url(img/plus.png) repeat-x;
  cursor:pointer;
}
 
.news-single-img .lightbox .resize {
  margin-top:-16px;
}
 
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .lightbox .resize {
  margin-top:-16px; /* typo3 image list rewrite */
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
	zoom: 1;
}