@charset "utf-8";
/*
Hintergrund		f1f1f1
Rahmen			dadadc
Schrift			000
Schrift-blau	0059a1
Grün			86c04e
Gelb			ffec00
Blau			3379b4
Rot				e83352
Links-cur		0059a1

15 | 140 | 15 | 360 | 15 | 240 | 15	
	
*/

body {
	background: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	margin:0;
}

img { border:0;}
/*
div { border:1px solid #FF0000;}

/*--- Links --------------------------------------*/
a { color:#0059a1; text-decoration:none;}
a:hover { color:#000; text-decoration:underline;}

/*--- DIVs ---------------------------------------*/
#rahmen { width:800px; margin:auto; background-color:#f1f1f1; border:1px solid #dadadc;}
	#header { height:85px; background:url(../pix/bg-header.jpg) repeat-x;}
		#logo { width:240px; float:left;}
		#header-rechts { width:550px; padding-top:15px; text-align:right; float:right;}
			#sprache { width:200px; margin-right:15px; float:right;}
				.sprache { margin-top:5px;}
			#login { width:350px; float:right;}
	#menu { height:20px; padding-left:15px; border-bottom:1px solid #dadadc; background-color:#86c04e;}
	#banner { height:100px; background:#006bb3 url(../pix/banner.jpg) no-repeat;}
	#spalten { background:url(../pix/bg-spalten.jpg) repeat-x;}
		#submenu { width:160px; float:left; margin-left:20px; padding-top:65px;}
		#content { width:360px; float:left; margin-left:20px;}
		#rechts { width:180px; float:right; margin-right:20px; padding-top:65px;}
	#footer { height:20px; text-align:center; background:url(../pix/bg-footer.jpg) repeat-x;}
	
	/*- Startseite -*/
	
	#start { margin:15px; background:url(../pix/bg-spalten.jpg) repeat-x;}
		#start-links { float:left; width:376px; margin-bottom:30px;}
		#start-rechts { float:right; width:379px; margin-bottom:30px;}
	

/*--- Menu ---------------------------------------*/
#menu {	font:bold 12px/20px Arial, Helvetica, sans-serif; background:url(../pix/bg-menu.jpg) repeat-x;}
#menu ul { margin:0; padding:0; }
#menu ul li {float:left; list-style:none; border-left:1px solid #fff; border-right:1px solid #fff; margin-right:-1px; padding:0;}
#menu ul li a { padding:3px 10px; color:#fff; height:20px;}
#menu ul li a.cur { color:#ffec00;}
#menu ul li a:hover { text-decoration:none; background:url(../pix/bg-menu-hover.jpg) repeat-x;}

#submenu { font-size:11px; line-height:18px;}
#submenu ul { margin:0; padding:0;}
#submenu ul li { list-style:none;}
#submenu ul li a { color:#000; display:block; padding-left:10px; border-bottom:1px dashed #86c04e;}
#submenu ul li a.cur { color:#0059a1; background:url(../pix/menu-ball.jpg) no-repeat 0 50%;}
#submenu ul li a:hover { color:#0059a1; text-decoration:none;}

#submenu ul li ul li a {}
#submenu ul li ul li a.cur {}
#submenu ul li ul li a:hover {}

/*--- Content ------------------------------------*/

#rechts img { border:1px solid #0059a1;}
/* Überschriftten */
h1 { color:#0059a1; font-size:18px; font-weight:normal;}



/*--- Content Startseite --------------------------*/
#start-box-blau, #start-box-gelb, #start-box-gruen, #start-box-rot { float:left; height:88px; width:266px; background:url(../pix/startseite/boxen-links-bg.jpg) repeat-x;}
.pedding4{ margin:4px;}
.pedding4 p{ margin:0;}

#start ul li { list-style-image:url(../pix/startseite/list-img.gif);}

#start-box-gruen { border-bottom:1px dashed #86c04e; border-top:1px dashed #86c04e;}
#start-box-gruen div {}
#start-box-gruen ul { margin:-2px 0 -2px 20px; padding:0;}
#start-box-gruen ul li{}
#start-box-gruen ul li a{}
#start-box-gruen ul li a:hover {}

#start-box-blau { border-bottom:1px dashed #3379b4; border-top:1px dashed #3379b4;}
#start-box-blau div { }

#start-box-gelb { border-bottom:1px dashed #ffec00; border-top:1px dashed #ffec00;}
#start-box-gelb div { }

#start-box-rot { border-bottom:1px dashed #e83352; border-top:1px dashed #e83352;}
#start-box-rot div { }

#start-box-shop { float:left; width:124px; height:195px; margin-bottom:15px;}
#start-box-system { float:left; width:124px; height:195px; margin-bottom:15px; margin-left:2px;}
#start-box-kontakt { float:left; width:124px; height:195px; margin-bottom:15px; margin-left:2px;}


/* --- 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 fieldset.csc-mailform label {float:left; width:90px;}
#content fieldset.csc-mailform {border:0;}

/*--- Footer -------------------------------------*/
#footer { color:#bbbdbe; line-height:20px; font-size:11px}
#footer a { color:#bbbdbe;}
#footer a:hover { color:#666;}

/*--- Sprachauswahl ------------------------------*/
#sprachauswahl { }

#sprachauswahl select {
	font: 10px Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #ccc solid;
	background: #fafafa;
	color: #777;}
/*
#sprachauswahl { width:120px; position:absolute; margin-top:5px; margin-left:-10px; text-align:left; border:1px solid #ddd; background-color:#fff; z-index:100;}

#sprachauswahl ul { padding:0;}
#sprachauswahl li {display:block; height:17px; margin:0; padding:0; white-space:nowrap;}
#sprachauswahl li a {display:block; width:100px; padding:2px 10px; text-decoration:none;}
#sprachauswahl li a:hover {background:#ccc;}
*/

/*--- Login --------------------------------------*/
#login input { height:15px; width:85px; background-color:#f6f6f6; border:1px solid #c6c7c8;}
/*--- XYZ ----------------------------------------*/