/********************************************************************************
* phpComasy, Content Management System                                          *
* http://www.phpcomasy.org                                                      *
*                                                                               *
* Copyright (c) 2005 - 2006 Emanuel Zuber (www.noreality.ch)                    *
*                                                                               *
* Released under the GNU General Public License                                 *
********************************************************************************/


/***** You can put your own style stuff here in this file
       For questions see www.phpcomasy.org *****/


/********************************* General styles ******************************/

/*
folgende zewei zeilen werden von http://www.highresolution.info/webdesign/yaml/artikel/css/base.html empfohlen,
haben aber den nachteil, dass wirklich ALLE paddings und margins auf null gesetzt werden,
daher müsste man für jedes element eigene paddings vergeben */
/* * { margin:0; padding:0; }*/
option {padding-left: 0.4em}


html {height:100%}
body {
    min-height: 101%;
    font-size: 100.01%;
    position: relative;
    text-align: left;
	background:#F8F8F8;
	background-image: url(img/background-main.jpg);
    background-repeat: repeat-x;
	margin:0px;
	padding:0px;
	}

body, b,ul{
	color:#444444;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:86%;
}

input, select, label, textarea {
	font-family: Arial, Helvetica, Sans-serif;

	    line-height:100%;
}

p, td {
	color:#444444;
}
img {
	border: none;
}

input {
	color: #F37020;
	border: 1px solid #AAAAAA;
	margin:0 2px 0 0;
	padding:0;
}

input[type=submit]  {
	background: #F37020;
	color: white;
	border:1px solid #F37020;
}

input, select, textarea {
	font-size:11px;
}

a {
	color: #F37020;
}

h1 {

	letter-spacing:1px;
	color: #F37020;
	padding-bottom:10px;
	font-size:140%;
	font-weight:normal;
}
h2 {
	color: #F37020;
	font-weight:normal;
}
hr {
    background-color:#AAAAAA; /* Mozilla 1.4 */
    color:#AAAAAA; /* IE 6 */
    border: #AAAAAA; /* Opera 7.11 */
    height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}
/*Darstellung von "Auflistung"-Anfang*/
ul{

		list-style-image: url(img/pfeil-rechts-klein.gif);
}

li{
	padding: 2px 0 6px 15px;
	/*		background-image: url(img/pfeil-rechts-klein.gif) ;
		background-repeat: no-repeat;*/

}
/*******************************************************************************/
/* Clearen per Overflow */
.floatbox { overflow:hidden; }


/************************************ Basic ************************************/


.header{
    padding:0;
    /*background-image: url(img/background-header.jpg);
    background-repeat: repeat-x;*/
    margin:0;
    border:0;
    height:110px;
	width:980px;
}
.header a {
	font-size:86%;
}
.mcu-logo-header {
    float:left;
    width:280px;
    height:110px;
    background-image: url(img/mcu-logo-header.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}
#submenu{
    float:left;
    width:680px;
    padding-top:80px;
    text-align:right;
    color:white;
}
.submenu{
    margin-left:20px;
    padding-left:20px;
    background-image: url(img/pfeil-weiss.gif);
    background-repeat: no-repeat;
    background-position:0px 50%;
    color:white;
    text-decoration:none;
}

