/*#############################################################
CSS Elemente
Date: 2010-10-03
Description: Akademie Management und Politik - MuP
Author: itcreate. kommunikationsmedien - Jerome Traud
Website: http://www.fes-mup.de
#############################################################*/

/* Struktur */
.container {
	background: #fffbee url(http://assets.fes-mup.de/img/pic_bg_site_index.gif) no-repeat left top;
	margin: 0 auto;
	padding-bottom: 15px;
	width: 990px;
}
.header {
	height: 152px;
	background-image:url(http://assets.fes-mup.de/img/pic_bg_topnav_seminare.gif);
	background-repeat: no-repeat;	
}
.imprint {
	background-image:url(http://assets.fes-mup.de/img/pic_topnav_imprint_seminare.gif);
	background-repeat:no-repeat;
	height: 32px;
	width: 882px;
	clear:both;
	
}
.muplogo {
	float:left;
	height: 88px;
	width: 146px;
}
.akademie {
	float:left;
	background-image:url(http://assets.fes-mup.de/img/pic_logo_akademie_seminare.gif);
	background-repeat:no-repeat;
	height: 55px;
	width: 736px;
}
.feslogo {
	float:left;
	height: 87px;
	width: 108px;
	background-color: #fff;
	margin-top: -32px;
}
.topnavcontainer {
	float:left;
	width: 838px;
	margin-left: 4px;
	z-index:1;
	
}
.subnavcontainer {
	float:right;
	height: 38px;
	width: 730px;
	z-index:2;
	margin-top:-6px;
}

/* Hauptnavigation */
#navigation {
	float:left; 
	margin:0; 
	padding:0; 
}
#navigation li {
	float: left; 
	margin: 0 -1px 0 0; 
	padding: 0 0 0 0; 
	list-style: none;
	width: 174px;
	font-size: 1.0em;
	height: 33px;
	text-align: center;
	background: url(http://assets.fes-mup.de/img/pic_topnav_4punkte.gif) no-repeat;
}
#navigation a {
	float: left;
	padding: 5px 0px;
	width: 173px;
	text-decoration: none;
	color: #fff;
}
#navigation a:hover {
	color: #333;
	font-weight:normal;
}
#navigation a.active {
	background: #fff;
	background: url(http://assets.fes-mup.de/img/pic_topnav_4punkte_seminare.gif) no-repeat;
	padding: 5px 0px;
	padding-bottom:12px;
}

/* Hauptnavigation Wir ueber uns */
#navigationwir li {
	float: left; 
	margin: 0 -1px 0 0; 
	padding: 0 0 0 0; 
	list-style: none;
	width: 83px;
	font-size: 0.9em;
	height: 33px;
	text-align: center;
	background: url(http://assets.fes-mup.de/img/pic_topnav_wir_blau.gif) no-repeat;
}
#navigationwir a {
	float: left;
	padding: 6px 0px;
	width: 80px;
	text-decoration: none;
	color: #fff;
}
#navigationwir a:hover {
	color: #333;
}

/* Hauptnavigation Kontakt */
#navigationkontakt li {
	float: left; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	list-style: none;
	width: 63px;
	font-size: 0.9em;
	height: 33px;
	text-align: center;
	background: url(http://assets.fes-mup.de/img/pic_topnav_kontakt.gif) no-repeat;
}

#navigationkontakt a {
	float: left;
	padding: 6px 0px;
	width: 63px;
	text-decoration: none;
	color: #fff;
}

#navigationkontakt a:hover {
	color: #333;
}

/* Unternavigation OM */

#om li {
	float: left;
	margin: 0 -1px 0 0; 
	padding: 0 0 0 0; 
	list-style: none;
	width: 185px;
	font-size: 1.0em;
	height: 38px;
	text-align: center;
	background: url(http://assets.fes-mup.de/img/pic_subnav_om.gif) no-repeat;
}

#om a {
	float: left;
	padding: 12px 0px;
	width: 185px;
	text-decoration: none;
	color: #333;
}

#om a:hover {
	color: #cc0033;
}

/* Unternavigation KM */

#km li {
	float: left; 
	margin: 0 -1px 0 0; 
	padding: 0 0 0 0; 
	list-style: none;
	width: 184px;
	font-size: 1.0em;
	height: 38px;
	text-align: center;
	background: url(http://assets.fes-mup.de/img/pic_subnav_km.gif) no-repeat;
}

#km a {
	float: left;
	padding: 12px 0px;
	width: 184px;
	text-decoration: none;
	color: #333;
}

#km a:hover {
	color: #cc0033;
}

/* Unternavigation FM */

