/* -------       Hauptstylesheet M6C         --------------
----------      Autor: Robert Schroeder       --------------
----------  Formatierung für den Bildschirm  ------------*/


/* - BEGIN ----------------------------------------------- Formatierung der Body-Tags ------------------------------------------------------ */

body {
		background-image: url(../images/bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.2em;
		background-color: #c8e9fa;
		margin: 0;
		padding: 0;
}

/* - END ------------------------------------------------- Formatierung der Body-Tags ------------------------------------------------------ */

/* - BEGIN ----------------------------------------------- Ausrichtung der DIV-Container fuer den Seitenaufbau ----------------------------- */

#_main {
		position: relative;
		margin-top: 86px;
		margin-left: 110px;
		width: 766px;
		height: 400px;
		float: left;
		background-color: transparent;
		border: 1px solid #000000;
}

#left {
		position: relative;
		margin-top: 86px;
		margin-left: 110px;
		width: 663px;
		height: auto;
		float: left;
		background-color: #fff;
		border-bottom: 1px solid #666699;
		border-right: 1px solid #666699;
}

#mainmenu {
		position: relative;
		margin-top: 0px;
		margin-left: 0px;
		width: 100%;
		height: 26px;
		background-color: #c8e9fa;
}

#rootline {
		position: relative;
		background-image: url(../images/bg_rootline.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		margin-top: 0px;
		margin-left: 0px;
		width: 100%;
		height: 34px;
}

#contentbox {
		position: relative;
		margin-top: 0px;
		margin-left: 0px;
		padding-top: 25px;
		padding-left: 80px; 
		width: 544px;
		height: auto;
		border-left: 1px solid #666699;
}

#content {
		position: relative;
		margin: 0px;
		padding-top: 5px;
		padding-bottom: 30px;
		width: 542px;
		height: auto;
}

#content_left {
		position: relative;
		margin-top: 0px;
		margin-left: 0px;
		padding-top: 25px;
		padding-left: 80px; 
		width: 171px;
		height: 400px;
		float: left;
		border-left: 1px solid #666699;
		overflow: hidden;
}

#content_right {
		position: relative;
		margin-top: 0px;
		margin-left: 0px;
		padding-top: 25px;
		padding-left: 20px;
		padding-right: 25px;
		width: 353px;
		height: 400px;
		float: right;
}

#right {
		position: relative;
		margin-top: 172px;
		margin-left: 18px;
		width: 98px;
		height: 280px;
		float: left;
		background-color: #transparent;
}

#login {
		margin-top: 20px;
}

#submenu {
		position: relative;
		margin: 0px;
		margin-top: 10px;
		padding: 0px;
		width: 100%;
		height: auto;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		overflow: hidden;
}

#subleft_projekt, #subcenter_projekt, #subright_projekt, #subleft_anwendung, #subcenter_anwendung, #subright_anwendung, #subleft_publik, #subcenter_publik, #subright_publik {
		position: relative;
		width: 175px;
		height: auto;
		float: left;
		margin-right: 6px;		
}

/* - END ----------------------------------------------- Ausrichtung der DIV-Container fuer den Seitenaufbau ----------------------------- */

/* - BEGIN --------------------------------------------- Formatierung für das Tabmenues -------------------------------------------------- */

ul#tabsmenu {
		list-style-type: none;
		padding-left: 33px;
		margin: 0;
		background-color: #c8e9fa;
		font-family: Arial, Helvetica, sans-serif;
}

ul#tabsmenu li {
		float: left;
		height: 26px;
		background-color: #798f9d;
		color: #fff;
}

ul#tabsmenu li#act_eins, ul#tabsmenu li#act_zwei, ul#tabsmenu li#act_drei, ul#tabsmenu li#act_vier, ul#tabsmenu li#act_funf {
		background-color: #fff;
		color: #798f9d;
		border-top: 1px solid #798f9d;
}

ul#tabsmenu li#eins, ul#tabsmenu li#act_eins {
		width: 50px;
}

