/**************************************
 *** GENERAL SELECTORS ****************
 **************************************/

html, body {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
}

body {
background-color: #44535a;
text-align: center;
}

	div, th, td, p, form, ul, li, dt, dl, dd {
	margin: 0px;
	padding: 0px;
	}

	td {
	vertical-align: top;
	}

	/*** container within the table cells to be able to
	     position elements absolute within the table cells ***/
	.santas-little-helper {
	position: relative;
	}


/**************************************
 *** LAYOUT ***************************
 **************************************/
#wrapper {
margin: 0px auto;
border-spacing: 0px;
border-collapse: collapse;
}

#container {
margin: 0px auto;
border-spacing: 0px;
border-collapse: collapse;
width: 100%;
text-align: left;
}

	/**************************************
	 *** HEADER ***************************
	 **************************************/
	#header {
	z-index: 10000;
	position: relative;
	width: 100%;
	height: 100px;
	background: url(../img/background/header.png) repeat-x top left;
	}
	
		/*** ROOTLINE *************************/
		#rootline {
		position: absolute;
		top: 11px;
		left: 15px;
		}

		
		/*** LOGO *****************************/
		#logo {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 178px;
		height: 100px;
		}
		#logo.rp-technik {
		width: 190px;
		}
		
			#logo a {
			display: block;
			width: 100%;
			height: 100%;
			background: url(../img/header/logo.png) no-repeat top left;
			}
			#logo.rp-technik a {
			background-image: url(../img/header/logo-rp-technik.png);
			}
			
			#logo a:hover {
			background-image: url(../img/header/logo-active.png);
			}
			#logo.rp-technik a:hover {
			background-image: url(../img/header/logo-rp-technik-active.png);
			}
			
		/*** MINI NAVIGATION ******************/
		#mini-nav {
		position: absolute;
		top: 36px;
		left: 15px;
		}
		
			#mini-nav div {
			float: left;
			}
			
				/*** SERVICE MENU *********************/
				#mini-nav div#service-icons ul {
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				}
				
					#mini-nav div#service-icons ul li {
					float: left;
					margin: 0px 5px 0px 0px;
					padding: 0px;
					}
					
						#mini-nav div#service-icons ul li a {
						display: block;
						margin: 0px;
						padding: 0px;
						height: 21px;
						}

						a#mini-nav-back			{ width: 18px; background-image: url(../img/mini-nav/back.png); }
						a#mini-nav-sitemap		{ width: 21px; background-image: url(../img/mini-nav/sitemap.png); }
						a#mini-nav-contact		{ width: 19px; background-image: url(../img/mini-nav/contact.png); }
						a#mini-nav-print		{ width: 17px; background-image: url(../img/mini-nav/print.png); }
						a#mini-nav-mywelser		{ width: 18px; background-image: url(../img/mini-nav/mywelser.png); }
						a#mini-nav-login-open	{ width: 18px; background-image: url(../img/mini-nav/login-open.png); }
						a#mini-nav-login-closed { width: 18px; background-image: url(../img/mini-nav/login-closed.png); }

						a#mini-nav-back:hover			{ background-image: url(../img/mini-nav/back-active.png); }
						a#mini-nav-sitemap:hover		{ background-image: url(../img/mini-nav/sitemap-active.png); }
						a#mini-nav-contact:hover		{ background-image: url(../img/mini-nav/contact-active.png); }
						a#mini-nav-print:hover			{ background-image: url(../img/mini-nav/print-active.png); }
						a#mini-nav-mywelser:hover		{ background-image: url(../img/mini-nav/mywelser-active.png); }
						a#mini-nav-login-open:hover		{ background-image: url(../img/mini-nav/login-open-active.png); }
						a#mini-nav-login-closed:hover	{ background-image: url(../img/mini-nav/login-closed-active.png); }


			/*** TEXT SEARCH **********************/
			div#text-search {
			position: relative;
			top: 2px;
			left: 6px;
			}
			
				div#text-search form input {
				margin: 0px;
				padding: 0px;
				}
					div#text-search form div#text-search-input-background {
					width: 156px;
					height: 17px;
					background: url(../img/mini-nav/text-search-input-background.png) repeat-x top left;
					}

						div#text-search form input#text-search-input {
						position: absolute;
						top: 2px;
						left: 4px;
						width: 149px;
						height: 15px;
						border: 0px;
						background: none;
						font-size: 10px;
						font-weight: bold;
						}

					div#text-search form div#text-search-submit-container {
					display: none;
					}


			/*** LANGUAGE CHOOSER *****************/
			div#language-selector {
			position: relative;
			left: 19px;
			}
			div#language-selector.contact-page {
			left: 0px !important;
			}
				div#language-selector select {
				border-width: 1px;
				}


		/*** MAIN MENU ************************/
		#main-menu {
		position: relative;
		top: 71px;
		left: 0px;
		z-index: 1000;
		padding-right: 218px;
		}

		#main-menu table {
		position: relative;
		z-index: 1001;
		}

	/*** Erste Ebene ***/			
			#main-menu-list, #main-menu-list ul {
			margin: 0px;
			padding: 0px;
			z-index: 1000;
			list-style-type: none;
			}
			
				#main-menu-list td {
				position: relative;
				margin: 0px;
				padding: 0px 10px 0px 0px;
				background: url(../img/main-menu/divider.png) no-repeat top left;
				}

				#main-menu-list td.first-item {
				background: none;
				}
				
					#main-menu-list td a {
					margin: 0px 0px 0px 0px;
					padding: 0px;
					}
					
						#main-menu-list td a img {
						margin: 0px 0px 0px 15px;
						padding: 0px;
						border: 0px;
						}

	/*** Zweite Ebene ***/			
			#main-menu-list td ul {
			position: absolute;
			top: 16px;
			left: -999em;
			margin-left: -15px;
			padding-top: 17px;
			border-bottom: 1px solid #414549;
			background: url(../img/submenu/header.png) no-repeat 0px 13px;
			}

			#main-menu-list td.first-item ul {
			margin-left: -2px;
			}

				#main-menu-list td li {
				position: relative;
				float: none;
				margin: 0px;
				padding: 0px;
				width: 191px;
				border-bottom: 1px solid #414549;
				}

					#main-menu-list td li a {
					display: block;
					z-index: 1002;
					margin: 0px;
					padding: 5px 10px 5px 7px;
					width: 176px;
					height: 100%;
					background: url(../img/submenu/item-background.png) repeat-y top left !important;
					letter-spacing: 0em;
					text-decoration: none;
					font-size: 11px;
					color: #414549;
					}

					#main-menu-list td li a:hover {
					background-image: url(../img/submenu/item-background-active.png) !important;
					color: #ffffff;
					}

					#main-menu-list td li a.parent-link {
					background: url(../img/submenu/parent-item-background.png) no-repeat top left !important;
					}

					#main-menu-list td li a.parent-link:hover {
					background: url(../img/submenu/parent-item-background-active.png) no-repeat top left !important;
					}


	/*** Dritte, Vierte, F�nfte Ebene ***/
			#main-menu-list td li ul, #main-menu-list td li li ul, #main-menu-list td li li li ul {
			position: absolute;
			top: -2px;
			left: -999em;
			margin-left: 189px;
			padding-top: 0px;
			width: 191px;
			border-top: 2px solid #414549;
			border-bottom: 1px solid #414549;
			}
		
			#main-menu-list td.first-item ul ul {
			margin-left: 189px;
			}

	/*** Aus- und Einblenden der Untermen�s ***/
