﻿body {
	background: #464648 url(../images/hgMMC.gif) repeat-y center;
	text-align: center;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:11px;
	color:#444444;
}

body.druckansicht {
	background:none;
	text-align:left;
	width:635px;
}

img {
	border:0px;
}

img.blank {
	border:0px;
	width:100%;
	height:100%;
}

h1 {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:18px;
	font-weight: bold;
	margin:0px;
	margin-bottom:5px;
	color:#444444;
}

h1.bereich {
	font-size:14px;
	font-weight: bold;
	margin:0px;
	margin-bottom:5px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	color:#ffffff;
	background:#72ac19;
}


h2 {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:16px;
	font-weight: bold;
	margin:0px;
	margin-bottom:5px;
	color:#444444;
}

h1.h1Bereichstitel {
	font-size:18px;
	font-weight: bold;
	margin:0px;
	color:#FFFFFF;
}

h3,h3 a,h3 a:hover,h3 a:active,h3 a:visited {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:14px;
	font-weight: bold;
	margin:0px;
	margin-bottom:5px;
	color:#444444;
}

h4 {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	font-weight: bold;
	margin:0px;
	margin-bottom:5px;
	color:#444444;
}

p {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:11px;
	margin: 0px;
	margin-bottom: 10px;
}

p.fehler {
	color:#FF0000;
}

p.erfolg {
	color:#72ac19;
}

p.hinweis {
	color:#72ac19;
	font-weight:bold;
}

p.funktion {
	font-weight:bold;
	text-align:right;
}

ul {
	margin-top: 0px;
	margin-bottom: 10px;	
}

div.divVCard ul {
	margin-top: 5px;
}

li, div.divVCard li {
	list-style:none;
	list-style-image:url('../images/li.gif');
}


form {
	margin:0px;
	margin-bottom:10px;
}



A, A:hover, A:Active, A:Visited	{
	color:#72ac19;
	font-size: 11px;
	margin: 0px;
	text-decoration: underline;
	}

A:hover {
	color:#cc0000;
	text-decoration: underline;	
	}

A.menu, A:hover.menu, A:Active.menu, A:Visited.menu, A.menuAktiv, A:hover.menuAktiv, A:Active.menuAktiv, A:Visited.menuAktiv {
	color : #ffffff;
	font-size: 11px;
	text-decoration : none;
	padding-left: 10px;
	margin-left: 10px;
	font-weight: bold;
	border-left:1px solid #ffffff;
	}

A:hover.menu, A.menuAktiv, A:hover.menuAktiv, A:Active.menuAktiv, A:Visited.menuAktiv {
	color : #72ac19;
	text-decoration: none;
	}

A.submenu, A:hover.submenu, A:Active.submenu, A:Visited.submenu, A.submenuAktiv, A:hover.submenuAktiv, A:Active.submenuAktiv, A:Visited.submenuAktiv	{
	color : #444444;
	font-size: 11px;
	text-decoration : none;
	margin: 0px;
	font-weight: bold;
	}

A:hover.submenu, A.submenuAktiv, A:hover.submenuAktiv, A:Active.submenuAktiv, A:Visited.submenuAktiv {
	color : #72ac19;
	text-decoration: none;
	}

A.subsubmenu, A:hover.subsubmenu, A:Active.subsubmenu, A:Visited.subsubmenu, A.subsubmenuAktiv, A:hover.subsubmenuAktiv, A:Active.subsubmenuAktiv, A:Visited.subsubmenuAktiv	{
	color : #444444;
	font-size: 11px;
	text-decoration : none;
	margin: 0px;
	font-weight:normal;
	}

A:hover.subsubmenu, A.subsubmenuAktiv, A:hover.subsubmenuAktiv, A:Active.subsubmenuAktiv, A:Visited.subsubmenuAktiv {
	color : #72ac19;
	text-decoration:normal;
	}

#divPositioner {
	position:relative;
	width:970px;
	margin:0 auto;
}

#divLogout {
	position: relative;
	width:95%;
	text-align:right;
}

#divLogo {
	position: absolute;
	top:0px;
	left:10px;
	width:950px;
	height:99px;
	border-bottom: 1px solid #CCCCCC;
	background: #FFFFFF url(../images/logoMMC.gif) no-repeat 20px 20px;

}

#divHauptmenu {
	position:absolute;
	top:100px;
	left: 0px;
	width:970px;
	height:28px;
	padding-top:12px;
	background: #464648;
	text-align:left;
}

#divSubmenu {
	position:absolute;
	top:230px;
	left: 20px;
	width:200px;
	text-align:left;
}

#divSubmenu P {
	margin:0px;
	margin-top:8px;
}

#divSubmenu P.subsubmenu {
	margin:0px;
	margin-left:10px;
}


