/* 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
 *
 */

#rootline,
#copyright,
#subNavigation {
	display: none;
}

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

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

body {
	background: url(../images/body_bg.gif) repeat-x 0 69px;
}

form .text {
	border-color: #000;
}

form .button {
	padding: 0 5px 0 5px;
	border-color: #000;
	background-color: #fff;
	color: #000;
}

#title {
	position: absolute;
	top: 25px;
	right: 40px;
	z-index: 1;
	background: #fff url(../images/synmedic_logo.gif) no-repeat 50% 50%;
}

	#title a {
		display: block;
		width: 290px;
		height: 28px;
		text-indent: -9999px;
	}
	
#subtitle {
	position: absolute;
	top: 7px;
	right: 3px;
	width: 182px;
	height: 5px;
	background-image: url(../images/subtitle_bg.png);
	text-indent: -9999px;
}

#box {
	position: relative;
	width: 880px;
	/* für Zentrierung */
	margin: 0 auto;
	background: url(../images/col1_bg.gif) repeat-y 0 0;
}

#header {
	position: relative;
	height: 215px;
	background: url(../images/header_bg.gif) repeat-x 0 0;
}

	#headerOpacity {
		width: 160px;
		height: 215px;
		background: #3b9bd3;
		opacity: 0.4;
		-moz-opacity: 0.4;
		-khtml-opacity: 0.4;
		filter: alpha(opacity=40);
		z-index: 2;
	}

	#headerImage {
		position: absolute;
		width: 407px;
		height: 216px;
		/*background: url(../images/headerTest/kopfbild04.jpg) no-repeat 0 77px;*/
		background-repeat: no-repeat;
		background-position: 0 77px;
		z-index: 1;
	}

	#searchBox {
		position: absolute;
		top: 193px;
		left: 600px;
	}
		#searchBox p {
			float: left;
			margin-left: 5px;
		}
		
		#searchBox p.first {
			margin-left: 0px;
		}

		#searchBox .label {
			margin-top: 2px;
		}
			/* IE7 - HACK */
			*+html #searchBox .label {
				margin-top: 0px;
			}

			* html #searchBox .label {
				margin-top: 0px;
			}

		#searchBox .radio {
			width: 15px;
			height: 15px;
		}
				
		#searchBox span {	
			color: #fff;
			font-size:10px;
		}
		
		#searchBox .text {
			position: absolute;
			top: -1px;
			left: 140px;
			width: 66px !important;
			width: 80px;
			height: 12px !important;
			height: 18px;
			display: block;
			padding: 3px 7px;
			border: 0;
			background-color: #95c3da;
			font-size: 10px;
			color: #fff;
		}
		
		#searchBox .button {
			position: absolute;
			top: -1px !important;
			left: 222px;
			z-index: 1;
			width: 18px;
			height: 18px;
			border: 0;
			background: url(../images/search_button.gif) no-repeat 50% 50%;
			text-indent: -9999px;
		}
		
	ul#languageNavigation {
		position: absolute;
		top: 40px;
		left: 10px;
		z-index: 3;
	}
	
		#languageNavigation li {
			padding-left: 14px;
			float: left;
			background: url(../images/nav_spacer_white.gif) no-repeat 8px 4px !important;
			background: url(../images/nav_spacer_white.gif) no-repeat 8px 2px;
		}
		
		#languageNavigation li.first {
			padding: 0;
			background: none !important;
			background: none;
		}
	
		#languageNavigation li a {
			/*color: #28a6d4;*/
			color: #fff;
			font-size: 10px;
		}
	
	ul#metaNavigation {
		position: absolute;
		top: 193px;
		left: 200px;
		z-index: 3;
	}
	
		/* IE7 - HACK */
		*+html ul#metaNavigation {
			top: 195px;
		}

		#metaNavigation li {
			padding-left: 18px;
			float: left;
			background: url(../images/nav_spacer_white.gif) no-repeat 8px 4px !important;
			background: url(../images/nav_spacer_white.gif) no-repeat 8px 2px;
		}
		
		#metaNavigation li.first {
			padding: 0;
			background: none !important;
			background: none;
		}
	
		#metaNavigation li a {
			color: #fff;
			font-size: 10px;
		}
	
	#address {
		position: absolute;
		display: block;
		top: 115px;
		left: 550px;
		width: 290px;
	}
	
		#address * {
			font-size: 10px;
			color: #009bd1;
		}
		
		#address .addressLeft {
			float: left;
		}
		
		#address .addressRight {
			float: right;
			text-align: right;
		}
		
		#address .addressRight a {
			padding-left: 14px;
		}

