@charset "utf-8";
/*
Hintergrund		2d618d
Schrift			fff
Links (rot)		df061d
*/

body {
	background: #000;
	font: 12px/125% Arial, Helvetica, sans-serif;
	color: #fff;
}

	
/*--- Links --------------------------------------*/
a { color:#fff; text-decoration:none;}
a:hover { color:#df061d;}

#content a, #home-content a { color:#df061d;}
#content a:hover, #home-content a:hover { text-decoration:underline;}


/*--- DIVs ---------------------------------------*/
#rahmen { width:880px; margin:50px auto 0; background:url(../pix/streifen.gif) repeat-y;}
	#menu { height:60px; background:url(../pix/bogen-oben.gif) no-repeat;}
		#menu-links { margin-left:15px;}
		#menu-rechts { margin-right:25px;}
	#spalten { margin:30px 0 20px;}
		#links { width:200px; float:left;}
		#content { width:600px; line-height:150%; float:left; margin-left:40px;}
		#home-links { width:480px; float:left;}
		#home-content { width:320px; float:left; margin-left:40px;}
	#bogen-unten { height:25px; background:url(../pix/bogen-unten.gif) no-repeat;}
	#footer { width:880px; height:60px; margin:25px auto 0; clear:both; text-align:right; background:#000 url(../pix/bonsai-zentrum-heidelberg.jpg) center center no-repeat;}


/*--- Menu ---------------------------------------*/
#menu ul { margin:0; padding:0;}
#menu ul li { float:left; list-style:none; margin:0 0 0 10px; padding:0; background:url(../pix/tab-rechts.gif) no-repeat right top;}
#menu ul li a { display:block; font-size:14px; font-weight:bold; text-transform:uppercase; padding:7px 15px 5px 15px; background:url(../pix/tab-links.gif) no-repeat left top;}
#menu ul li a:hover { color:#000; text-decoration:none;}

#menu #cur { margin:25px 0 0 10px; background:url(../pix/tab-rechts-cur.gif) no-repeat right top;}
#menu #cur a { padding:7px 15px 5px 15px; background:url(../pix/tab-links-cur.gif) no-repeat left top;}

#menu-rechts ul li { float:right;}
.tab-links { background:url(../pix/tab-links.gif) no-repeat;}
.tab-rechts { background:url(../pix/tab-rechts.gif) no-repeat right;}

/* Submenu */
#links ul { margin:0; padding:30px 0 50px; list-style:none; border-right:2px solid #fff;}
#links ul li { }
#links ul li a { display:block; padding:10px 15px 10px 0; font-weight:bold; text-transform:uppercase;}
#links ul li a.cur { color:#df061d;}
#links ul li a:hover {}

/*--- Content ------------------------------------*/
/* Startseite */
#home-bonsai, #home-koi, #home-garten, #home-kunst { float:left; width:90px; height:478px;}
#home-koi, #home-garten, #home-kunst { margin-left:30px;}
#home-bonsai { margin-left:30px;}

#home-bonsai a, #home-koi a, #home-garten a, #home-kunst a { display:block; width:90px; height:478px;}

#home-bonsai a { background:url(../pix/home-bonsai.jpg)}
#home-koi a { background:url(../pix/home-koi.jpg)}
#home-garten a { background:url(../pix/home-garten.jpg)}
#home-kunst a { background:url(../pix/home-kunst.jpg)}

#home-bonsai a:hover, #home-koi a:hover, #home-garten a:hover, #home-kunst a:hover { background-position:right;}

/* Überschriften */
h1 { color:#df061d; font-size:15px; font-weight:bold; text-transform:uppercase;}
h2 { font-size:13px; text-transform:uppercase;}

/* Tabellen */
table { width:100%; border-spacing:0;}
td { padding:2px 4px; vertical-align:top;}

/* --- Formulare --------------------------------- */
#content input, 
#content textarea {
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #ccc solid;
	background: #fafafa;
	padding: 3px;
	color: #777;
}

#content input[type=text], 
#content textarea {
	width:220px;
}

#content input[type=text]:focus, 
#content input[type=submit]:focus, 
#content textarea:focus,
#content input[type=submit]:hover,
#content input[type=text]:hover, 
#content textarea:hover {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

#content .csc-mailform-field { 	margin:5px 0;}
#content input[type=submit] { margin-left:90px;}
#content .csc-mailform-field label {float:left; width:90px;}

#content input[type=checkbox] { float:left;}
#content fieldset.csc-mailform {border:0;}


/*--- XYZ ----------------------------------------*/