/* ******* Update 09 ******* 
   martin@weltrettung.org, 02-09-09
*/

/* ******* Rahmen ******* */

html { 
	height:100%;
	}

/* ie-fixing fuer 100% hoehe */
* html #rahmen {
	height: 100%;
	}

*	{
	margin: 0;
	padding: 0;
	}

body 	{
	font-size: 70%;
	line-height: 150%;
	font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif;
	background-color: white;
	height:100%;
	}
	/*div {border: 1px solid red;}*/	
#rahmen	{
	margin:0;
	width: 970px;
	min-height: 100%;
	text-align: left;
	background-color:#fff;
	}
	
#wrap	{
	margin: 0 0 0 20px;
	padding: 15px 0 0 0;
	width: 950px;
	height: auto;
	text-align: left;
	}
	
.swlogo	{
	margin: 200px 0 0 395px;
}
	
/* ******* Der Kopf ****** */
	
#header	{
	/*float: left;*/
	width: 400px;
	height: 125px;
	/*text-align: right;*/
	/* background-image: url(s-works_FILES/swlogo.gif);
	background-repeat:no-repeat;
	background-position:right top; */
	}

#header a img	{
	border:0;
	}
	
#header a	{
	font-size: 80%;
	color:#999;
	}
	
.aktiv {
	color:#9a151f;
	}
	
.aktiv a {
	color:#9a151f;
	}
	
	
/* ******* Navigation ******* */
	
#navi h1 a {
	color:#fff;
	}

#navi	{
	float:left;
	width: 180px;
	margin-top:10px;
	z-index:10;
	}
	
ul {
	padding:0;
	margin:0 0 0px 0;	
	/*border-top:1px solid #999;	
	*/ 
	}
	
ul a {
	color:#000;
	text-decoration:none;
	font-weight:normal;	
	}	
	
ul a:hover,
ul a:focus,
ul a:active
	{
	color:#fff;
	text-decoration:none;
	background-color:#000;
	}
	
ul a.aktiv {
	color:#E3000F;
	}

ul li {
	list-style-type:none;
	/*line-height:160%;*/
	/*border-bottom:1px solid #999;*/ 
	line-height:150%;
	}
	
ul ul {
	padding:0;
	margin:0 0 0px 0px;	
	}
	
ul ul a {
	font-weight:normal;
	}
	
ul ul a:hover,
ul ul a:focus,
ul ul a:active
	{
	color:#fff;
	text-decoration:none;
	background-color:#000;	
	font-weight:normal;
	}
	
ul ul a.aktiv {
	color:#E3000F;
	border-bottom:0px;
	display:inline;
	}

ul ul li {
	list-style-type:none;	
	}
	
h3 {
background-color:#999;
color:#fff;
font-size:100%;
font-weight:bold;
padding: 0 2px;
margin: 0 0 4px 0;
}
	
h4 {
background-color: black;
color:#fff;
font-size:100%;
font-weight:bold;
padding:0 2px;
margin: 0 0 4px 0;
}

ul h4 a {
color: white;
font-weight: bold;
}
	
/* ******* Inhalt ****** */

	
#content_bild_rechts h1 {
	width:320px;
	padding:0 2px;
	margin: 0 0 4px 0;
	}


#content	{
	color:#fff;
	float: right;
	height:auto;
	width: 280px;
	margin:10px 0 0 20px;
	background-color:#000;
	padding:30px;
	}
	
#content_1	{
	color:#000;
	float: left;
	height:auto;
	width: 180px;
	margin:10px 0 0 40px;
	background-color:#fff;
	padding:0px;
	}	
	
#content_2	{
	color:#000;
	float: left;
	height:auto;
	width: 0px;
	margin:10px 0 0 20px;
	background-color:#fff;
	padding:0px;
	text-align:left;
	}
	
#content_3	{
	color:#000;
	float: left;
	height:auto;
	width: 220px;
	margin:10px 0 0 20px;
	background-color:#fff;
	padding:0px;
	}	
	
#content_4	{
	color:#000;
	float: left;
	height:auto;
	width: 320px;
	margin:10px 0 0 20px;
	background-color:#fff;
	padding:0px;
	}

#content_bild	{
	float: left;
	width: 300px;
	margin:10px 20px 0 20px;
	}	

#content_bild_rechts	{
	overflow:hidden;
	float: right;
	width: 510px;
	margin:10px 0px 0 0px;
	/*background-color:#000;	
	*/}	
	
#content_bild_rechts p.bodytext {
width:320px;
}

	
#content_bild_rechts_center	{
	overflow:hidden;
	float: left;
	text-align:center;
	width: 320px;
	margin:10px 0px 0 0px;
	/*background-color:#000;	
	*/}	
	
#content_5	{
	overflow:hidden;
	float: left;
	width: 360px;
	margin:10px 0px 0 20px;
	/*background-color:#000;	
	*/
	}	
	
#content_6	{
	overflow:hidden;
	float: left;
	width: 320px;
	margin:10px 0px 0 20px;
	/*background-color:#000;	
	*/
	}
	