#divInhalt, #divInhaltCheck {
	position:absolute;
	top:245px;
	left:240px;
	width:700px;
	text-align:left;
	padding-bottom:20px;
}

#divBereichstitel {
	position:absolute;
	top:100px;
	left:10px;
	*left:11px;
	width:208px;
	height:34px;
	padding-top:90px;
	padding-left:7px;
	text-align:left;
	background:#72ac19;
	border-bottom: dotted 1px #999;
}

#divKopfbild {
	position:absolute;
	top:100px;
	right:10px;
	*right:9px;
	width:735px;
	height:124px;
	background: transparent url(../images/hgKopfbild.gif) repeat-x;
	border-bottom: dotted 1px #72ac19;
}
	
	.btnMenu, .btnMenuHover, .btnMenuChecked, .btnMenuCheckedHover, .btnMenuOff {
		position:relative;
		float:right;
		margin-left:35px;
		margin-right:15px;
		margin-top:10px;
		width:100px;
		height:20px;
		padding-top:80px;
		background: url('../images/btnMMC.png') no-repeat center 0px;
		font-weight:bold;
		font-size:18px;
		cursor:pointer;
		text-align:center;	
	}
	
	.btnMenuHover {
		background: url('../images/btnMMC.png') no-repeat center -100px;
	}
	
	.btnMenuChecked {
		background: url('../images/btnMMC.png') no-repeat center -200px;
	}
	
	.btnMenuCheckedHover {
		background: url('../images/btnMMC.png') no-repeat center -300px;
	}
	
	.btnMenuOff {
		background: url('../images/btnMMC.png') no-repeat center -400px;
		cursor:normal;
	}
	
	#divInfoBox {
		position:absolute;
		top:10px;
		left:-200px;
		width:464px;
		height:59px;
		padding:8px;
		background: transparent url(../images/hgInfobox.png) repeat-y;
		border-right:solid 10px #72ac19;
		text-align:right;	
	}

	#divInfoBox p {
		margin:0px;
		margin-bottom:5px;	
	}
	
	#divReset {
		position:absolute;
		top:90px;
		left:70px;
		text-align:right;
		width:200px;
		height:20px;
	}
	
	#divReset p, #divReset a  {
		color:#cc0000;
	}
	

/*##### MITGLIEDER #####*/
div.divVCard {
	position:relative;
	float:left;
	width:210px;
	min-height:150px;
	*height:150px;
	margin-right:15px;	
	margin-bottom:10px;
	padding:5px;
	padding-left:105px;
	border:solid 1px #e0e0e0;	
	border-right:solid 3px #cccccc;
	border-bottom:solid 3px #cccccc;
}
	
	div.divVCardFoto, div.divVCardFotoDetails {
		position:absolute;
		top:5px;
		left:5px;
		width:90px;
		height:120px;
		background:#ffffff url(../images/mmcBildfehlt.gif) no-repeat;
		border:solid 1px #eeeeee;
		overflow:hidden;
		cursor:pointer;
	}
	
	div.divVCardFotoDetails {
		position:absolute;
		top:0px;
		right:15px;
		left:auto;
		cursor:normal;
	}

	
	div.divVCardDetails {
		position:absolute;
		bottom:10px;
		left:5px;
		width:90px;
		text-align:center;
	}

#divMitgliederSuchmaske {
	width:640px;
	background:#daeac0;
	border:solid 1px #72ac19;
	padding:10px;
	padding-bottom:0px;
	margin-bottom:10px;
}

/*##### SEMINARSEITE #####*/
div.divSeminarBox1, div.divSeminarBox-1 {
	position:relative;
	float:left;
	padding:12px;
	padding-right: 100px;
	width:550px;
	height:40px;
	background:#E5E5E5;
	margin-bottom:10px;
}

div.divSeminarBox-1 {
	background:#e4e9ef;
}

div.divSeminarBoxButtons {
	position:absolute;
	top:12px;
	right:12px;
	width:85px;
}

hr {
	border:0px;
	border-top:dotted #72ac19 1px;
}


/*##### MMC TOOL #####*/
table {
	width:100%;
	background:#72ac19;
	border:solid 1px #72ac19;
	margin-bottom:10px;
}

#divInhaltCheck table {
	background:#999999;
	border:solid 1px #999999;
	border-right:0px;
}


thead td {
	background:#72ac19;
	font-weight:bold;
	color:#ffffff;
}

#divInhaltCheck thead td {
	background:#999999;
}


td {
	background:#ffffff;
	border-top:solid 1px #72ac19;	
}

#divInhaltCheck td {
	border-top:solid 1px #999999;	
	border-right:solid 1px #999999;	
}


tr.hover td {
	background:#daeac0;
	cursor:pointer;
}

td.antwort {
	text-align:center;
}

td.frage {
	text-align:left;
	font-weight:bold;
}

select.fett {
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:13px;
}