.header2{
    padding:0;
    /*background-image: url(img/background-header2.jpg);
    background-repeat: repeat-x;*/
    margin:0;
    border:0;
    height:35px;
	width:980px;
}
.mcu-logo-header2 {
    float:left;
    width:280px;
	height:35px;
    background-image: url(img/mcu-logo-header2.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.mcu-logo-header2-div1{
	float:left;
	width:580px;
	padding-top:8px;
	font-size:80%;
	color: #F37020;
}

.mcu-logo-header2-div2{
	padding-top:4px;
}

.main-wrapper{
    float:left;
	background:white;
    background-image: url(img/background-main.gif);
    background-repeat: repeat-y;
    padding:0;
    margin:0;
    border:0;
	width:1200px;
	border:0px solid red;
}

.Navi{
    float:left;
    margin:0;
    padding:100px 30px 20px 43px;
    background-image: url(img/mcu-logo-main.gif);
    background-repeat: no-repeat;
    background-position: 43px 0px;
	border:0px solid blue;
}

.main-content{
    margin:0;
    padding:10px 10px 20px 4px;
	width:680px;
    border:0px solid black;
    line-height:160%;
	font-size:86%;
	overflow: hidden; /* ACHTUNG: wichtig */
}
.main-content p,ul,td,tr,td,fieldset,blockquote{
	font-size:100%;
}
/* line-height zuruecksetzen wegen den formularen */
.mailform_element p{
    clear:left;
    line-height:100%;
}

.footer{
    clear:both;
    background:#EEEEEE;
    background-image: url(img/mcu-logo-footer.gif);
    background-repeat: no-repeat;
    padding:10px 10px 10px 280px;
    margin:0;
    border:0;
    height:30px;
    font-size:80%;
}

#address{
	/*background-image: url(img/logo2.gif);
  	background-repeat: no-repeat;
  	background-position: top left;*/
	float:left;
}
.telefon{
	background-image: url(img/telefon.gif);
  	background-repeat: no-repeat;
  	background-position: top left;
 	padding-left:20px;
}

.infobox {
	float:left;
	width:224px;
	height:205px;
	padding:20px 20px 20px 14px;
	margin:0;
	background-image: url(img/infobox.gif);
  	background-repeat: no-repeat;
  	background-position: top left;
	color: #F37020;
}

.rightColumn {
	float:left;
	width:224px;
	/*height:205px;*/
	padding:20px 20px 20px 14px;
	margin:0;
	background-image: url(img/infobox.gif);
  	background-repeat: no-repeat;
  	background-position: top left;
	color: #F37020;
	font-size: 86%;
}

.infobox-link {
	float:left;
	width:224px;
	padding:0;
	margin:0;
	color: #F37020;
}

.infobox-News {
	float:right;
	width:200px;
	padding:20px 0 20px 0 ;
	margin:0;
	background:white;
}
.infobox-News-center {
	background:#EEEEEE;
	padding:10px;

/* 	Mindesthöhe vom DIV-Container
	Folgende Lösung (alle drei zeilen) funzt bei allen Browsern (min. Mozilla, IE6, Opera)
	Wichtig: Immer erst die important- Klausel!

	Die Klausel bewirkt bei entsprechend kompatiblen
	Browsern, dass diese Eigenschaft nachfolgend nicht
	mehr überschrieben werden kann.	*/

    min-height:70px;
    height: auto !important;
    height: 70px;
}

.infobox-link-right {
	float:right;
	width:224px;
	padding:0;
	margin:0;
	color: #F37020;
}

.infobox-top {
	background-image: url(img/infobox-top.gif);
  	background-repeat: no-repeat;
  	background-position: top left;
  	height:49px;
}
.infobox-center {
	background-image: url(img/infobox-center.gif);
  	background-repeat: repeat-y;
  	background-position: top left;
	padding:0px 30px 10px 44px;

/* 	Mindesthöhe vom DIV-Container
	Folgende Lösung (alle drei zeilen) funzt bei allen Browsern (min. Mozilla, IE6, Opera)
	Wichtig: Immer erst die important- Klausel!

	Die Klausel bewirkt bei entsprechend kompatiblen
	Browsern, dass diese Eigenschaft nachfolgend nicht
	mehr überschrieben werden kann.	*/

    min-height:70px;
    height: auto !important;
    height: 70px;
}
.infobox-bottom {
	background-image: url(img/infobox-bottom.gif);
  	background-repeat: no-repeat;
  	background-position: top left;
  	height:56px;
	padding:8px 0px 0px 64px;
}
.infobox-bottom a {
	color:white;
	text-decoration:none;
	font-size:11px;
}

.infobox-inside {
	padding:30px 40px 80px 30px;
}

.infobox-right {
	float:right;
	width:224px;
	height:205px;
	padding:20px 20px 20px 14px;
	margin:0;
	background-image: url(img/infobox.gif);
  	background-repeat: no-repeat;
  	background-position: top left;
	color: #F37020;
}

.back a {
	/*display: block;*/
	display:inline;
	text-decoration:none;
	padding:4px;
	background-image: url(img/pfeil-links-klein.gif);
  	background-repeat: no-repeat;
	padding:0 10px 0 20px;
  	background-position:50% left;

}

.divBottom {
padding-top:50px;
color:white;
	/*display: none;*/
}


/*******************************************************************************/


/*********************************** Navigation ********************************/



/**** root navigation - gibt nur die oberste ebene der navi aus ***/

.root-navigation ul{
list-style-image: none;
}

.root-navigation  li {
	list-style-type: none;
	margin: 0px;
	padding:0px;
	display: inline;
}

.root-navigation li a {
	font-size: 86%;
	float: left;
	border: 0px solid #FFFFFF;
	padding:0px 20px 2px 20px;
	margin: 1px;
	color: #F37020;
	font-weight: bold;
	vertical-align: bottom;
}

.root-navigation li.current a {
	letter-spacing:0.2em;
    color: #E6E6E6;
	font-weight: bold;
}

.root-navigation li a:hover {
	font-weight: bold;
	color: #E6E6E6;
}

/**** ENDE root navigation - gibt nur die oberste ebene der navi aus ***/

/**** navigation - gibt alles aus ***/
.navigation {
	letter-spacing:1px;
    width:204px;
    padding:0 0 40px 0;
    margin:0;

}

.navigation ul{
		list-style-image: none;
		margin-left:0px;
		list-style:none;
}

.navigation li {
	list-style-image: none;
	list-style:none;
	margin: 1px 1px 0 1px;
	padding:0px;
}

.navigation li a {
    color: #444444;
	font-weight: normal;
	text-decoration: none;
	padding:4px 0px 4px 50px;
	background-image: url(img/listindex.gif);
	background-repeat: no-repeat;
	background-position:20px 50%;
	display: block;
	/*width:187px;  eine width angabe muss für den ie sein, wenn display:block verwendet wird - ansonsten zeigt nur der ie die abstände falsch an*/

}

/*** erste ebene nicht anzeigen, wenn die root_navigation in der index-datei vorhanden ist ***/
.navigation li.level0 a {
	margin-left:0px;
}

.navigation li.level0.current a {
	background-color: #F0F0F0;
	margin-left:0px;
	color: #F37020;
}
.navigation li.level0 current a {
	background-color: #F0F0F0;
	margin-left:0px;
	color: #F37020;
}

.navigation li.level0 a:hover {
	background-color:#F0F0F0;
}

.navigation li.level1 a {
	font-size:90%;

	margin:0 0 0 15px;
}

.navigation li.level1_current a{

	margin:0 0 0 15px;
}

.navigation li.level1 a:hover {
	background-color: #F7F7F7;
}

.navigation li.level2 a {
	margin-left: 25px;
	font-size: 90%;
}

.navigation li.level3 a {
	margin-left: 35px;
	font-size: 80%;
}

.navigation li.level4 a {
	margin-left: 45px;
	font-size: 70%;
}
/*******************************************************************************/


/************************************ Content **********************************/


.introduction {
	padding-bottom:20px;
/*	color:#F37020; */
	font-weight:bold;
}


/*******************************************************************************/

/************************************ Module **********************************/

.news_output{
	padding-bottom:6px;
	padding-top:6px;
	border-bottom:1px solid #008000;
}

.news_entry {
margin-bottom:10px;
padding:10px 0 10px 0;
border-bottom:1px solid #AAAAAA;
}

.news_date {
display:none;
}
.comment {
clear:both;
padding:6px 0 6px 0;
}

.module-content a{
		padding:10px 10px 10px 0;
}
fieldset{
	background:#F8F8F8;
}
.fieldset-content{
	padding:20px;
}

/*******************************************************************************/


/************************************ Portlets *********************************/

.portlet {
	margin: 0;
	padding:4px;
	background-color: transparent;
	/*background-color: #E6E6E6;
	border: 1px solid #F37020;*/
}
.portlet h1 {
	display:none;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #FFFFFF;
	/*background-color:#749374;*/
	color:#F37020;
}
.portlet a {
	text-decoration: none;
	background-color: transparent;
	padding: 0px;
	color:#F37020;

}
.portlet .subtitle {

	margin: 0px;
	padding: 0px;
	font-weight: bolder;
}
.portlet .content {
	margin: 0px;
	padding: 4px 0 20px 0;
}
.portlet .detail {
	color: gray;
	padding: 0 0 4px 0;
	margin: 0px;
}
#portlet-page-tools{
	clear: both;
	margin: 40px 0 0 0;
	padding:14px 2px 12px 0;
	width:612px;
	border-top:1px solid #F37020;
	/*text-align: right;*/
}
#portlet-page-tools a {
	/*display: block;*/
	display:inline;
	padding:4px;
	background-image: url(img/pfeil.gif);
  	background-repeat: no-repeat;
	padding:0 10px 0 20px;
  	background-position:50% left;

}

