body {
	background-color: #71A1E3;
	background-image:url('back.png');
	background-repeat:repeat-x;
	padding:0;
	margin:0;
}

div {
	margin: 0;
	padding: 0;
}

#container {
	width: 776px;
	margin: 0 auto;
	background-color:white;
}

#top {
	background-image:url('logo.png');
	background-repeat:no-repeat;
	height:100px;
	background-color:#ffffff;
}

#top_content {
	margin-left:425px;
}

#banner {
	height:300px;
}

#info {
	background-color:white;
	padding:5px;
}

#info table tr td {
	background-color:white;
	padding:10px;
	width:252px;
}

#info div {
	padding:0;
}

#main {
	background-color:#B3C5DD;
	padding:5px;
}

#content-wrapper {
	width:510px;
	background-color:white;
}

#content{
	padding:5px;
}

#subnavi-wrapper {
	float:right;
	background-color:white;
	width:252px;
}

#subnavi {
	padding:5px;
}

#footer-int{
	clear: right;
	text-align:center;
	margin:5px;
	padding:5px;
}

#footer-ext{
	text-align:center;
	margin:5px;
}

.tx-timtabsociable-pi1 * img {
	margin:2px;
}


/*############################################*/

* {
	font-size: 14px;
	font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
	color:#000000;
}

h1 {
	border-bottom:1px solid #676F7B;
	color:#676F7B;
	font-size: 16px;
	text-align:right;
	text-transform:uppercase;
}

#footer-ext,
#footer-ext a {
	color:#C5D3E6;
	font-size:8pt;
}

.mnu1-std a,
.mnu1-act a {
	font-weight:bold;
	font-size:14px;
	margin-right:10px;
	text-decoration:none;
}

.mnu1-std a:hover,
.mnu1-act a:hover {
	text-decoration:underline;
}

p.bodytext{
  margin:0 0 7px 0;
}

/*############ mouseovermenu ##############*/
/*  background:transparent url(navbg.jpg) repeat-x scroll 0 0;*/

#menu {
  background-color: #cccccc;
	margin: 0;
	height:30px;
	padding-left:0px;
}

#menu ul {
  background-color: #cccccc;
	text-align:center;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	list-style: none;
  z-index:5;
}

#nav a {
	font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
  border-right:1px solid #e4e4e4;
  color:#272727;
	display: block;
  font-weight: bold;
	text-decoration: none;
	padding:8px 7px 8px 7px;
	font-size: 12px;
}

#nav a:hover {
  color:#272727;
}


#nav li {
	color: #fff;
	float: left;
	padding: 0;
  text-align: left;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
  width: 11em;
  font-weight: bold;
	border-width: 1px;
	margin: 0;
}

#nav li li {
  width: 11em;
	padding-left: 0;
}

#nav li ul ul {
  background-color: #cccccc;
  margin: -1.75em 0 0 8em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 	left: auto;
}

#nav li:hover, #nav li.sfhover {
  background:#e4e4e4 ;
}

/* IE-Hack für die Breite */
*html ul.menu ul {
  width:180px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
  display:block;
}

ul.menu ul li {
  float:none;
  background-color: transparent;
}

/* form elements */
form {
  margin:10px 15px; padding: 10;

	background-color: #cccccc;
}

.csc-mailform-field{
  margin:0 0 10px 10px;
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}

input {
	padding: 2px;
  border:1px solid #272727;
	font: normal 1em Helvetica,Verdana, Arial,  sans-serif;
	color:#777;
}

textarea {
	width:400px;
	padding:2px;
	font: normal 1em Helvetica,Verdana, Arial,  sans-serif;
  border:1px solid #272727;
	height:100px;
	display:block;
	color:#666666;
}

input.button {
	margin: 0;
	font: bold 1em Helvetica,Verdana, Arial,  sans-serif;
	border: 1px solid #272727;
	background: #FFF;
	padding: 2px 3px;
	color: #666666;
}