table.grafik {
	border:0px;
	border-top:solid 1px #999;
	border-right:solid 1px #999;
}

td.beschriftung {
	border:0px;
	border-right:solid 1px #999;
}

td.zelle {
	border:0px;
	border-bottom:solid 1px #999;
}

#divGrafik {
	position:relative;
	width:600px;
	height:200px;
	border:solid 1px #999;
	font-size:0px;
	margin:0px;
	margin-left:50px;
	margin-bottom:50px;
}
	
#divGrafik.druckansicht {
	margin-left:35px;
}

	.grafiklinie {
		position:relative;
		float:left;
		width:100%;
		border-top:solid 1px #999;
		margin:0px;
		margin-top:19px;
	}
	
	#divBeschriftungY {
		position:absolute;
		top:-7px;
		left:-50px;
		width:50px;
		height:220px;
	}
	
	#divBeschriftungX {
		position:absolute;
		top:220px;
		left:0px;
		width:600px;
		height:20px;
	}
	
	.grafikBeschriftungY {
		position:relative;
		float:left;
		width:40px;
		height:17px;
		margin:0px;
		padding:0px;
		text-align:right;
		margin-bottom:3px;
	}
	
	.grafikBeschriftungX {
		position:relative;
		float:left;
		width:40px;
		height:17px;
		margin:0px;
		padding:0px;
		text-align:center;
		font-weight:bold;
		margin-bottom:3px;
	}

	.balken {
		position:absolute;
		bottom:-1px;
		left:10px;
		width:40px;
		height:0px;
		background:#161e00 url(../images/bgBalken.gif) center repeat-y;
		border:solid 1px #000;
	}

	.balkenDruck {
		position:absolute;
		bottom:-1px;
		left:10px;
		width:40px;
		height:0px;
		background:none;
		border:solid 1px #000;
		text-align:center;
		overflow:hidden;
	}
	
	.legende, .legendeDruck {
		position:absolute;
		left:450px;
		top:295px;	
		width:200px;
	}

	.legendeDruck {
		top:375px;	
	}
	
	.balkenMIK, .balkenMIK-0, .balkenMIK-1, .balkenMIK-2, .balkenMIK-3, .balkenMIK-4, .balkenMIK-5, .balkenMIK-6, .balkenMIK-7 {
		position:absolute;
		bottom:-1px;
		left:10px;
		width:40px;
		height:0px;
		background:#fff url(../images/bgBalkenMIK-0.gif) center repeat-x;
		border:solid 1px #000;
	}	

	.balkenMIKDruck, .balkenMIK-0Druck, .balkenMIK-1Druck, .balkenMIK-2Druck, .balkenMIK-3Druck, .balkenMIK-4Druck, .balkenMIK-5Druck, .balkenMIK-6Druck, .balkenMIK-7Druck {
		position:absolute;
		bottom:-1px;
		left:10px;
		width:40px;
		height:0px;
		background:none;
		border:solid 1px #000;
		overflow:hidden;
		text-align:center
	}	

	.balkenMIK-0 {
		background:#fff url(../images/bgBalkenMIK-0.gif) center repeat-x;
	}

	.balkenMIK-1 {
		background:#fff url(../images/bgBalkenMIK-1.gif) center repeat-x;
	}

	.balkenMIK-2 {
		background:#fff url(../images/bgBalkenMIK-2.gif) center repeat-x;
	}

	.balkenMIK-3 {
		background:#fff url(../images/bgBalkenMIK-3.gif) center repeat-x;
	}

	.balkenMIK-4 {
		background:#fff url(../images/bgBalkenMIK-4.gif) center repeat-x;
	}

	.balkenMIK-5 {
		background:#fff url(../images/bgBalkenMIK-5.gif) center repeat-x;
	}

	.balkenMIK-6 {
		background:#fff url(../images/bgBalkenMIK-6.gif) center repeat-x;
	}

	.balkenMIK-7 {
		background:#fff url(../images/bgBalkenMIK-7.gif) center repeat-x;
	}

	.schaetzung {
		position:absolute;
		bottom:-1px;
		left:10px;
		width:30px;
		height:30px;
		background:url('../images/bgSchaetzung.png') no-repeat center;
	}

	.schaetzungMIK {
		position:absolute;
		bottom:-1px;
		left:10px;
		width:30px;
		height:30px;
		background:url('../images/bgSchaetzungMIK.png') no-repeat center;
	}

input.maxfett {
	width:80%;
	font-weight:bold;
}

textarea.max, input.max {
	width:80%;
}

input.fett {
	font-weight:bold;
}

input.zusatz {
	padding-left:0px;
	padding-right:0px;
	width:80%;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:11px;
	font-weight:bold;	
	border:0;
	padding-left:12px;
	background:transparent url('../images/hgInput.png') no-repeat left center;	
}