ul#tabsmenu li#zwei, ul#tabsmenu li#act_zwei {
		width: 70px;
}

ul#tabsmenu li#drei, ul#tabsmenu li#act_drei {
		width: 107px;
}

ul#tabsmenu li#vier, ul#tabsmenu li#act_vier {
		width: 144px;
}

ul#tabsmenu li#funf, ul#tabsmenu li#act_funf {
		width: 113px;
}

#tabsmenu a {
		float: left;
		display: block;
		text-decoration: none;
		padding-left: 3px;
		padding-top: 5px;
		font-size: 10px;
		text-transform: uppercase;
		font-weight: bold;
}

ul#tabsmenu li a {
		color: #fff;
}

ul#tabsmenu li a:hover {
		color: #000;
}

ul#tabsmenu li#act_eins a, ul#tabsmenu li#act_zwei a, ul#tabsmenu li#act_drei a, ul#tabsmenu li#act_vier a, ul#tabsmenu li#act_funf a {
		color: #798f9d;
}

/* - END ----------------------------------------------- Formatierung für das Tabmenues -------------------------------------------------- */

/* - BEGIN --------------------------------------------- Formatierung für das Metamenue -------------------------------------------------- */

#metamenu
{
		margin: 0;
		padding: 0;
		list-style-type: none;
}

#metamenu li { 
		margin: 0 0 5px 0;
		border: 1px solid #798f9d; 
}

#metamenu a
{
		display: block;
		padding: 2px 5px;
		width: 86px;
		color: #fff;
		background-color: #798f9d;
		text-decoration: none;
		font-size: 9px;
		text-transform: uppercase;
		font-weight: bold;
}

#metamenu a:hover, #metamenu a.akt
{
		color: #798f9d;
		background-color: #fff;
		text-decoration: none;
}

/* - END ----------------------------------------------- Formatierung für das Metamenue -------------------------------------------------- */

/* - BEGIN --------------------------------------------- Formatierung für des Rootlinemenüs ---------------------------------------------- */

#rootline ul {
		position: absolute;
		left: 80px;
		top: 10px;
		padding: 0px;
		margin: 0px;
		font-size: 10px;
}

#rootline ul li {
		display: inline;
		list-style-type: none;
		padding-right: 5px;
		color: #666;
}

#rootline ul li a {
		font-size: 10px;
		color: #aaa;
}

#rootline ul li a:hover {
		color: #666;
}

/* - END ----------------------------------------------- Formatierung für des Rootlinemenüs ---------------------------------------------- */

/* - BEGIN --------------------------------------------- Formatierung für des Submenus P--------------------------------------------------- */

/* - BEGIN -------------- Pprojektgruppen ------------------------ */

#subleft_projekt ul, #subcenter_projekt ul, #subright_projekt ul {
		background-position: 35px 0px;
		background-repeat: no-repeat;
		list-style: none;
		padding-top: 115px;
		margin-top: 20px;
		margin-bottom: 20px;
}

#subleft_projekt ul {
		background-image: url(../images/img_hci.gif);
}

#subcenter_projekt ul {
		background-image: url(../images/img_ckm.gif);
}

#subright_projekt ul {
		background-image: url(../images/img_mwn.gif);
}

#subleft_projekt ul li, #subcenter_projekt ul li, #subright_projekt ul li {
		margin-top: 5px;
		min-height: 20px;
}

#subleft_projekt ul li a, #subcenter_projekt ul li a, #subright_projekt ul li a {
		background-image:url(../images/pfeil_link.gif);
		background-position: 0px 5px;;
		background-repeat:no-repeat;
		padding-left: 20px;
		font-size: 10px;
		font-weight: bold;
		color: #798f9d;
		display: block;
		min-height: 20px;
}

#subleft_projekt ul li a:hover, #subcenter_projekt ul li a:hover, #subright_projekt ul li a:hover, #subleft_projekt ul li.act a, #subcenter_projekt ul li.act a, #subright_projekt ul li.act a {
		background-image:url(../images/pfeil_link_act.gif);
		background-position: 0px 5px;;
		background-repeat:no-repeat;
		min-height: 20px;
		padding-left: 20px;
		color: #000;
}

