@charset "utf-8";

/* CSS Document for www.donnerwetterundband.de */

* {	font-family: Verdana, Arial, Helvetica, sans-serif;}

BODY {

	background-image: url(../logos/hintergrund.gif);
	background-repeat: repeat-y;
	background-color: #000;
	color: #FFF;
	font-size: 1.1em;}

IMG {

	border: none;
	margin: 8px !important;}

A { 
	color: #fff;
	outline:none;
	text-decoration: none;}

A:hover {
	background-color: #151419;
	color: #FFFF00;}

h1 {
	font-size: 				0.9em;
	font-weight: 			bold;
	margin:		 			18px 3px 18px 3px;
	background-image: 		url(../logos/pixel-g.gif);
	background-position: 	0px 3px;
	background-repeat: 		no-repeat;
	padding-left: 			16px;}

h2 {
	font-size: 		0.85em;
	font-weight: 	bold;
	margin:		 	18px 3px 18px 9px;}

h3 {
	font-size: 		0.80em;
	font-weight: 	bold;
	margin:		 	18px 3px 18px 9px;}

h4 {
	font-size: 				0.8em;
	font-weight: 			bold;
	margin:		 			18px 3px 18px 3px;
	background-image: 		url(../logos/pixel-g.gif);
	background-position: 	0px 2px;
	background-repeat: 		no-repeat;
	padding-left: 			16px;}

h5 {
	font-size: 				0.8em;
	font-weight: 			bold;
	margin:		 			18px 3px 18px 3px;
	background-image: 		url(../gifs/mp3.gif);
	background-position: 	0px 2px;
	background-repeat: 		no-repeat;
	padding-left: 			16px;}


h1.csc-firstHeader {
	margin:		 		9px 3px 18px 3px; 
	background-image: 	none; 
	padding-left: 		0px;
	font-size: 			1.25em;}



/* Textinterne Links werden mit h4 gewrapt */

h4 {

	margin: 8px;

	margin-left: 25px;

}



/* MP3-Links werden mit h5 gewrapt */

h5 {

	margin: 8px;

	margin-left: 25px;

}



/* Link "nach oben" wird mit h6 gewrapt */

h6 {

	font-size: 0.7em;

	margin-top: 10px;

}



.bodytext {
	font-size: 		0.9em;
	margin-left: 	25px;
	margin-right:	25px;}



#container {

	width: 950px;

	margin: auto;

}



#startseite{

	width: 800px;

	margin: auto;

}



#header, #menu, #content, #footer {

	width: 950px;

	float: left;

	clear: both;

}



#header {

	height: 125px;

	background-color: #000;

	text-align: center;

}



#header IMG, #startseite IMG {

	margin: 0px !important;

}



#menu {

	border-top: 2px solid #FFFF00;

	border-bottom: 2px solid #FFFF00;

	padding-top: 1px;

	padding-bottom: 1px;
	
	width: 948px;
	
	margin-left: 1px;

}



#content {

	padding: 5px;

	padding-top: 9px;

	width: 940px;

	font-size: 0.9em;

	background-image: url(../logos/bgContent.gif);

}



#footer {
	height: 		35px;
	padding-bottom:	6px;
	border-top: 	3px solid #DDD;}



.ffloat {

	width: 465px;

	padding: 5px;

	float: left;

	clear: none;

}



.ffloat a {

	text-decoration: none;

	color: #FFFF00;

	font-size: 0.75em;

	font-weight: bold;

}

.csc-linkToTop  {
	text-align:		right;
	font-size: 		0.75em;}

.tx-guestbook-field  {
	margin-left:	50px;;}

.ffloat a:hover {

	color: #fff;

}



/* menu */



#menu ul {

	list-style-type: 	none;

	margin: 			0px;

	padding: 			0px;

}



#menu ul li {

	background-color: 	#FFFF00;

	width: 				188px;

	height: 			30px;

	line-height: 		30px;

	margin:				1px;

	display: 			block;

	float: 				left;}



#menu ul li a {

	text-decoration: 	none;

	width: 				187px;

	color: 				#000;

	height: 			22px;

	line-height:		22px;

	margin-top: 		3px;

	display: 			block;

	font-weight: 		bold;

	text-align:			center;}



#menu ul li.outerright {

	margin-right: 0px;

}



#menu ul li.outerleft {

	margin-left: 0px;

}



#menu ul li {

	font-size: 0.8em;

}



#menu ul li a:hover {

	background-color: #151419;

	color: #FFFF00;

}



#menu ul li.lact {

	background-color: #151419;

}



#menu ul li.lact A {

	color: #FFFF00;

}



/* Textformatierungen */



.align-right {
	font-size: 	.8em;
	text-align: right;}



.csc-frame-rulerAfter {
width:100%;
margin-top:12px;
border-bottom: 1px solid #8d8d8d;
padding-bottom: 10px;
}


.csc-textpic-image { 

	padding:	5px;

	font-size: 0.7em;

}



#content ul {

	font-size: 0.8em;

	margin-left: 40px;

}



.indent {

	padding-left: 25px;

}

/* Guestbook */
.tx-guestbook-form-obligationfield {
	color: #ffff00 !important;
}

.tx-guestbook-header {
	width: 910px !important;
	padding: 15px !important;
	background-color: #ffff00 !important;
	color: #000 !important;
}

.tx-veguestbook-pi1 {
	font-size: 0.8em !important;
	width: 940px !important;
}

.tx-guestbook-left {
	width: 200px !important;
	padding: 15px !important;
	background-color: #ffff00 !important;
	color: #000 !important;
	overflow: hidden;
}

.tx-guestbook-left A {
	color: #000 !important;	
}

.tx-guestbook-right {
	width: 665px !important;
	padding: 15px !important;
	margin-left: 15px !important;
	background-color: #151419 !important;
	color: #fff !important;
}

.tx-guestbook-right P {
	color: #fff !important;
}

.rot, .rot A { color: #ff0000; }
