/* kinderwuerde css styles - by internetgestalten.de */
/*****************************************************/
/* 	standard colors: 		

	#fa0 orange      		#f1a102	
	#369 darkblue    		#245382
	#69d medium blue    	#3e67bb
		
*/
* {margin:0; padding:0;}
img {border:none;}

body { 
font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; 
font-size: 0.8em; 
background:#fff url(../images/bg.gif) repeat-y 0 0;}

/* banner */
#banner {height:150px;}
#banner img {margin:0 0 0 240px;}

/* linke spalte */
#links {width:230px; margin:0; position:absolute; left:0;top:0;}
#links img {margin:0;}

/* menu */
#menu { width:230px; 
		margin-top:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em; 
		color:#fff;}
#menu li {width:228px; text-align:right; list-style:none; list-style-image:none; height:2em; line-height:2em;}
#menu li a {color:#fff; padding-right:20px; text-decoration: none;}
#menu li a:visited {color:#fff; text-decoration:none;}
#menu li a.aktiv {background:transparent url(/images/square_orange.gif) right; background-repeat:no-repeat; color:#f1a102 !important;}
#menu li a:hover {color: #fa0;}
#menu img {vertical-align:middle;}
#menu img.fbook { float:right; margin:10px 18px 0 0;}

/* links */
a:link { color:#3e67bb; text-decoration: none ;}
a:visited { color:#3e67bb; text-decoration: none ;}
a:hover { color:#f1a102; text-decoration:underline;} 
a:active { color:#fa0; text-decoration: none ;}

a.pdf {padding-right:20px; background-image:url(../images/pdf_doc.png); background-repeat:no-repeat; background-position:right;}
a.ext {padding-left:16px; background-image:url(../images/ext_link.gif); background-repeat:no-repeat; background-position:0 .3em;}

/* main */
#inhalt {margin-left:240px; width:680px; padding:10px; background-color:#f0f0f0;}
#inhalt {_margin-top:-3px;} /* underscorehack for 3 px gap in ie6 */
#inhalt ul {padding-left:10px;}
#inhalt li {list-style-image:url(/images/orangebox.gif); list-style-position:outside; margin:.5em 0 .5em 20px; line-height:1.5em;}		

/* img */
img.links {float:left; margin:5px 10px 10px 10px;}
img.rechts {float:right; margin:5px 10px 10px 10px;}
p img.links {margin-left:0;}
p img.rechts {margin:10px 0 10px 10px;}

/* text */

h1 {font-weight:bold; font-size:1.6em; margin:0 10px 10px 10px; font-family: "Tahoma", Helvetica, Arial, sans-serif; color:#245382; padding-top:10px;}
h2 {clear:both; font-weight:bold; font-size:1.1em; color:#fa0; margin:1.5em 10px .5em 10px; background:transparent url(../images/orangebox.gif) no-repeat left; padding:0 0 3px 18px; border-bottom:1px solid #fa0;}h3 {font-size:1em; color:#fa0;}

p {font-weight: normal; font-style: normal; margin:10px; text-align:justify; line-height:1.4em;}
.center { width:98%; text-align:center;}
#audioplayer_1, #audioplayer_2 {margin:10px; vertical-align:baseline; display:inline;}
#paypalform {margin:30px 0;}

/* acrobat link */
#acrobatlink {margin-top:30px; font-size:0.9em; color:#666;}
#acrobatlink img {vertical-align:bottom;}

/* footer */
#footer { width:700px; margin:0 0 0 240px;  display:block; background-color:#fa0;}
#footer p { font-size:0.9em; color:#245382; text-align:center; margin:0; padding:10px 20px;}
#footer img {margin:0;}
#footer p span	{ float:right;}
 
/* form */
#spendenform {width:95%; border:1px solid #ddd; padding:5px; margin:10px;}

#spendenform input,#spendenform textarea  {width:280px; margin:5px 10px; padding:3px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; border:1px solid #aaa; display:block;}
#spendenform label { display:inline; float:left; clear:left; margin:5px 10px; width:99%; padding:3px;}
#spendenform .button {margin-top:10px; width:288px; border:1px solid #d8000a ; display:block;}
#spendenform .button:hover {margin-top:10px; background-color:#d8000a; color:#fff; cursor:pointer;}
#spendenform input:focus, #spendenform textarea:focus {background-color:#efefef;}
#spendenform .error {border:1px solid #fa0;}
#spendenform .aus {display:none;}
#spendenform input.radiobutton {width:1em; margin:10px 5px 5px 15px; vertical-align:baseline; display:block;}
.errhint {display:block; margin-left:10px; font-weight:bold; color:#e2444b; font-size:.9em;}
.successmessage {display:block; border:2px solid #aaa; padding:5px;}
.errormessage {display:block; background: #f68614; font-weight:bold; padding:5px;} 
#spendenform label.spchk, #spendenform input.spchk {display:none;} 

/* general */
.textleft	{ text-align:left;}