/*
About this document
---------------------------------------------------
Project:		MACH1
Filename:		"general.css"
Date:			21. September 2006
Author:			Kirsten Eickermann


Last modified
---------------------------------------------------
Version:		1.0
Date:			2009-02-12
Modifier:		Johan Prawiro


Sections of this document
---------------------------------------------------

	=Global
		=globale Linkdefinition
		=globale Positionierung
	=Header
	=Menue
	=SubMenue
	=Breadcrumbs
	=MainContent
	=News
	=Seminare

*/

/* -------------------- =Global -------------------- */

	html {
		height:				100%;
		font-size:			100.1%;
		margin-bottom:		0.1px;	/* Always show scroll-bar for Fx. Not scrollable if content fits on canvas. */
		overflow-y:		scroll;
	}

	body {
		background:			#004D9F;
		color:				#303030;
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			62.5%;
		height:				100%;
		margin:				0;
		padding:			0;
		text-align:			center;
	}

	p {
		font-size:			12px;
		line-height:		1.3;
		margin:				0;
		padding:			0 0 5px 0;
	}
	
	img {
		border:				0;
		margin:				0;
	}
	
	.hiddenElement {
		left:				-1000em;
		position:			absolute;
	}

	.hellblau {
		color:				#7AAADA;
		font-size:			12px;
		font-weight: 		bold;
	}

	.dunkelblaue_ueberschirft {
		color:				#004998;
		font-size:			14px;
		font-weight: 		bold;
	}
	
	/*---------Formulare ------------*/
	form {
		margin:				0;
		padding:			0;

	}
	.FormFeld {
		background-color:	#fff;
		color:				#4B4B4B;
		border:				1px solid #ADAFB0;
		margin:				0;
		padding:			0;
		height:				16px;
	}
	.button {
		color:				#3D3D3D;
		background:			#EFEFF0;			
		border:				1px solid #3D3D3D;
		height:				20px;
	}	
	.textarea {
		background-color:	#fff;
		color:				#4B4B4B;
		border:				1px solid #ADAFB0;
		margin:				0;
		padding:			0;
		height:				150px;
	}	
	/* --- =globale Linkdefinition --- */
		
		a:link,
		a:visited,
		a:hover,
		a:focus,
		a:active {
			font-size:		10px;
			color:			#004D9F;
			text-decoration:	none;
		}
		
		a:hover, a:active, a:focus {
			text-decoration:	underline;
		}


	/* --- =globale Positionierung --- */

		#canvasBox {
			background:			#FFF url(../img/header_hg.gif) repeat-x;
			bottom:				0;
			margin:				auto;
			min-height:			100%;
			position:			relative;
			text-align:			left;
			top:				0;
			width:				980px;
		}

		/* Aufhebung des floatings fuer standardkonforme Browser */
		#canvasBox:after {
			clear:				both;
			content:			".";
			display:			block;
			height:				0;
			line-height:		0;
			padding:			0;
			visibility:			hidden;
		}

		#contentBox {
			float:				left;
			margin:				0;
			text-align:			left;
			width:				735px;
		}

		#contentBox:after {
			clear:				both;
			content:			".";
			display:			block;
			height:				0;
			line-height:		0;
			padding:			0;
			visibility:			hidden;
		}


/* -------------------- =Header -------------------- */

	#header {
		background:			#E7E8EA;
		height:				112px;
		width:				735px;
	}

		#header .printHeader {
			display:			none;
		}

		#headerbild_links {
			background:			#E7E8EA;
			height:				96px;
			margin:				0;
			float: 				left;

		}

		#headerbild {
			background:			#E7E8EA;
			height:				96px;
			margin-left:		162px;
			margin-top:			0;
		}
		

/* -------------------- =Menue -------------------- */

	#menue {
		background:			#004D9F;
		margin-left:		162px;
		height:				16px;
		width:				600px;
	}

		#menue ul {
			list-style:			none;
			margin:				0;
			padding: 			0;
		}

		#menue ul li {
			float:				left;
			padding: 			0;
		}

		#menue ul li a:link,
		#menue ul li a:visited,
		#menue ul li a:hover,
		#menue ul li a:active,
		#menue ul li a:focus {
			background-color:	#79AAD9;
			color:				#fff;
			display:			block;
			font-weight: 		normal;
			padding:			2px 7px;
			text-decoration:	none;
			text-transform: 	uppercase;
		}

		#menue ul li a:hover,
		#menue ul li a:active,
		#menue ul li a:focus,
		#menue ul li a.currentlink:link,
		#menue ul li a.currentlink:visited,
		#menue ul li a.currentlink:hover,
		#menue ul li a.currentlink:active,
		#menue ul li a.currentlink:focus {
			color:				#004D9F;
		}


