/*****************************************************************************************************************************************
	global reset, basic configuration
*/

* {
	padding:0;
	margin:0;
}

/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
option {
	padding-left:0.4em
}

img, fieldset {
	border:0;
}

/* Anpassung für Safari Browser, font-size:100% ist für den Safari in Formularen zu groß */ 
select, input, textarea {
	/*font-size:99%; ...macht Schrift in textarea winzig (FF, IE6, IE7, Opera)*/
}


/*****************************************************************************************************************************************
	site-layout
*/

body {
	/* basic layout */
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:77%; /* set to percentage so that ems work without producing miniscule text in IE, (0.9em = 11px) */
	text-align:center; /* centers the wrapper in IE5.x, because "margin:0 auto" doesn't work */
	/* additional formatting */
	background:#C3C8C8;
}

#wrapper {
	/* basic layout */
	position:relative;
	width:920px;
	margin:0 auto 0 auto;
	text-align:left; /* resets the text alignment */
	/* additional formatting */
	background:#fff;
}

#header-wrap {
	/* basic layout */
	position:absolute;
	top:0;
	left:0;
	width:760px;
	height:439px; /* war 449px */
	/*overflow:hidden; weglassen, sonst verschiebt sich header-wrap nach oben, wenn man mit Tabulator navigiert */
	/* additional formatting */
}

#mainmenu-wrap {
	/* basic layout */
	position:relative;
	width:760px;
	height:40px;
	z-index:9999; /* benötigt IE6, sollte auch Problem in Opera + Ns lösen, dass nach einiger Zeit Menu unter Bild verschwindet */
	/* additional formatting */
	background:transparent url(../img/menu-bg.gif) left bottom repeat-x;
}

#content-wrap {
	/* basic layout */
	position:relative;
	float:left; /* benötigt FF, Opera + NS zwingend, sonst werden #header-wrap + #mainmenu-wrap falsch plaziert !!! */
	width:600px;
	min-height:221px;
	margin-top:439px; /* war 449px */
	margin-bottom:34px; /* abstand zum #footer-wrap */
	/* additional formatting */
	margin-left:160px;
	margin-right:160px;
	font-size:0.9em;
	line-height:16px;
}

#left-wrap {
	/* basic layout */
	float:left;
	width:230px;
	/* additional formatting */
	padding:29px 0 0 0;
	overflow:hidden;
}

#middle-wrap {
	/* basic layout */
	float:right;
	width:370px;
	/* additional formatting */
	padding:29px 0 0 0;
	overflow:hidden;
}

#footer-wrap {
	/* basic layout */
	position:relative;
	width:900px;
	padding-top:7px;
	padding-bottom:10px; /* nur da, falls langer content und Seite scrollbar, damit unten noch etwas Platz ist */
	padding-right:20px;
	clear:both;
	/* additional formatting */
	background:#c3c8c8;
	text-align:right;
}


/*****************************************************************************************************************************************
	header
*/

#header-wrap .logo {
	float:left;
	margin:19px 0 19px 162px;
}

/* fontSizeSwitcher start */
#header-wrap .normal {
	float:right;
	margin:57px 10px 0 0;
	display:none;
	width:45px;
	height:12px;
}

#header-wrap a.big {
	float:right;
	margin:57px 10px 0 0;
	width:45px;
	height:12px;
	background:transparent url(../img/fontsize-switch-icon_big.gif) 0 0 no-repeat;
}

#header-wrap a.normal:hover, #header-wrap a.big:hover {
  background-position:-45px 0px;
}

/* fontSizeSwitcher end */

#header-wrap #header-slideshow {
	width:600px; /* falls kein Bild eingefügt, damit das Layout nicht zerissen wird */
	height:310px; /* war 320px, falls kein Bild eingefügt, damit das Layout nicht zerissen wird */
	margin-left:160px;
	clear:both;
}


/*****************************************************************************************************************************************
	footer
*/

#footer-wrap a {
	color:#fff;
	text-decoration:none;
}

/*****************************************************************************************************************************************
	main menu
*/

ul#mainmenu	{
	/* basic layout */
	margin-left:160px;
	list-style-type:none;
	overflow:hidden; /* benötigt IE6 zwingend, sonst ist nur das wort klickbar !!! */
	/* additional formatting */
}

ul#mainmenu li	{
	/* basic layout */
	float:left;
}