/* - END ---------------- Pprojektgruppen ------------------------ */

/* - BEGIN -------------- Anwendungsszenarien -------------------- */

#subleft_anwendung ul, #subcenter_anwendung ul, #subright_anwendung ul {
		background-position: 0px 0px;
		background-repeat: no-repeat;
		list-style: none;
		padding-top: 130px;
		padding-left: 0;
		margin-top: 20px;
		margin-bottom: 20px;
}

#subleft_anwendung ul {
		background-image: url(../images/mim.gif);
}

#subcenter_anwendung ul {
		background-image: url(../images/foto.gif);
}

#subright_anwendung ul {
		background-image: url(../images/marika.gif);
}

#subleft_anwendung ul li, #subcenter_anwendung ul li, #subright_anwendung ul li {
		margin-top: 5px;
		margin-left: 0px;
		min-height: 20px;
}

#subleft_anwendung ul li a, #subcenter_anwendung ul li a, #subright_anwendung ul li a {
		background-image:url(../images/pfeil_link.gif);
		background-position: 0px 5px;;
		background-repeat:no-repeat;
		padding-left: 20px;
		font-size: 10px;
		font-weight: bold;
		color: #798f9d;
		display: block;
		min-height: 20px;
}

#subleft_anwendung ul li a:hover, #subcenter_anwendung ul li a:hover, #subright_anwendung ul li a:hover, #subleft_anwendung ul li.act a, #subcenter_anwendung ul li.act a, #subright_anwendung ul li.act a {
		background-image:url(../images/pfeil_link_act.gif);
		background-position: 0px 5px;;
		background-repeat:no-repeat;
		min-height: 20px;
		padding-left: 20px;
		color: #000;
}

/* - END ---------------- Anwendungsszenarien ------------------ */

/* - BEGIN -------------- Pprojektgruppen ------------------------ */

#subleft_publik ul, #subcenter_publik ul, #subright_publik ul {
		list-style: none;
		padding-top: 15px;
		padding-left: 0;
		margin-bottom: 20px;
}

#subleft_publik ul li, #subcenter_publik ul li, #subright_publik ul li {
		margin-top: 5px;
		min-height: 20px;
}

#subleft_publik ul li a, #subcenter_publik ul li a, #subright_publik ul li a {
		background-image:url(../images/pfeil_link.gif);
		background-position: 0px 5px;;
		background-repeat:no-repeat;
		padding-left: 20px;
		font-size: 10px;
		font-weight: bold;
		color: #798f9d;
		display: block;
		min-height: 20px;
}

#subleft_publik ul li a:hover, #subcenter_publik ul li a:hover, #subright_publik ul li a:hover, #subleft_publik ul li.act a, #subcenter_publik ul li.act a, #subright_publik ul li.act a {
		background-image:url(../images/pfeil_link_act.gif);
		background-position: 0px 5px;;
		background-repeat:no-repeat;
		min-height: 20px;
		padding-left: 20px;
		color: #000;
}

/* - END ---------------- Pprojektgruppen ------------------------ */

/* - END ----------------------------------------------- Formatierung für des Submenus --------------------------------------------------- */

/* - BEGIN --------------------------------------------- Formatierung für die Contentelemente -------------------------------------------- */

h1 {
		font-size: 15px;
		font-weight: bold;
		margin: 0;
		padding: 10px 100px 5px 0;
}


h2 {
		font-size: 12px;
		font-weight: bold;
}


h3 {
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		padding: 0 0 3px 0;
		border-bottom: 1px solid #336699;
		width: 100%;
}


h1, h2, h3{
		color: #000;
}


td, th {
		font-size: 12px;
}


a {
		font-size: 12px;
		color: #798f9d;
		text-decoration: none;
}