/* -------------------- =SubMenue -------------------- */

	#submenue {
		float:				left;
		margin-top:			30px;
		overflow:			hidden;
		position:			relative;
		text-align:			left;
		width:				162px;
	}

		#submenue:after {
			clear:				both;
			content:			".";
			display:			block;
			height:				0;
			line-height:		0;
			padding:			0;
			visibility:			hidden;
		}

		.menu_block {
			clear:				both;
			margin-bottom:		30px;
        }

		.menu_block ul {
        	list-style:			none;
			margin:				0;
			padding:			0;
        }

		.menu_block ul li {
        	background-color:	#F4F5F6;
			display:			block;
			font-size:			11px;
			margin-bottom: 		2px;
        }

		.menu_block ul ul li {
        	background-color:	none;
			margin-bottom: 		0;
        }

		.menu_block ul a:link,
		.menu_block ul a:visited,
		.menu_block ul a:hover,
		.menu_block ul a:active,
		.menu_block ul a:focus {
			background-color:	#DDDFE0;
			display:			block;
			font-weight:		600;
			font-size:			11px;
			padding:			2px 0px 2px 20px;
			text-decoration:	none;
        }

		.menu_block ul a:hover,
		.menu_block ul a:active,
		.menu_block ul a:focus,
		.menu_block ul a.currentLink:link,
		.menu_block ul a.currentLink:visited,
		.menu_block ul a.currentLink:hover,
		.menu_block ul a.currentLink:active,
		.menu_block ul a.currentLink:focus {
			background-color:	#79AAD9;
        }

		.menu_block ul ul a:link,
		.menu_block ul ul a:visited,
		.menu_block ul ul a:hover,
		.menu_block ul ul a:active,
		.menu_block ul ul a:focus {
			background-color:	transparent;
			font-weight:		normal;
        }

		.menu_block ul ul a:hover,
		.menu_block ul ul a:active,
		.menu_block ul ul a:focus,
		.menu_block ul ul a.currentLink:link,
		.menu_block ul ul a.currentLink:visited,
		.menu_block ul ul a.currentLink:hover,
		.menu_block ul ul a.currentLink:active,
		.menu_block ul ul a.currentLink:focus {
			background-color:	#D2E1EF;
        }

/* -------------------- =Breadcrumbs -------------------- */
	#breadcrumbs {
		padding:			5px 0 0 0;
		width:				528px;
	}
	#breadcrumbs a:link,
	#breadcrumbs a:visited,
	#breadcrumbs a:hover,
	#breadcrumbs a:active,
	#breadcrumbs a:focus {
		text-decoration:	none;
		color:				#8D8D8D;			
	}
/* -------------------- =MainContent -------------------- */

	#content {
		float:				right;
		margin-left:		45px;
		margin-top:			32px;
		width:				528px;
	}

	#content a:link,
	#content a:visited,
	#content a:hover,
	#content a:active,
	#content a:focus {
		font-size:			12px;
	}

	#content .tx-pmseminardatenbank-pi5 a:link,
	#content .tx-pmseminardatenbank-pi5 a:visited,
	#content .tx-pmseminardatenbank-pi5 a:hover,
	#content .tx-pmseminardatenbank-pi5 a:active,
	#content .tx-pmseminardatenbank-pi5 a:focus {
		font-size:			11px;
	}

		#content label {
			font-size:		12px;
		}

		#content h1 {
			color:				#004999;
			font-size:			12px;
			font-weight: 		600;
			margin:				0 0 15px 0;
			padding:			0;
		}

		#content h2 {
			color:				#7AAADA;
			font-size:			12px;
			font-weight: 		bold;
			margin:				-10px 0 15px 0;
		}

		#content h3 {
			background:         url(../img/linien_head_mitte.gif) no-repeat;
			color:				#014898;
			font-size:			11px;
			font-weight: 		bold;
			padding:			0px 0px 10px 22px;
			margin:				10px 0 0 0 ;
		}

		#content p {
			font-size:			12px;
			line-height:		1.3;
			margin:				0;
			padding:			0 0 15px 0;
		}

		#content ul {
			font-size:			12px;
			line-height:		1.3;
			margin:				0 0 1.5em 20px;
			padding:			0;
			list-style:			none;
		}

		#content ul li,
		#content ol ul li {
			background:			url(../img/pfeil_blau.gif) 0px 5px no-repeat;
			margin:				0 0 6px 0;
			padding:			2px 10px 0 10px;
		}

		#content ol {
			font-size:			11px;
			margin:				0 0 1em 40px;
			padding:			0;
        }

		#content ol li {
			margin:				0 0 0.5em 0;
			padding:			2px 10px 0 0;
        }

		#content ol ol {
			font-size:			11px;
			list-style-type:	lower-latin;
			padding:			0;
        }

		#content ol ol,
		#content ol ul,
		#content ul ol,
		#content ul ul {
			margin:				0.5em 0 0 20px;
		}

		#contentBox #content .tx-pmseminardatenbank-pi1 .preParagraph p a:link,
		#contentBox #content .tx-pmseminardatenbank-pi1 .preParagraph p a:visited,
		#contentBox #content .tx-pmseminardatenbank-pi1 .preParagraph p a:hover,
		#contentBox #content .tx-pmseminardatenbank-pi1 .preParagraph p a:active,
		#contentBox #content .tx-pmseminardatenbank-pi1 .preParagraph p a:focus,
		#contentBox #content .tx-pmseminardatenbank-pi1 .preParagraph p {
			font-size:			12px;
			font-weight:			bold;
		}


		#contentBox #content ul li a:link,
		#contentBox #content ul li a:visited,
		#contentBox #content ul li a:hover,
		#contentBox #content ul li a:active,
		#contentBox #content ul li a:focus {
			font-size:			12px;
		}