#content_bild_rahmen	{
	float: left;
	width: 300px;
	height:300px;
	margin:10px 20px 0 20px;
	border:1px solid #000;
	}	

#content_bild1	{
	position: absolute;
	width: 300px;
	left:440px;
	top:110px;
	z-index:0;
	}

#content p a {
	color:#fff;
	text-decoration:underline;
	padding:0;
	}

#content p a:hover {
	color:#000;
	text-decoration:none;
	background-color:#fff;
	}
	
.clear	{
	clear:both;
	}
	
#content p	{
	margin-bottom:16px;
	}
	
#content .galerie	{
	padding:0px 10px 0 10px;
	}
	
#content p.zitat {
	font-style:italic;
	}
	
#content h1 {
	font-size:100%;
	font-weight:bold;
	margin: 0 0 16px 0;
	}

#content_1 h1 {
	font-size:100%;
	font-weight:bold;
	color:#fff;
	background-color:#000;
	padding:0 2px
	margin: 0 0 4px 0;
	}
	
h1 {
	font-size:100%;
	font-weight:bold;
	color:#fff;
	background-color:#000;
	padding:0 2px
	margin: 0 0 4px 0;
	}
	
.rot {
	color:#E3000F;
	}
	
#content_weiss ul {
	padding:0;
	margin:0 0 0px 0;	
	/*border-top:1px solid #999;	
	*/
	}
	
#content_weiss ul a {
	color:#000;
	text-decoration:none;
	font-weight:normal;
	}
	
#content_weiss ul a:hover,
#content_weiss ul a:focus,
#content_weiss ul a:active
	{
	color:#fff;
	text-decoration:none;
	background-color:#000;
	}
	
#content_weiss ul a.aktiv {
	color:#E3000F;
	}

#content_weiss ul li {
	list-style-type:none;
	/*line-height:160%;*/
	/*border-bottom:1px solid #999;*/
	line-height:130%;
	}
	
#content_weiss ul ul {
	padding:0;
	margin:0 0 0px 0px;
	}
	
#content ul ul a {
	font-weight:normal;
	}
	
#content_weiss ul ul a:hover,
#content_weiss ul ul a:focus,
#content_weiss ul ul a:active
	{
	color:#fff;
	text-decoration:none;
	background-color:#000;	
	font-weight:normal;
	}
	
#content_weiss ul ul a.aktiv {
	color:#E3000F;
	border-bottom:0px;
	display:inline;
	}

#content_weiss ul ul li {
	list-style-type:none;
	}
	
p a {
	color:#000;
	text-decoration:none;
	padding:0;
	font-weight:normal;
	}
	


p a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#000;	
	font-weight:normal;
	}
	
.csc-textpic-border .csc-textpic-imagewrap .csc-textpic-imagecolumn dl dt a img {
	border:1px solid #999;
	margin:0 2px 5px 0
	}

#content_bild_rechts .csc-textpic-border .csc-textpic-imagewrap dl dt a img {
	border:1px solid #999;
	margin:0 2px 5px 0
	}
	
a img.noborder {
	border:0;
	}
	

/* ******* Formular ******* */

form 	{
	margin-top:20px;
	}

legend {
	font-weight:bold;
	padding:0;
	margin-left:10px;
	color:#000;
	}
	
#person label {
	display:block;
	width:110px;
	float:left;
	clear:both;
	background-color:#fff;
	color:#000;
	height:16px;
	padding:0 0px;
	margin-top:0px;
	display:block;
	}

label {
	margin:0px 0 5px 0;
	}
	
#absenden input {
	margin:0px 0px;
	}
	
fieldset {
	border: 0px solid #999;
	/*padding:5px 5px 20px 5px;*/
	margin-bottom:5px;
	}

fieldset p {
	margin:5px 0px;
	}

input {
	border: 0px solid #999;
	background-color:#000;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif;
	height:16px;
	width:320px;
	padding:0px;
	display:block;
	margin-bottom:5px;

	}
	
input.senden {
	border: 0px solid #999;
	background-color:#000;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif;
	height:16px;
	width:100px;
	}
	
input.csc-mailform-submit {
	border: 0px solid #999;
	background-color:#000;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif;
	height:16px;
	width:100px;
	margin-top:15px;
	}
	
textarea {
	width:318px;
	height:100px;
	margin:0px 0 5px 0px;
	border: 0px solid #999;
	background-color:#000;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif;
	padding:1px;
	overflow:hidden;
	display:block;
	}
	
.error {
	margin:30px 0 0 0;
	}	
	
	
/* ****** Fusszeile ****** */
	
#footer	{
	margin:10px 0 0 0;
	float: none;
	border-top: 1px solid #999;
	width: 900px;
	height: 20px;
	text-align: left;
	}
	
#footer p	{
	padding:0;
	margin:0;
	color:#999;
	}

#footer a	{
	color:#999;
	text-decoration:none;
	}
	
#footer a:hover	{
	color:#9a151f;
	}