#portlet-page-tools img {
	vertical-align:middle;
}

#portlet-page-tools h1 {
	display:none;
}

.page_counter{
	font-size: 116%;
}

/*******************************************************************************/


/******************************** Additional stuff *****************************/

.message {
	background-color: white;
}
/***** Powered By *****/
.powered_by {
	font-size:80%;
	clear: left;
	margin: 10px;
	display: block;
	text-align: center;
}
.powered_by a {

}
.standards {
	clear: left;
	margin-top: 3px;
	display: block;
	text-align: center;
}

.tdrahmen {
	width:210px;
	border: 1px solid #AAAAAA;
	background-color: #E6E6E6;
	padding:4px;
}

.rahmen {
	border: 1px solid #AAAAAA;
	background-color: #E6E6E6;
	padding:4px;
}

.rahmen img {
	border: 1px solid #AAAAAA;
}

.tdrahmen img {
	border: 1px solid #FFFFFF;
}

.tablerahmen{
   clear:both; /*  important - do not delete */

}
.trbackground {
		background-color: #F0F0F0;
}

.Space { background: #F37020;
	     height:10px;
	     width:100%;
	     }
.databaseLabel {
	background: #F37020;
	height:40px;
}

.ClassComboSearch {background: #EEEEEE;
	     }

/*******************************************************************************/