/*			#main-menu-list td:hover ul ul, #main-menu-list td:hover ul ul ul, #main-menu-list td:hover ul ul ul ul,*/
			#main-menu-list td.sfhover ul ul, #main-menu-list td.sfhover ul ul ul, #main-menu-list td.sfhover ul ul ul ul {
			left: -999em;
			}
			
/*			#main-menu-list td:hover ul, #main-menu-list td li:hover ul, #main-menu-list td li li:hover ul, #main-menu-list td li li li:hover ul,*/
			#main-menu-list td.sfhover ul, #main-menu-list td li.sfhover ul, #main-menu-list td li li.sfhover ul, #main-menu-list td li li li.sfhover ul {
			left: auto;
			}

			#main-menu-list td ul {
			left: -999em;
			}

	/**************************************
	 *** COLUMN  HEADERS ******************
	 **************************************/
	#left-column-header {
	overflow: hidden;
	height: 4px;
	background: url(../img/background/left-column-header.png) no-repeat top right;
	}
	
	#main-column-header {
	overflow: hidden;
	height: 4px;
	background: url(../img/background/main-column-header.png) repeat-x top left;
	}

	#right-column-header {
	overflow: hidden;
	height: 4px;
	background: url(../img/background/right-column-header.png) no-repeat top left;
	}

	#right-column-header.logged-in {
	background-image: url(../img/background/right-column-header-logged-in.png);
	}


	/**************************************
	 *** LEFT COLUMN **********************
	 **************************************/
	#left-column {
	padding-right: 1px;
	width: 187px;
	background: #f5f5f5 url(../img/background/left-column.png) repeat-y top right;
	}

		#left-column-padding {
		padding: 11px 7px;
		}
		
		div.article-intro-box {
		margin: 0px;
		padding: 11px 7px 11px 7px;
		border-bottom: 1px solid #686868;
		}


	/**************************************
	 *** MAIN COLUMN **********************
	 **************************************/
	#main-column {
	padding-bottom: 9px;
	width: 100%;
	height: 668px;
	background-color: #ffffff;
	text-align: center;
	}

		#content.wide {
		margin: 13px 32px 20px 32px;
		text-align: left;
		}
		#content {
		margin: 13px 22px 20px 32px;
		text-align: left;
		}
		#content.rp-technik {
		margin: 13px 27px 20px 37px;
		text-align: left;
		}


	/**************************************
	 *** RIGHT COLUMN *********************
	 **************************************/
	#right-column {
	padding: 0px 0px 9px 3px;
	width: 192px;
	background: url(../img/background/right-column.png) repeat-y top left;
	}

		#mywelser {
		margin-left: 1px;
		width: 191px;
		}
			#mywelser a {
			font-weight: normal;
			}
			#mywelser div#login-panel {
			position: relative;
			width: 100%;
			height: 95px;
			background: url(../img/mywelser/login-panel-background.png) no-repeat top left;
			}
				div#profile-functions {
				position: absolute;
				top: 30px;
				left: 0px;
				}
					div#profile-functions div#username {
					position: absolute;
					top: 6px;
					left: 120px;
					}
					div#profile-functions div.function {
					margin: 0px;
					padding: 0px;
					}
						div#profile-functions div.function a {
						display: block;
						margin: 0px;
						padding: 0px;
						width: 191px;
						}

						/* Standard */
						a#profile-logout		{ height: 23px; }
						a#profile-edit			{ height: 19px; }
						a#profile-addlink		{ height: 22px; }
						/* Ungarisch */
						a#profile-logout.hu		{ height: 21px; }
						a#profile-edit.hu		{ height: 27px; }
						a#profile-addlink.hu	{ height: 16px; }
						/* Tschechisch */
						a#profile-logout.cz		{ height: 23px; }
						a#profile-edit.cz		{ height: 25px; }
						a#profile-addlink.cz	{ height: 16px; }

						a#profile-logout span		{ display: block; margin-left: 21px; width: 170px; height: 100%; background-repeat: no-repeat; background-position: top right; }
						a#profile-edit span			{ display: block; margin-left: 21px; width: 170px; height: 100%; background-repeat: no-repeat; background-position: top right; }
						a#profile-addlink span		{ display: block; margin-left: 21px; width: 170px; height: 100%; background-repeat: no-repeat; background-position: top right; }
						a#profile-logout:hover, a#profile-edit:hover, a#profile-addlink:hover { background: url(../img/mywelser//active-item.png) no-repeat top left; }
						a#profile-logout:hover	{ background-position: 12px 9px; }
						a#profile-edit:hover	{ background-position: 12px 5px; }
						a#profile-addlink:hover	{ background-position: 12px 5px; }
						

			#mywelser div#favorites {
			margin: 0px 0px 3px 0px;
			padding: 7px 11px 11px 11px;
			border-bottom: 1px solid #000000;
			background: url(../img/mywelser/favorites-background.png) repeat-y top left;
			}
				div#favorites ul {
				width: 169px;
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				}
					div#favorites ul li {
					margin: 0px 0px 2px 0px;
					padding: 0px;
					}
						div#favorites ul li a {
						text-decoration : none;
						font-size: 11px;
						color: #000000;
						}
						div#favorites ul li a:hover {
						text-decoration : underline;
						}
						div#favorites ul li a.remove-favorite {
						display: block;
						float: left;
						margin: 2px 12px 0px 0px;
						padding: 0px;
						width: 9px;
						height: 13px;
						background: url(../img/mywelser/remove-favorite.png) no-repeat 0px 2px;
						}

		#randbereich-gifs {
		padding-top: 13px;
		}
			#randbereich-gifs table {
			margin: 0px;
			padding: 0px;
			border-spacing: 0px;
			border-collapse: collapse;
			}
				#randbereich-gifs td {
				margin: 0px;
				padding: 0px;
				}

		#randbereich-bild {
		}
				
		#randbereich {
		clear: both;
		width: 169px;
		margin-left: 9px;
		}


	/**************************************
	 *** FOOTER ***************************
	 **************************************/
	#left-column-footer {
	overflow: hidden;
	width: 187px;
	height: 13px;
	background: url(../img/background/left-column-footer.png) no-repeat top right;
	}

	#main-column-footer {
	overflow: hidden;
	height: 13px;
	background: url(../img/background/main-column-footer.png) repeat-x top left;
	}

	#right-column-footer {
	overflow: hidden;
	height: 13px;
	background: url(../img/background/right-column-footer.png) no-repeat top left;
	}
