/* ############################################################
	FARBEN
###############################################################

	Blau:			#009EE0, 0 158 224			(Titel, Datum)
	Hellblau:		#EBF6FC, 235 246 252		(Menü-Schriften)
	Grau:			#BEBEBE, 190 190 190		(Linien)


###############################################################
	ALLGEMEINES
############################################################ */

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: #000000;
}

p {
	margin: 0;
}

/* ############################################################
	SCHRIFTEN/TEXTE
############################################################ */

#MainmenuPanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #EBF6FC;
}

#SecondmenuPanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #EBF6FC;
}

#ThirdmenuPanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 23px;
	color: #FFFFFF;
	font-weight: bold;
}

#SubmenuPanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #009EE0;
}

.Text11 {
	font-size: 11px;
	line-height: 13px;
}

.Grey {
	color: #BEBEBE;
}

.Blue {
	color: #009EE0;
}

.FehlermeldungDD3C10 {
	color: #DD3C10;
}

/* ############################################################
	LINKS
############################################################ */

#TopPanel a, #LeftPanel a, #MiddlePanel a, #RightPanel a {
	text-decoration: underline;
	color: #000000;
}

#TopPanel a:hover, #LeftPanel a:hover, #MiddlePanel a:hover, #RightPanel a:hover {
	text-decoration: none;
}

#MainmenuPanel a, #SecondmenuPanel a {
	text-decoration: none;
	color: #EBF6FC;
}

#MainmenuPanel a:hover, #MainmenuPanel span.menu_active a, #SecondmenuPanel a:hover, #SecondmenuPanel span.menu_active a {
	color: #000000;
}

/* ############################################################
	HAUPTBOXEN
############################################################ */

/* --- Boxen --- */
#Box1 {
	width: 890px;
	margin: 0 auto;
	padding: 0;
}

#Box2 {
	float: left;
	width: 210px;
	margin-right: 50px;
	padding: 0;
}

#Box3 {
	float: right;
	width: 630px;
	margin: 0;
	padding: 0;
}

#ClearBoth {
	clear: both;
	margin: 0;
	padding: 0;
}

#ClearLeft {
	clear: left;
	margin: 0;
	padding: 0;
}

/* ############################################################
	PANELS ALLGEMEIN
############################################################ */

#LogoPanel {
	width: 210px;
	height: 200px;
	margin: 0;
	padding: 0;
	background-image: url(/Portal/tempojob/Images/BG_LogoPanel.gif);
	background-repeat: no-repeat;
}

#MainmenuPanel {
	width: 210px;
	height: 95px;
/*	height: 45px;*/
	margin: 0;
	padding-top: 5px;
}

#SecondmenuPanel {
	text-align: right;
	width: 630px;
	height: 30px;
	margin: 0;
	padding-top: 70px;
/*	padding-top: 20px;*/
}

#ThirdmenuPanel {
	text-align: left;
	width: 210px;
	margin: 0;
	padding: 0;
}

#SubmenuPanel {
	width: 210px;
	margin: 0;
	padding: 0;
	background-image: url(/Portal/tempojob/Images/BG_SubmenuPanel.gif);
	background-repeat: repeat-y;
}

/* ############################################################
	PANELS LEER
############################################################ */

#Div_50 {
	height: 50px;
	margin: 0;
	padding: 0;
}

#Div_90 {
	height: 90px;
	margin: 0;
	padding: 0;
}

#Div_25 {
	height: 25px;
	margin: 0;
	padding: 0;
}




#Div_58 {
	width: 630px;
	height: 58px;
	margin: 0;
	padding: 0;
}

#Div_22 {
	width: 630px;
	height: 22px;
	margin: 0;
	padding: 0;
}

#Div_30 {
	height: 30px;
	margin: 0;
	padding: 0;
}

/* ############################################################
	BILDER
############################################################ */

.Logo {
}

/* ############################################################
	MODULE
############################################################ */

.MarginTop32 {
	margin-top: 36px;
}

.NewsBox {
}

.MarginTop18 {
	margin-top: 18px;
}

.MarginTop5 {
	margin-top: 5px;
}

#CMS__ReferenzStartseite {
}

#CMS__Referenzliste {
}

#Referenzliste {
}

#CMS__ReferenzBild {
}

#Fotocollage {
	width: 630px;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#Infocollage {
}

.Infocollage_Button1, .Infocollage_Button2 {
}

.Infocollage_Button2 {
}

.FormPaddingTopBottom3 {
	padding: 3px 0 3px 0;
}