a:hover, a:active {
		font-size: 12px;
		color: #000;
		text-decoration: none;
}


hr {
		color: #999;
		background-color: #bbb;
		left: 0;
		height: 1px;
		text-align: left;
		border-width: 0;
		width: 100%;
}


img {
		border: 0px;		
}


ul {
		list-style-type: disc;
		margin-left: 0px;
		padding-left: 15px;
}


div.login {
		width: 230px;
}

div.login th {
		vertical-align: top;
}

.clearLeft {
		clear: left;
		margin: 0;
		padding: 0;
}


.clearRight {
		clear: right;
		margin: 0;
		padding: 0;
}


.clearBoth {
		clear: both;
		margin: 0;
		padding: 0;
}

.csc-textpic-caption {
		font-size: 9px;
}

.partner {
		position: relative;
		width: 160px;
		height: 120px;
		margin-left: 20px;
		margin-bottom: 10px;
		padding: auto;
		float: left;
}


.partner_image {
		margin: 0;
		padding: auto;
		height: 71px;
		overflow: hidden;
		padding-top: auto;
		padding-bottom: auto;
		vertical-align: middle;
}


.partner_image img{

}


.partner_text {
		font-size: 11px;
		color: #000;
		margin: 0;
		padding: 0;
		line-height: 12px;
}

.kontakt {
		margin-bottom: 15px;
		width: 420px;
		height: 120px;
}

.kontakt_img {
		float: left;
		margin-right: 10px;
}

.kontakt_info {
		float: left;
		width: 310px;
		margin: 0px;
		padding: 0px;
}

.kontakt_info p{
		margin: 0px;
		padding: 0px;
}

.presse {
		margin-bottom: 15px;
		margin-top: 10px;
		width: 550px;
		height: auto;
}

.presse_img {
		float: left;
		width: 25px;
		margin-right: 10px;
}

.presse_info {
		float: left;
		width: 500px;
		margin: 0px;
		padding: 0px;
		padding-bottom: 3px;
}

.presse_info p{
		margin: 0px;
		padding: 0px;
}

/* - Form -------------------------------------------- */

form {
		margin: 5px 0 20px 0;
		padding: 0;
}


textarea {
		border: 1px solid #336699;
		background-color: transparent;
		width: 200px;
		overflow: auto;
}


input {
		border: 1px solid #798f9d;
		background-color: fff;
		width: 98px;
		font-size: 10px;
		margin-bottom: 5px;
}


.submit {
		border: 1px solid #798f9d;
		color: #fff;
		background-color: #798f9d;
		margin: 0;
		width: 45px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight: bold;
}

.logout {
		border: 1px solid #798f9d;
		color: #fff;
		background-color: #798f9d;
		margin: 0;
		width: 98px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight: bold;
}

.submit:hover, .logout:hover {
		border: 1px solid #798f9d;
		color: #798f9d;
		background-color: #fff;
		cursor: pointer;
}

/* --------------------------------------------------- */

/* - END ----------------------------------------------- Formatierung für die Contentelemente -------------------------------------------- */

/* - BEGIN --------------------------------------------- Formatierung für die New Loginbox ----------------------------------------------- */

.tx-newloginbox-pi1 table { 
		width:100%;
}


.tx-newloginbox-pi1 th { 
		background-color: transparent; 
		padding: 0 0 10px 0;
		margin: 0;
		text-align: left;
		vertical-align: bottom;
}


.tx-newloginbox-pi1 td {
		background-color: transparent;
		padding: 0 0 10px 0;
		margin: 0;
		width: 220px;
}


.tx-newloginbox-pi3 table {
		width:100%;
}


.tx-newloginbox-pi3 th {
		background-color: transparent;
		padding: 0 0 10px 0;
		margin: 0;
		text-align: left;
}


.tx-newloginbox-pi3 td {
		background-color: transparent; 
		padding: 0 0 10px 0;
		margin: 0;
}

/* - END --------------------------------------------- Formatierung für die New Loginbox ----------------------------------------------- */