/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

* {
	color: #000;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

html, body {
	height: 100%;
	/*text-align: center;*/
}

body {
}

#title {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background: #fff url(../images/girsberger_logo.png) no-repeat 50% 50%;
}

	#title a {
		display: block;
		width: 154px;
		height: 31px;
		text-indent: -9999px;
	}

#box {
	position: relative;
	width: 907px;
	/* f?trierung */
	/*margin: 22px auto 0 auto;*/
	
	/* link ausgerichtet*/
	margin: 22px auto 0 50px;

	background: url(../images/box_bg.png) repeat-y 282px 0;
}

#header {
	position: relative;
	height: 169px !important;
	height: 170px;
	/*background: url(../images/header_bg.png) repeat-y 0 0;*/
	background: url(../images/header_bg_new.png) repeat-y 0 0;
	border-bottom: 1px solid #000;
}

	#header .tx-newloginbox-pi1 {
		height: 49px;
		width: 282px;
	}
		
		#header .tx-newloginbox-pi1 .statusMessage {
			display: none;
		}
	
		#header .tx-newloginbox-pi1 form {
			/*dalder@snowflake.ch - 23.09.2008*/
			/*display: none;*/
		}
		
		/* login */
		#header .tx-newloginbox-pi1 input.username,
		#header .tx-newloginbox-pi1 input.password {
			position: absolute;
			display: block;
			width: 93px !important;
			width: 109px;
			top: 13px;
			height: auto !important;
			height: 16px;
			padding: 2px 8px 1px 8px;
			border: 0;
			font-size: 10px;
			color: #999;
		}
		
		#header .tx-newloginbox-pi1 .username {
			left: 21px;
		}
		
		#header .tx-newloginbox-pi1 .password {
			left: 147px;
		}
	
		#header .tx-newloginbox-pi1 .button {
			position: absolute;
			top: 13px;
			left: 256px;
			height: 16px;
			width: 16px;
			border: 0;
			background: #b80518 url(../images/nav_arrow.gif) no-repeat 3px 4px;
			text-indent: -9999px;
			cursor: pointer;
		}
		
		/* logout */
		
		#header .tx-newloginbox-pi1 form.logout {
			padding: 14px 10px 0 21px;
		}
				
		#header .tx-newloginbox-pi1 form.logout * {
			color: #fff;
			font-size: 10px;
		}
		
		#header .tx-newloginbox-pi1 form.logout label.loginStatus {
			padding-right: 5px;
			background: url(../images/login_spacer.png) no-repeat right 2px;
			text-transform: uppercase;
		}
		
		#header .tx-newloginbox-pi1 form.logout input.logout {
			background: transparent;
			border: 0;
			cursor: pointer;
			text-transform: uppercase;
		}
		
		#header .tx-newloginbox-pi1 .forgotPassword {
			display: none;
		}

	ul#mainNavigation {
		
	}	
	
		ul#mainNavigation li {
			height: auto !important;
			height: 1px;
		}
		
		ul#mainNavigation li a {
			display: block;
			width: 242px !important;
			width: 282px;
			padding: 3px 20px 2px 20px;
			
			color: #fff;
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		
		ul#mainNavigation li a:hover {
			background: #b80518;
		}
		
		ul#mainNavigation li a.cur:hover,
		ul#mainNavigation li a.act:hover,
		ul#mainNavigation li a.cur,
		ul#mainNavigation li a.act {
			background: #b80518 url(../images/nav_arrow.gif) no-repeat 6px 6px;
		}

	h3#languageNavigationLabel {
		position: absolute;
		top: 0;
		left: 291px;
		font-size: 10px;
		font-weight: normal;
		color: #333;
	}	
		
	ul#languageNavigation {
		position: absolute;
		top: 14px;
		left: 291px;
	}

		#languageNavigation li {
			float: left;
		}

		#languageNavigation li a {
			/*padding-left: 7px;
			margin-left: 5px;*/
			padding-left: 3px;
			margin-left: 3px;
			color: #333;
			font-size: 10px;
			text-transform: uppercase;
			background: url(../images/langNav_spacer.png) no-repeat 0 1px;
		}

		#languageNavigation li.first a {
			padding: 0;
			margin: 0;
			background: transparent;
		}
		
	ul#metaNavigation {
		position: absolute;
		top: 46px;
		left: 291px;
		/*width: 80px;*/
		width: 101px;
	}

		#metaNavigation li {
			height: auto !important;
			height: 1px;
		}

		#metaNavigation li a {
			padding: 2px 0;
			color: #333;
			font-size: 10px;
			text-transform: uppercase;
		}

	#rootline {
		position: absolute;
		top: 14px;
		/*left: 385px;
		width: 350px;*/
		left: 406px;
		width: 330px;
	}

		#rootline li {
			float: left;
		}

		#rootline li a {
			padding-left: 13px;
			color: #ccc;
			font-size: 10px;
			text-transform: uppercase;
			white-space: nowrap;
			background: url(../images/rootline_spacer.png) no-repeat 5px 3px;
		}

		#rootline li.first a {
			padding: 0;
			background: transparent;
		}

	#pageTitleLeft {
		position: absolute;
		bottom: 6px;
		font-size: 20px;
		/*left: 385px;*/
		left: 401px;
	}
	
	#pageTitleRight {
		position: absolute;
		bottom: 6px;
		font-size: 20px;
		right: 0;
		text-align: right;
	}
	
	#col4 {
		position: absolute;
		top: 111px;
		left: 623px;
		height: 58px;
		width: 284px;
	}