#col1 {
	position: relative;
	float: left;
	clear: both;
	width: 160px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

	ul#mainNavigation {
		margin-top: 30px;
	}

		#mainNavigation li {
			height: auto !important;
			height: 1px;
			background: #009bd1;
			margin-bottom: 5px;
		}

		#mainNavigation li a {
			display: block;
			padding: 7px 10px 9px 20px;
			width: 130px !important;
			width: 160px;
			color: #fff;
		}
		
		#mainNavigation li a.cur {
			background: url(../images/arrow_orange_right.gif) no-repeat 7px 11px;
		}
		
		#mainNavigation li a.act {
			background: url(../images/arrow_white_down.gif) no-repeat 7px 10px;
		}

		/* Level 2 */
		#mainNavigation li ul {
		
		}
		
		#mainNavigation li li {
			background: #d6e5ee;
			margin-bottom: 0;
		}
		
		#mainNavigation li li a {
			padding: 1px 5px 3px 30px;
			width: 120px !important;
			width: 160px;
			color: #009bd1;
			border-bottom: 1px solid #bdd8e6;
		}
		
		#mainNavigation li li a.cur {
			background: url(../images/arrow_orange_right.gif) no-repeat 20px 5px;
		}
		
		#mainNavigation li li a.act {
			background: url(../images/arrow_blue_down.gif) no-repeat 20px 4px;
		}
		
		/* Level 3 */
		#mainNavigation li li ul {
			
		}
		
		#mainNavigation li li li {
			background: #bdd8e6;
		}
		
		#mainNavigation li li li a {
			padding: 1px 10px 2px 30px;
			border-bottom: 1px solid #cededd;
		}
		
		#mainNavigation li li li a.cur {
			background: url(../images/arrow_orange_right.gif) no-repeat 20px 5px;
		}
	
	#leftContent {
		padding-bottom: 15px;
	}

#col2 {
	position: relative;
	float: left;
	width: 720px;
}

.layout2 #col2 {
		width: 560px;
}

	#mainContent {
		padding: 27px 40px 30px 40px;
		width: 640px !important;
		width: 720px;
	}
	
	.layout2 #mainContent {
		width: 480px !important;
		width: 560px;
	}
		
#col3 {
	position: relative;
	float: left;
	width: 160px;
}

	#rightContent {
		/*padding: 30px 0 30px 0;*/
		padding: 30px 0 0 0;
		
	}

#footer {
	position: relative;
	height: 35px;
	background: url(../images/footer_bg.gif) repeat-x 0 0;
}

	ul#footerNavigation {
		width: 660px !important;
		width: 880px;
		/* für Zentrierung */
		margin: 0 auto;
		padding: 11px 20px 0px 200px;
	}
		
		#footerNavigation li {
			padding-left: 14px;
			float: left;
			background: url(../images/nav_spacer_white.gif) no-repeat 6px 4px !important;
			background: url(../images/nav_spacer_white.gif) no-repeat 6px 2px;
		}
		
		#footerNavigation li.first {
			padding: 0;
			background: none !important;
			background: none;
		}

		#footerNavigation li a {
			color: #fff;
			font-size: 10px;
		}

#col2 embed{
	width: 480px;
}