.DocTyp {
	font-family: Arial, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #0A57A4;
	padding: 0 2px 0 2px;
}

.Site__List_Top {
	border-bottom: 2px solid #009EE0;
	font-weight: bold;
}

.Site__List_Bottom {
	border-top: 1px dotted #009EE0;
}

.Site__TopBottomRight6 {
	padding: 6px 25px 6px 0;
}

.Site__List_Line {
	border-top: 1px dotted #BEBEBE;
}

.Site__TopBottom6 {
	padding: 6px 0 6px 0;
}

/* ############################################################
	FORMULARE
############################################################ */

form {
	margin: 0;
}

.Site__Dropdown {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	height: 23px;
	padding: 2px 2px 0 2px;
}

.Site__NormalTextBox {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	width: 250px;
	height: 19px;
	padding: 2px 2px 0 2px;
}

.Site__NormalTextareaBox {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	width: 250px;
	height: 100px;
	padding: 2px 2px 0 2px;
}

.Site__NormalSelectBox {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	width: 250px;
	height: 23px;
}

.Site__LoginTextBox {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	width: 250px;
	height: 19px;
	padding: 2px 2px 0 2px;
}

.Site__NormalCheckboxBox {
}

.Site__NormalRadioBox {
}

.Site__SendButton {
	font-weight: bold;
}

/* ############################################################
	LISTEN
############################################################ */

/* Top-, Left-, Middle- und RightPanel */
#TopPanel ul, #TopPanel ol, #TopPanel dl, #LeftPanel ul, #LeftPanel ol, #LeftPanel dl, #MiddlePanel ul, #MiddlePanel ol, #MiddlePanel dl, #RightPanel ul, #RightPanel ol, #RightPanel dl {
	margin: 0;
	padding: 0;
	list-style-type: square;
}

#TopPanel ul li, #LeftPanel ul li, #MiddlePanel ul li, #RightPanel ul li {
	margin: 0 0 7px 25px;
}

/* ############################################################
	ÜBERSCHRIFTEN/TITEL
############################################################ */

/* Modultitel */
.Modultitel {
	margin: 0 0 17px 0;
	padding: 0;
	font-size: 23px;
	font-weight: normal;
	color: #009EE0;
	line-height: 28px;
}

#TopPanel h1, #LeftPanel h1, #MiddlePanel h1, #RightPanel h1 {
	margin: 0 0 17px 0;
	padding: 0;
	font-size: 23px;
	font-weight: normal;
	color: #009EE0;
	line-height: 28px;
}

#TopPanel h2, #LeftPanel h2, #MiddlePanel h2, #RightPanel h2 {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	line-height: 17px;
}

#TopPanel h3, #LeftPanel h3, #MiddlePanel h3, #RightPanel h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	color: #009EE0;
	line-height: 17px;
}

/* ############################################################
	MENÜ
############################################################ */

/* --- ALLGEMEINES --- */
#SubmenuPanel ul, #ThirdmenuPanel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* --- MAINMENU --- */
#MainmenuPanel span {
	margin-left: 15px;
}

/* --- SECONDMENU --- */
#SecondmenuPanel span {
	margin-left: 20px;
}

/* --- THIRDMENU --- */
#ThirdmenuPanel ul li a {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
/*	margin: 0 0 10px 0; */
	width: 200px;
	height: 36px;
	line-height: 36px;
/*	height: 40px;
	line-height: 40px;*/
	background: url(/Portal/tempojob/Images/Bullet_off.jpg) no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}

#ThirdmenuPanel ul li a:hover, #ThirdmenuPanel ul li.menu_active a:hover {
	background: url(/Portal/tempojob/Images/Bullet_on.jpg) no-repeat;
	color: #FFFFFF;
}

#ThirdmenuPanel ul li.menu_active a {
	background: url(/Portal/tempojob/Images/Bullet_active.jpg) no-repeat;
	color: #FFFFFF;
}

/* --- SUBMENU --- */
#SubmenuPanel ul li {
	margin-left: 14px;
	padding: 0;
}

#SubmenuPanel ul li a {
	text-decoration: none;
	color: #009EE0;
}

#SubmenuPanel ul li a:hover, #SubmenuPanel ul li.submenu_active a, #SubmenuPanel ul li.submenu_active a:hover {
	color: #000000;
}

#SubmenuPanel ul li.Ebene2, #SubmenuPanel ul li.submenu_active .Ebene2 {
	padding-left: 14px;
}

/* ############################################################
	DRUCKOPTIONEN
############################################################ */

.Print__Logo {
	display: none;
}