#fm li {
	float: left; 
	margin: 0 -1px 0 0; 
	padding: 0 0 0 0; 
	list-style: none;
	width: 184px;
	font-size: 1.0em;
	height: 38px;
	text-align: center;
	background: url(http://assets.fes-mup.de/img/pic_subnav_km.gif) no-repeat;
}

#fm a {
	float: left;
	padding: 12px 0px;
	width: 184px;
	text-decoration: none;
	color: #333;
}

#fm a:hover {
	color: #379965;
}


/* Unternavigation EA */

#ea li {
	float: left; 
	margin: 0 -1px 0 0; 
	padding: 0 0 0 0; 
	list-style: none;
	width: 180px;
	font-size: 1.0em;
	height: 38px;
	text-align: center;
	background: url(http://assets.fes-mup.de/img/pic_subnav_ea.gif) no-repeat;
}

#ea a {
	float: left;
	padding: 12px 0px;
	width: 180px;
	text-decoration: none;
	color: #333;
}

#ea a:hover {
	color: #cc0033;
}

/* Unternavigation Seminarplaner */

#planer li {
	float: left; 
	margin: 0 -1px 0 0; 
	padding: 0 0 0 0; 
	list-style: none;
	width: 178px;
	font-size: 1.0em;
	height: 38px;
	text-align: center;
	background: url(http://assets.fes-mup.de/img/pic_subnav_seminarplaner.gif) no-repeat;
}

#planer a {
	float: left;
	padding: 12px 0px;
	width: 178px;
	text-decoration: none;
	color: #333;
}

#planer a:hover {
	color: #cc0033;
}


/* Main */
.main {
	clear: both;
	padding: 0px 0px;
}