/* -------------------- =News -------------------- */

	#newsBox {
		float:				right;
		height:				auto;
		margin:				0;
		text-align:			left;
		width:				200px;
	}

		#newsfoto {
			height:				96px;
			margin:				0;
			width:				200px;
		}

		#newsheadline {
			background:			#E23F40;
			color:				#FFF;
			font-size:			10px;
			font-weight: 		bold;
			height:				14px;
			margin-bottom:		30px;
			width:				176px;
			padding:			1px 0 1px 5px;
			text-decoration:	none;
			text-transform: 	uppercase;
		}

		#newscontent {
			background:         url(../img/linien_newshead.gif) no-repeat;
			border-top:			1px solid #D4D4D4;
			color:				#434343;
			font-size:			11px;
			line-height:			1.3;
			font-weight: 		normal;
			margin-bottom:		5px;
			padding:			0 0 0 5px;
			width:				176px;
		}

		#newscontent h2 {
			color:				#004999;
			font-size:			11px;
			font-weight: 		600;
			margin:				0 0 5px 0;
			padding:			10px 0 0 20px;
		}

		#newscontent p {
			font-size:			11px;
		}

		#newscontent .news-latest-item a:link,
		#newscontent .news-latest-item a:visited,
		#newscontent .news-latest-item a:active {
			background:         url(../img/pfeil.gif) no-repeat;
			color:				#E23F40;
			font-size:			10px;
			font-weight: 		normal;
			margin:				0;
			padding:			0 0 0 10px;
			text-decoration:	none;
		}

		#newscontent .news-latest-item a:hover {
			text-decoration:	underline;
		}

/* -------------------- =Seminare -------------------- */

	#content #seminare_box {
		margin:				0;
		border:				1px solid #D4D4D4;
		color:				#434343;
		font-weight: 		normal;
	}

	#content #seminare_box h2 {
		margin:				0;
		padding:			9px 9px 9px 25px;
		background:         url(../img/linien_newshead.gif) no-repeat;
		border-bottom:		1px solid #D4D4D4;
		color:				#034896;
		font-weight: 		bold;
		font-size:			13px;
	}

	#content #seminare_box_liste {
		background:			#F1F2F4;
		margin:				0;
		padding:			10px 10px 10px 28px;
	}

	#content #seminare_box_liste ul {
		margin:				0;
		padding:			0;
		list-style:			none;
	}

	#content #seminare_box_liste ul:after {
		clear:				both;
		content:			".";
		display:			block;
		height:				0;
		line-height:		0;
		padding:			0;
		visibility:			hidden;
	}

	#content #seminare_box_liste ul li {
		background:			none;
		float:				left;
		width:   			50%;
		margin:				0;
		padding:			0px;
	}

	#content #seminare_box_liste ul li a:link,
	#content #seminare_box_liste ul li a:visited,
	#content #seminare_box_liste ul li a:hover,
	#content #seminare_box_liste ul li a:active,
	#content #seminare_box_liste ul li a:focus {
		display:			block;
		font-weight:		bold;
		text-decoration:	none;
		font-size:			10px;
		background:			url(../img/pfeil.gif) no-repeat;
		margin:				0;
		padding:			2px 10px 0 10px;
	}

	.tabelle_ueberschrift {
		background:			#97BFE2;
		font-size:			10px;
		color:				#FFF;
		font-weight: 		600;
	}

   	.tabelle_ueberschrift th {
		padding:			3px;
    }



	tbody td {
		padding:			3px;
    }

	tbody tr.spacer {
        height:				1em;
    }



	.tabelle_grau_hg, .odd-row {
		background:			#F4F5F7;
	}
	.tabelle_weis_hg {
		background:			#FFF;
		padding:			3px;
	}

	.tabelle_visual_pre {
		border-top:			1px solid #D4D4D4;
        height:				3px;
    }

	.tabelle_visual_post {
		border-bottom:		1px solid #D4D4D4;
        height:				3px;
    }

	.tabelle_visual_end {
		background:			#D3E1EE;
	    height:				4px;
	}


	.tabelle_dunkel_grau_hg {
		background:			#D4D4D4;
	}
	.tabelle_hell_blau_hg {
		background:			#D3E1EE;
	}
	.rot_fett {
		color:				#DF0913;		
		font-weight: 		bold;
	}

	.graue_linie {
		clear:				both;
		border-top:			1px solid #D4D4D4;
	}
/* ------------------ =footer Print ---------------------- */


	#headerseminarinfo_print,
	#footer-print {
		display:	none;
	}