#col1 {
	position: relative;
	float: left;
	clear: both;
	width: 282px !important;
	width: 282px;
	min-height: 488px;
	height: auto !important;
	height: 488px;
	margin-right: 1px; /* wegen box_bg.png */
	z-index: 3;
}

	ul#subNavigation {
		background: #ccc;
		padding: 16px 0;
	}

		#subNavigation {
			height: auto !important;
			height: 1px;
		}

		#subNavigation li a {
			display: block;
			width: 242px !important;
			width: 282px;
			padding: 1px 20px;
			color: #666;
			font-size: 11px;
			text-transform: uppercase;
		}

		#subNavigation li a.act,
		#subNavigation li a.cur,
		#subNavigation li a:hover {
			color: #fff;
			background-color: #B80518;
		}

		#subNavigation li a.act,
		#subNavigation li a.cur {
			background: #B80518 url(../images/nav_arrow.gif) no-repeat 6px 4px;
		}
		
			/* Level 2 */
		
			#subNavigation ul#level2  {
				padding-bottom: 4px;
			}
			
			#subNavigation li #level2 li a {
				display: block;
				width: 226px !important;
				width: 282px;
				padding: 1px 20px 1px 36px;
				color: #666;
				font-size: 11px;
				text-transform: none;
			}
	
			#subNavigation li #level2 li a.act,
			#subNavigation li #level2 li a.cur,
			#subNavigation li #level2 li a:hover {
				color: #B80518;
				background-color: #ccc;
			}
	
			#subNavigation li #level2 li a.act,
			#subNavigation li #level2 li a.cur {
				background: #ccc url(../images/nav_arrow3.gif) no-repeat 20px 4px;
			}
			
			/* Level 3 */
		
			#subNavigation ul#level3  {
				padding-bottom: 4px;
			}
			
			#subNavigation li #level3 li a {
				display: block;
				width: 226px !important;
				width: 282px;
				padding: 1px 0px 1px 56px;
				color: #666;
				font-size: 11px;
				text-transform: none;
			}
	
			#subNavigation li #level3 li a.act,
			#subNavigation li #level3 li a.cur,
			#subNavigation li #level3 li a:hover {
				color: #B80518;
				background-color: #ccc;
			}
	
			#subNavigation li #level3 li a.act,
			#subNavigation li #level3 li a.cur {
				background: #ccc url(../images/nav_arrow3.gif) no-repeat 40px 4px;
			}
			
			
			/* Page Browser */
		
			#subNavigation #pageBrowser * {
				color: #fff;
			}
		
			#subNavigation #pageBrowser {
				margin-top: -15px;
				margin-bottom: 15px;
			}
			
				#subNavigation #pageBrowser li.previous {
					/*asdf*/


					position: absolute;
					right: 40px;
					width: 10px !important;
					width: 10px;
					float: left;
				}
				
				#subNavigation #pageBrowser li.pageNumber {
					position: absolute;
					right: 10px;
					width: 35px !important;
					width: 35px;
					overflow: hidden;
					float: left;
					white-space: nowrap;
					text-align: center;
				}
				
				#subNavigation #pageBrowser li.next {
					position: absolute;
					right: 0;
					width: 10px !important;
					width: 10px;
				}
			
				#subNavigation #pageBrowser li a{
					width: 10px !important;
					width: 10px;
					padding: 0;
				}
	
	#leftContent {
		width: 282px;
		overflow: hidden;
	}

#col2 {
	position: relative;
	float: left;
	width: 624px;
	min-height: 488px;
	height: auto !important;
	height: 488px;
	z-index: 2;
}

	#mainContent {
		/*padding: 20px 100px;*/
		padding: 20px 120px;
	}

#footer {
	position: relative;
	width: 907px !important;
	width: 907px;
	margin: 0 auto;
	padding: 3px 0 15px 0px;
	background: #fff;
	z-index: 1;
}

	#footer * {
		color: #bbb;
		font-size: 9px;
	}
	
	#footer #footerNavigation {
		position: absolute;
		right: 0px;
		top: 4px;
	}
	
		#footer #footerNavigation p {
			float: left;
		}
	
		#footer #footerNavigation .gotoTop {
			
		}
	
		#footer #footerNavigation .printPage {
			margin-left: 5px;
			padding-left: 5px;
			background: url(../images/footer_spacer.gif) no-repeat 0 1px;
		}
	
	
/* -----------------------------------------------
	homepage
----------------------------------------------- */

.homepage #rootline {
	display: none;
}

.homepage #col1 {
	display: none;
}

.homepage #col2 {
	width: 907px;
}

/* -----------------------------------------------
	agb
----------------------------------------------- */

.agb #box {
	margin: 22px auto 0 0;
	background: none;	
}

.agb .closeWindow {
	position: absolute;
	right: 0;
}

/* -----------------------------------------------
	fachhändler
----------------------------------------------- */
#merchantTypeContainer span {
	position: relative;
	left: 150px;
	top: -14px !important;	
	margin: 0 25px 0 5px;
}

#mainContent #merchantTypeContainer input {
	width: 15px;
	display: inline;
}