/* content */
.content {
	float: left;
	width: 505px;
	padding-left: 150px;
	margin-top: 75px;
}
.content .item {
	padding: 3px 3px;
	border-top: 1px solid #99a9c9;
	margin-bottom: 8px;
}
.content .descr {
	color: #333;
	margin-bottom: 6px;
}
.content li {
	list-style: url(http://assets.fes-mup.de/img/li.gif);
	margin-left: 18px;
	line-height: 1.5em;
}
.content ul {
	margin-bottom: 1.0em;
}

/* Seminarplaner NEU 2011-10-05 */

.infobox_planer 
			{
			float: left;
			background: #677daf;
			width: 300px;
			/*height:100%;*/
			height:36px;
			margin-left: 30px;
			margin-top: 75px;
			/*text-transform: uppercase;*/
			background: url(http://assets.fes-mup.de/img/pic_bg_splaner_long.gif) no-repeat;			
			}

.infobox_planer ul {
			margin: 0;
			padding: 0;
			}

.infobox_planer li {
			list-style: none;
			margin: 0;
			}

.infobox_planer li a {
	color: #333;
	display: block;
	font-size: 0.9em;
	font-weight:bold;
	padding: 11px 0px 8px 7px;
	height:100%;
	text-decoration: none;
}
.infobox_planer li a:hover {
	color: #cc0033;
	font-size: 0.9em;
	text-decoration: none;
}


/* Main rechts */
.infobox h1,.infobox ul {
	padding-left: 2px;
}
.infobox {
	float: left;
	background: #fffbee;
	width: 300px;
	height:100%;
	margin-left: 30px;
	margin-top: 25px;
}
.infobox h1 {
	color: #012779;
	font-size: 1.3em;
	border-top: 1px solid #99a9c9;
}
.infobox ul {
	border-bottom: 1px solid #99a9c9;
	margin: 0;
	padding: 0;
}
.infobox li {
	border: 1px solid #99a9c9;
	border-bottom: none;
	border-left: none;
	border-right: none;
	list-style: none;
	margin: 0;
}
.infobox li a {
	color: #333;
	display: block;
	font-size: 0.9em;
	font-weight:bold;
	padding: 5px 0px 5px 2px;
	height:100%;
	text-decoration: none;
}
.infobox li a:hover {
	color: #999;
	font-size: 0.9em;
}
.infobox a {
	color: #333;
	font-size: 1.0em;
	text-decoration: underline;
}

.infobox a:hover {
	color: #99a9c9;
	font-size: 1.0em;
	text-decoration: none;
}
.infobox a.active {
	color: #cc0033;
}




/* Main rechts */
.infobox75 h1,.infobox75 ul {
	padding-left: 2px;
}
.infobox75 {
	float: left;
	background: #fffbee;
	width: 300px;
	height:100%;
	margin-left: 30px;
	margin-top: 75px;
}
.infobox75 h1 {
	color: #012779;
	font-size: 1.3em;
	border-top: 1px solid #99a9c9;
}
.infobox75 ul {
	border-bottom: 1px solid #99a9c9;
	margin: 0;
	padding: 0;
}
.infobox75 li {
	border: 1px solid #99a9c9;
	border-bottom: none;
	border-left: none;
	border-right: none;
	list-style: none;
	margin: 0;
}
.infobox75 li a {
	color: #333;
	display: block;
	font-size: 0.9em;
	font-weight:bold;
	padding: 5px 0px 5px 2px;
	height:100%;
	text-decoration: none;
}
.infobox75 li a:hover {
	color: #999;
	font-size: 0.9em;
}
.infobox75 a {
	color: #333;
	font-size: 1.0em;
	text-decoration: underline;
}

.infobox75 a:hover {
	color: #99a9c9;
	font-size: 1.0em;
	text-decoration: none;
}
.infobox75 a.active {
	color: #cc0033;
}


/* Formulare */
fieldset {
	border: 1px none #fff;
	padding: 0px 0px 12px 0px; 
	width: auto; 
	margin-top: 1.0em;
}
legend   {
	font-size: 1.3em; 
	color: #333; 
	font-weight: bold;
	margin-bottom:3px;
	margin-left:-3px; 
}
.form    {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.2em; 
	border: 1px solid #666; 
	background-color: #f3f5f9;
	padding:1px; 
	padding-left:3px; 
	color:#333;
}
.submit  {
	margin:3px;
}
.button  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
}
.button2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #cc0033;
}
.duty { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #cc0033;
}
.noduty { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333;
}
.error		 {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #930; }

/* Sonstige Textformatierungen */

.xs,.s,.sblack,.m,.l,.xl	{ font-family: Arial, Helvetica, sans-serif; }
.xs			{ font-size: 0.8em; color: #666; }
.s			{ font-size: 0.9em; color: #666; }
.sblack		{ font-size: 0.9em; color: #000; }
.m			{ font-size: 1.0em; color: #666; }
.l			{ font-size: 1.1em; color: #666; }
.xl			{ font-size: 1.4em; color: #666; }

.xsb,.sb,.mb,.lb,.lbblack,.xlb	{ font-family: Arial, Helvetica, sans-serif;font-weight: bold; }
.xsb		{ font-size: 0.8em; color: #666; }
.sb			{ font-size: 0.9em; color: #666; }
.mb			{ font-size: 0.9em; color: #666; }
.lb			{ font-size: 1.0em; color: #333; }
.lbblack	{ font-size: 1.1em; color: #000; }
.xlb		{ font-size: 1.4em; color: #666; }

.error			{ font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #930; }


/* Spezielle Textformatierungen MUP*/
.om,.km,.ea,.fm		{ font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; }
.om 			{ color: #cc0033; }
.km 			{ color: #0999cc; }
.ea 			{ color: #d18c00; }
.fm 			{ color: #379965; }

.oms,.kms,.eas,.fms		{ font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; }
.oms 			{ color: #cc0033; }
.kms 			{ color: #0999cc; }
.eas 			{ color: #d18c00; }
.fms 			{ color: #379965; }

.omfliess,.kmfliess,.eafliess,.fmfliess	{ font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;font-weight: bold; }
.omfliess 			{ color: #cc0033; }
.kmfliess 			{ color: #0999cc; }
.eafliess 			{ color: #d18c00; }
.fmfliess 			{ color: #379965; }

.omfliess 			{ color: #cc0033; }
.kmfliess 			{ color: #0999cc; }
.eafliess 			{ color: #d18c00; }

.absenden {
color: #fff;
background-color: #cc0033; 
border: 2px solid #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 1.0em;
padding: 2px 4px 2px 4px;
}

.pcopy 			{color: #999;}
.pueb 			{font-weight: bold; color: #333;}
.red 			{font-weight: bold; color: #cc0033;}
.reds 			{color: #cc0033;}
.black 			{font-weight: bold; color: #000;}
.small 			{font-size: 0.9em; color: #000;}
.schritte		{margin-top:5px; margin-bottom:2px;}
.schrittetxt	{color: #99a9c9;}

/* Hilfetexte */

.shorthelp, abbr	{ cursor: help; border-bottom: 1px dotted #99a9c9;}

/* Linienformatierungen */
hr {
  height: 1px;
  margin: 5px 0 5px 0;
  border: 0;
  background: #99a9c9;
  color: #99a9c9;}

/* Bildformatierungen */
.picperson		{margin-right: 5px; margin-top: 2px; margin-bottom: 5px; float: left;}
.pictrainer		{margin-right: 5px; margin-bottom: 3px; float: left;}