@charset "utf-8";

*		{ margin: 0px; padding: 0px; border: 0px; }
html	{ height: 100.2%; }
body	{ background: #c8c8ff top left  repeat; }
	


/**** GRUNDGERÜST ****/
div#wrapper { width: 1150px; margin: 20px auto; }

/** kopfbereich **/
div#head { width: 1150px; height: 120px; background-color: #7373c7; }

div#logo{ width: 250px; background-color: #7373c7; height: 120px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; float: left; }
div#banner_top{ width : 900px; background-color: #7373c7; height: 80px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 40px; color: #FFFFFF; float: right; }
div#banner_bottom{ width : 900px; background-color: #7373c7; height: 20px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; float: right; }


/** contentbereich **/
div#content { width: 1150px; min-height: 800px; } 

div#component { width: 800px; min-height: 700px; padding: 50px; background-color: #a7a7d5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #0b244c; float: left; }
div#component a { color: #5876a5; }
div#component h1 { margin-bottom: 10px; font-size: 16px; }
div#component h2 { margin-bottom: 5px; font-size: 14px; }
div#component h3 { margin-bottom: 5px; font-size: 12px; font-weight: bold; font-style: italic; }
div#component p { margin-bottom: 10px; }
div#component ul { margin-left: 80px; }

div#menu { width: 250px; background-color: #585896; min-height:800px; float: right }
div#menu h3 { background-color: #0b244c; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #ffffff; text-align: center; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; }
div#menu ul { margin-left: 20px; }
div#menu ul li { list-style-type: none; margin-bottom: 2px; }
div#menu ul ul { margin-left: 10px; }
div#menu a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; font-size: 15px; }



/** footerbereich **/

div#footer { width: 1150px; height: 30px; background-color: #888888; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-align: right; }
div#footer ul li { display: inline; margin-left: 10px; }
div#footer a { color: #FFFFFF; text-decoration: none; }