ul#mainmenu li a {
	/* basic layout */
	display:block;
	width:100px;
	line-height:40px;
	/* additional formatting */
}

ul#mainmenu li a:hover {
	/* additional formatting */

}

/* active state */
ul#mainmenu li a.active,
ul#mainmenu li strong {
	/* basic layout */
	display:block;
	line-height:30px;
	/* additional formatting */
	margin-top:1px;
	padding:0 10px 0 20px;
	color:#fff;
	background:#666;
}


/*****************************************************************************************************************************************
	sub menu 1
*/

ul#submenu {
	/* basic layout */
	list-style-type:none;
	margin-left:26px;
}

ul#submenu li a {
	/* additional formatting */
	padding:0 0 0 8px;
	color:#a0a6a6;
	background:transparent url(../img/pfeil-klein.gif) 0px 5px no-repeat;
	text-decoration:none;
}

ul#submenu li a:hover {
	/* additional formatting */
	color:#6d767b;
	background:transparent url(../img/pfeil-klein-active.gif) 0px 5px no-repeat;
}

/* active state */
ul#submenu li a.active,
ul#submenu li strong {
	/* additional formatting */
	padding:0 0 0 8px;
	color:#6d767b;
	background:transparent url(../img/pfeil-klein-active.gif) 0px 5px no-repeat;
	font-weight:normal;
}


/*****************************************************************************************************************************************
	content area
*/

#content-wrap .article {
	/*margin-bottom:25px;*/
}

#content-wrap h2 {
	height:35px;
	margin:0 0 10px 23px;
}

.graphicalHeadline {

}

#content-wrap p.text-standard {
	margin-bottom:15px;
	color:#a0a6a6;
}

#content-wrap ul.list-standard {
	margin-bottom:15px;
	margin-left:20px;
	line-height:15px;
	color:#a0a6a6;
	list-style:none;
}

#content-wrap ul.list-standard li {
	padding-left:10px;
}

#content-wrap .article a {
  padding:0 0 0 8px;
	color:#a0a6a6;
	background:transparent url(../img/pfeil-klein.gif) 0px 5px no-repeat;
	text-decoration:underline;
}

#content-wrap .article a:hover {
	color:#6d767b;
	background:transparent url(../img/pfeil-klein-active.gif) 0px 5px no-repeat;
}

/* styles for images begin */
.csc-textpic {

}

.csc-textpic-imagewrap {
	
}

.csc-textpic-image a img {

}

.csc-textpic-image a:hover {

}

.csc-textpic-caption {

}
/* styles for images end */


/*****************************************************************************************************************************************
	extension: image header slideshow (fl_header_slide)
*/

#header-slideshow ul {
	position:absolute;
	top:0;
	right:0;
	color:#000;
	overflow:hidden;
	z-index:1000; /* needed for opera + ns */
}

#header-slideshow ul li {
	list-style:none;
	float:left;
}

#header-slideshow ul a {
	float:left;
	display:block;
	width:14px;
	height:15px;
	cursor:pointer;
	background:transparent url(../img/slideshow-dot.png) 0 0 no-repeat;
	padding-right:1px;
}

#header-slideshow ul a.prev {
	width:17px;
	background:transparent url(../img/slideshow-previous.png) no-repeat;
}

#header-slideshow ul a.next {
	width:17px;
	padding-right:0;
	background:transparent url(../img/slideshow-next.png) no-repeat;
}

#header-slideshow ul a.active {
	background:transparent url(../img/slideshow-dot.png) 0 -15px no-repeat;
}

/* captions */
#header-slideshow p {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	color:#fff;
	z-index:1001; /* needed for opera + ns */
}


/*****************************************************************************************************************************************
	standard contact form
*/

.csc-mailform {
	/* color:#b4baba; alt, heller */
	color:#a0a6a6;
}

.csc-mailform label {
  float:left;
  width:130px;
}

.csc-mailform input, .csc-mailform textarea {
  float:left; /* IE6 */
  width:238px;
  margin:0 0 7px 0;
  border:1px solid #a0a6a6;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  font-size:1em;
}

.csc-mailform span {
	color:#6d767b;
}

input.csc-mailform-submit {
  float:right;
  width:75px;
	color:#a0a6a6;
  background:#fff;
  border:1px solid #a0a6a6;
  font-size:1em;
  font-weight:bold;
}