/************************************************************************************
  Bildschirmaufteilung
************************************************************************************/

/* maximale gesamthoehe */
.main 					{ height: 723px; }

/* aufteilung in bereiche: middle = left = right. top + middle + bottom = main */
.top					{ height: 5px;   }
.middle, .left, .right  { height: 713px; }
.bottom					{ height: 5px;   }

/* linker menuebereich. left-logo-top + menu = middle */
.left-logo-top 			{ height: 90px;  }
.menu 					{ height: 623px; }

/* oberer menuebereich im rechten bildschirmbereich. feste hoehe */
.right-top 				{ height: 67px;  }

/* rechter seiteninhalt. content-norm = right - right-top. content-small = content-norm - content-logo */
.content-logo 			{ height: 216px; }
.content-small 			{ height: 429px; #height: 426px; }
.content-norm 			{ height: 645px;   } /* muss IMMER 0 sein, wird beim Laden der Seite berechnet (Javascript) */

.main, .top, .middle, .bottom {
	width: 900px; }
	
.left, .menu, .menu-l0, .menu-l1, .menu-l2, .menu-l1-cur, .menu-l2-cur, .bottom-left, .bottom-right, .left-logo-top {
	width: 224px; 
}
	
.right, .right-top, .content-logo {
	width: 673px; 
}
.content-norm, .content-small { 
	width: 643px; 
	display: none;	/* Voreinstellung: ausgeblendet. Wird beim Laden der Seite je nach Inhalt ermittelt */
}
.text-normal, .text-left {
	width: 620px; 
}
.right-top-menu	{ 
	width: 97px; 
}

/************************************************************************************
  Farbdefinitionen
************************************************************************************/
/*body, .main, .right, .right-top-menu a:hover {
	background-color: #ffffff;
}*/

body, .main, .right {
	background-color: #ffffff;
}

body, p, p.copyright {
	color: #202020;
}
.csc-sitemap a:hover, .menu-l0-cur, .menu-l0-cur a, .menu-l0-cur a:visited, .menu-l0 a:hover, .menu-l0 a:active, .menu-l1 a:hover, .menu-l1 a:active, .menu-l1-cur a:hover, .menu-l1-cur a:active, .menu-l2 a:hover, .menu-l2-cur a:active {
	background-color: #e3001b;
}
.menu-l1-cur, .menu-l1-cur a, .menu-l1-cur a:visited, .menu-l1-cur a:active, .menu-l2-cur {
	color: #e3001b;
}
.csc-sitemap a:hover {
	border: 1px solid #e3001b;
}
.left {
	background-color: #ddebf6;
}
a:link, a:visited, a:active, a.normal 		{
	color: black; 
}
a:hover, a.normal:hover	{
	color: #4040a0;
}
b.white {
	color: #f0ffff;
}
h1.csc-firstHeader, h4, h5 {
	color: #414141;
}
p.title {
	color: #e0e0e0;
}
a.white, .csc-sitemap a:hover, .menu-l0-cur, .menu-l0-cur a, .menu-l0-cur a:visited, .menu-l0 a:hover, .menu-l1 a:hover, .menu-l1-cur a:hover, .menu-l2 a:hover, .right-top-menu, .right-top-menu a, .right-top-menu a:visited {
	color: #ffffff;
}
.bottom-left, .bottom-right {
	color: #80808c;
}
.left {
	border-left: 1px solid #305282;
	border-right: 1px solid #305282;
}
.menu-l1 a:hover {
	border-top: hairline solid #ffffff;
	border-bottom: hairline solid #ffffff;
}
/*.right {
	border-right: 1px solid #305282;
}
.right-top {
	background-color: #305282;
	border-bottom: 1px solid #ddebf6;
	color: #e0e0e0;
}
.right-top-menu a:hover { 
	color: #305282;  
}
*/

.right {
	border-right: 1px solid #305282;
}
.right-top a {
	font-weight: normal;
}
.right-top {
	background-color: #305282;
	border-bottom: 1px solid #ddebf6;
	color: #e0e0e0;
}
.right-top-menu a:hover, .right-top-menu a:active { 
	font-weight: bold;
	color: #ffffff;
}

.content-logo img {
	border-bottom: 1px solid #305282;
}
	
/************************************************************************************
  Basistemplates
************************************************************************************/

body {
	font-family: Tahoma, Arial, Verdana, Helvetica;
	font-size: 8pt; 
	text-align: center;
	margin: 15px;
	padding: 0;
}

.main {
	border: none;
	margin: 0 auto;
}

a:link, a:visited, a:active, a:hover, a.normal, a.normal:hover {
	text-decoration: none; 
}
a.normal, a.normal:hover {
	font-weight: normal;
}

b.white {
	font-size: 10pt; 
	font-weight: bold;
}

h1 { 
	font-size: 14pt; 
	font-weight: normal; 
}

h1.csc-firstHeader {
	font-size: 14pt; 
	font-weight: bold;
	margin: 5px 5px 10px 0px; 
}

h3 {
	font-size: 10pt; 
	font-weight: normal;
	margin: 15px 5px -30px 0px; 
}

h4 {
	font-size: 11pt; 
	font-weight: bold;
	margin: 15px 5px -10px 0px; 
}

h5 {
	font-size: 14pt; 
	font-weight: bold;
	margin: 15px 5px -10px 0px; 
}

p {
	font-size: 9pt; 
}

p.title {
	font-size: 8pt; 
	font-weight: bold;
	text-align: right;
	margin-top: 40px;
	margin-right: 5px;
}

.csc-sitemap {
	font-size: 8pt;
}

.csc-sitemap li {
	margin: 2px;
}

.csc-sitemap a {
	border: 1px solid transparent;
	padding: 1px;
}


/************************************************************************************
  Spezielle Buerobedarfs-Layouts
************************************************************************************/

.bb-kasten {
	text-align: left;
	width: 191px;
	height: 109px;
	display: block;
	padding: 0px 0px 0px 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	float: left;
}

.bb-kasten-gross {
	text-align: left;
	width: 586px;
	height: 109px;
	display: block;
	padding: 0px 0px 0px 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	float: left;
}

.bb-img {
	border: none;
}


/************************************************************************************
  Layout Bildschirmbereiche
************************************************************************************/

.top {
	background-image: url(/fileadmin/images/mgw-top-blau.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	clear: both;
	font-size: 2pt;
}

.middle {
	background-image: none;
	background-repeat: no-repeat;
	border: none;
	clear: both;
}

.bottom {
	background-image: url(/fileadmin/images/mgw-bottom-blau.gif);
	background-repeat: no-repeat;
	float: left;
	border: none;
}

.bottom-left {
	font-size: 8pt; 
	font-weight: bold;
	text-align: left;
	float: left;
	border: none;
	overflow: hidden;
	padding-left: 10px;
}

.bottom-right {
	font-size: 8px; 
	font-weight: bold;
	text-align: right;
	float: right;
	border: none;
	overflow: hidden;
	padding-top: 3px;
	padding-right: 3px;
}

.left {
	background-image: none;
	background-repeat: no-repeat;
	float: left;
	border-left: 1px solid #305282;
	border-right: 1px solid #305282;
}

.left-logo-top {
	background-image: url(/fileadmin/images/logos/mgw.gif);
	background-repeat: no-repeat;
	background-position: middle center;
	float: left;
	text-align: center;
	margin: 0 auto;
}

.menu {
#	background-image: url(/fileadmin/images/mgw-klaviatur-blau.jpg);
        background-image: url(/fileadmin/images/weinrich_neutral.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: bottom left;
	text-align: left;
	font-weight: normal; 
	float: left;
	margin: 0 auto;
}

.menu-l0 {
	font-size: 8pt; 
	display: block;
	padding: 3px 0px 3px 20px;
	margin-bottom: 1px;
}
.menu-l0 a {
	font-weight: normal;
}
.menu-l0 a:hover {
	font-weight: bold;
	text-decoration: none; 
	display: block;
	width: 204px;
	#width: 224px;
	padding: 3px 0px 3px 20px;
	margin: -3px 0px -3px -20px;
}
.menu-l0-cur {
	font-weight: bold; 
	display: block;
}
.menu-l0-cur a, .menu-l0-cur a:visited {
	font-weight: bold; 
}

.menu-l1 {
	font-size: 8pt; 
	padding: 3px 0px 3px 40px;
	display: block;
}
.menu-l1 a {
	display: block;
}
.menu-l1 a:visited {
	font-weight: normal;
}
.menu-l1 a:active {
	font-weight: bold;
}
.menu-l1 a:hover {
	font-weight: bold;
	display: block;
	width: 204px;
	#width: 224px;
	padding: 3px 0px 3px 39px;
	margin: -3px 0px -3px -40px;
}

.menu-l1-cur {
	padding: 1px 0px 2px 40px;
	display: block;
	font-weight: bold;
}
.menu-l1-cur a {
	font-weight: bold;
	display: block;
}
.menu-l1-cur a:visited, .menu-l1-cur a:active {
	font-weight: bold;
}
.menu-l1-cur a:hover {
	font-weight: bold;
	display: block;
	width: 184px;
	#width: 224px;
	padding: 3px 0px 2px 40px;
	margin: -3px 0px -2px -40px;
}

.menu-l2 {
	font-size: 8pt; 
	font-weight: normal;
	padding: 1px 0px 2px 60px;
	display: block;
}
.menu-l2 a {
	font-weight: normal;
	text-decoration: none; 
	display: block;
}
.menu-l2 a:visited {
	font-weight: normal;
	text-decoration: none; 
}
.menu-l2 a:hover {
	font-weight: bold;
	left: 10px;
	display: block;
	width: 164px;
	#width: 224px;
	padding: 1px 0px 1px 59px;
	margin: -1px 0px -1px -60px;
}
.menu-l2 a:active {
}
.menu-l2-cur {
	padding: 1px 0px 2px 59px;
	font-weight: bold;
	display: block;
}
.menu-l2-cur a:visited {
	font-weight: bold;
	text-decoration: none; 
}
.menu-l2-cur a:active, .menu-l2-cur a:hover {
	font-weight: bold;
}

.right {
	background-repeat: no-repeat;
	float: right;
	#clear:left;
	border-right: 1px solid #305282;
	#margin-left: -30px;
}

.right-top {
	background-image: none;
	float: left;
	text-align: right;
	/*border-bottom: 1px solid #ddebf6;*/
	border-bottom: 1px solid #305282;
	vertical-align: bottom;
	font-weight: normal;
}

.right-top-menu {
	font-size: 9pt;
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	margin-left: 0px;
	margin-top: 25px;
}

.right-top-mini {
	background-color: transparent;
	display: block;
	clear: left;
	padding-right: 10px;
	border: 0px;
}

.bodytext {
	font-size: 10pt;
	margin: 0px auto;
	padding: 0px;
}

.content-logo {
	margin: 0px auto;
	float: left
}

.content-logo img {
	border-bottom: 1px solid #305282;
}

.content-norm {
	background: transparent;
	float: right;
	text-align: left;
	font-size: 10pt;
	overflow: auto;
	overflow-x: hidden;
	border: none;
	margin-left: 30px;
	margin-top: 1px;
	padding-top: -1px;
}

.text-normal {
	width: 620px; 
	float: left;
	text-align: left;
	font-size: 10pt;
	overflow: hidden;
	border: none;
	margin-top: 10px;
}

.content-small {
	background: transparent;
	float: right;
	text-align: left;
	font-size: 10pt;
	overflow: auto;
	overflow-x: hidden;
	border: none;
	margin-left: 30px;
	margin-top: 1px;
	padding-top: -1px;
}

.text-left {
	float: left;
	text-align: left;
	font-size: 10pt;
	overflow: hidden;
	border: none;
	margin-top: 10px;
}

p.header2 {font-size: 14pt; font-weight:bold; margin: 5px 5px 10px 0px; }
p.subheader2 {font-size: 11pt; font-weight:bold;  margin: 5px 5px 15px 0px; }
p.header3 {font-size: 14pt; font-weight:bold; margin-top: 0px; margin-bottom: 0px;}
p.subheader3 {font-size: 14pt; font-weight:normal; margin-top: 0px; margin-bottom: 0px;}
p.header4 {font-size: 13pt; font-weight:bold; margin-top: 0px; margin-bottom: 0px;}
p.subheader4 {font-size: 13pt; font-weight:normal; margin-top: 0px; margin-bottom: 0px;}
p.contact-label {font-weight: bold; text-align: left; vertical-align: top; margin-top: 2px;}

tr, td {font-size: 10pt; font-weight: normal; color: #202020;}
tr.white, td.white {font-size: 10pt; font-weight: bold; color: white;}
tr.Mark, td.Mark {font-size: 10pt; font-weight: bold; color: #000000;}
tr.Link {height: 65px;}

input, select, textarea {font-size: 10pt; font-weight: normal; color: #000000;}

.checkbox, .radio {margin: -0px;}
.submit {margin: -0px; margin-top: 10px}
.sa-pic {border: 1px solid #e0e0f0 }