/* CSS Document */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	text-align:center; /* center IE */
	background-image:url(images/tpi/bg.jpg); /* Muss bei anderem Style ausgetauscht werden */
	background-position:center top;
	background-repeat:no-repeat;	
	background-attachment:fixed;
	background-color:#f1bfab; /* Muss bei anderem Style ausgetauscht werden */
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height: 16px;
}

#container {	
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	text-align: left;	
	background-image:url(images/tpi/bg_container.png); /* Muss bei anderem Style ausgetauscht werden */
	background-position:center;
	background-repeat:repeat-y;	
}
	
	#header {	
		position:relative;	
		background-image:url(images/tpi/bg_header.jpg);	 /* Muss bei anderem Style ausgetauscht werden */	
		background-position:center;
		background-repeat:repeat-x;
		min-width:922px;
		width:100%;	
		height:80px;
		border-bottom: 1px solid #ffffff;
		z-index:30;
	}
	
		#header_container {
			position:relative;
			width: 922px;	
			margin:0px auto;	
		}
		
			#flags {
				position:absolute;
				top:15px;
				right:0px;
				height: 16px;
				/*width: 50px;*/
			}
		
			/* Muss bei anderem Style ausgetauscht werden */
			#logo {
				position:absolute;
				left: 8px;
				top: 17px; 
				z-index: 20;
			}
			
			#top_menu_spacer {
				position:absolute;
				top:40px;
				left:0px;
				background-image:url(images/tpi/bg_topmenu.png); /* Muss bei anderem Style ausgetauscht werden */				
				background-position:center;
				background-repeat:repeat-x;
				width: 152px;
				height: 40px;
			}
			
			#top_menu {
				position:absolute;
				top:40px;
				left:152px;
				background-image:url(images/tpi/bg_topmenu_2.png); /* Muss bei anderem Style ausgetauscht werden */			
				background-position:left;
				background-repeat:repeat-x;
				width: 770px;
				height: 40px;				
			}			
			
			#topmenu, #topmenu ul {
				position:relative;
				list-style:none;
				margin:0px;
				padding:0px;	
				z-index:50;
			}
			
			#topmenu li {
				position:relative;
				float:left;	
				width: 144px;
				height: 40px;
				padding-left: 10px;	
				z-index:50;			
			}		
					
			#topmenu a {
				font-size:12px;
				line-height: 40px;			
				text-decoration:none;
				text-transform:uppercase;
				font-weight:bold;
				color:#000000;
			}
			
			#topmenu a:hover {
				text-decoration:none;
			}
								
			#topmenu a.topmenu_parent {				
				color:#da6347; /* Muss bei anderem Style ausgetauscht werden */
				text-decoration:none;
			}
		
				/* Zweite Ebene */
				#topmenu li ul {
					/*
					list-style:disc;					
					list-style-image:url(images/menu_symbol.png);
					list-style-type:disc;					
					list-style-position:outside;*/
	
					display: none;		
					position:absolute;
					top: 40px;							
					left: 1px;					
					z-index:1000;	
				}
				
					/* Hack: Top und Left im IE überschreiben */
					#topmenu li > #topmenu ul {
						top: auto;
						left: auto;
					}
					
					/* Hovereffekte für Listenelemente innerhalb der zweiten Ebene */
					#topmenu li:hover ul, #topmenu li.over ul {
						display: block;							
					}
					
					/* Style der Listenelemente in der zweiten Ebene */
					/* Hier werden automatisch alle Styles aus dem li der ersten Ebene übernommen, wenn nicht anders deklariert */
					#topmenu li ul li {						
						height:auto !important; /* real browsers */
						height: 12px; /* IE6: treaded as min-height*/
						min-height:12px; /* real browsers */						
						background-color:#f0bca3; /* Muss bei anderem Style ausgetauscht werden */				
						/*opacity for IE5+*/
						filter: alpha(opacity=85);
						/*opacity for older Mozilla browsers*/
						-moz-opacity: 0.85;
						/*opacity for mozilla/safari*/
						opacity: 0.85;												
						width: 141px;
						z-index:1000;									
						text-align:left;
						padding: 4px 5px 4px 8px;	
												
					}
					
					#topmenu li ul li.first {	
						padding-top: 9px;						
					}
					
					#topmenu li ul li.last {	
						padding-bottom: 9px;						
					}
																						
					/* Linkformatierungen nur für die zweite Ebene */
					#topmenu li ul li a {
						position:relative;						
						/*line-height:20px;	*/
						line-height:12px;	
						display:block;
						text-transform:uppercase;						
						text-decoration:none;
						font-size:10px;
						font-weight:normal;
						color:#000000;
						z-index:1000;	
						
						padding-left: 8px;
						background-image:url(images/menu_symbol.png);
						background-position:left top;
						background-repeat:no-repeat;
					}
				
					#topmenu li ul li a:hover {
						color:#da6347; /* Muss bei anderem Style ausgetauscht werden */
						text-decoration:none;
					}
							
									
						/* Dritte Ebene */
						#topmenu li ul li ul {							
							display: none;
							position: relative;							
							z-index:1000;	
							left:0;
							top:0;				
						}
						
							/* Hack: Top und Left im IE überschreiben */
							#topmenu li ul li > #topmenu li ul {
								top: auto;
								left: auto;
							}
							
							/* Hovereffekte für Listenelemente innerhalb der zweiten Ebene */
							#topmenu li ul li:hover ul, #topmenu li ul li.over ul {
								display: block;														
							}
							
							/* Style der Listenelemente in der dritten Ebene */
							/* Hier werden automatisch alle Styles aus dem li der ersten Ebene übernommen, wenn nicht anders deklariert */
							#topmenu li ul li ul li {
								height:auto !important; /* real browsers */
								height: 10px; /* IE6: treaded as min-height*/
								min-height:10px; /* real browsers */
								background-color: none;
								/*opacity for IE5+*/
								filter: none;
								/*opacity for older Mozilla browsers*/
								-moz-opacity: none;
								/*opacity for mozilla/safari*/
								opacity: none;																
								width: 131px;
								z-index:1010;									
								text-align:left;
								padding: 5px 0px 0px 10px;													
							}
																								
							/* Linkformatierungen nur für die zweite Ebene */
							#topmenu li ul li ul li a {
								position:relative;
								line-height:10px;	
								display:block;						
								text-transform:none;						
								text-decoration:none;
								font-size:10px;
								font-weight:normal;
								color:#000000;
								z-index:1000;	
								padding: 0;
								background:none;
							}
						
							#topmenu li ul li ul li a:hover {
								color:#da6347; /* Muss bei anderem Style ausgetauscht werden */
								text-decoration:none;
								padding: 0;
								background:none;
							}
						
							#topmenu li ul li ul li a.topmenu_parent {				
								color:#da6347; /* Muss bei anderem Style ausgetauscht werden */
								text-decoration:none;
								padding: 0;
								background:none;
							}
					

	#content_container {		
		position:relative;
		width: 920px;		
		margin:0px auto;
		padding:0px 0px 66px 0px; /* bottom padding for footer */		
		z-index:10;
	}
	
		#header_image {			
			position:relative;
			height: 385px;
			width: 767px; /*Durch overflow:hidden kann das Bild 770x385px sein!*/
			float:left;
			overflow:hidden;
			z-index:20;
		}
	
		#right_menu {
			position:relative;
			height: 385px;
			width: 153px;
			float:left;
			text-align:center;
		}

		#rightmenu, #rightmenu ul {
			list-style:none;
			margin:0px;
			padding:0px;	
			
		}
		
		#rightmenu li {
			width: 133px;
			height: 77px;
			padding: 0px 10px 0px 10px;			
		}
		
		#rightmenu a {
			color:#000000;
			font-weight:bold;
			text-decoration:none;
		}
		
		#rightmenu a:hover {
			
		}
		

		#content {
			width: 920px;	
			padding-top: 20px;
			border-top: 1px solid #ffffff;				
		}

	#footer {
		position:absolute;
		width:100%;
		height:66px;
		bottom:0; /* stick to bottom */		
		z-index:30;
	}
		
		#bottom_menu {
			background-image:url(images/tpi/bg_topmenu.png);  /* Muss bei anderem Style ausgetauscht werden */
			background-position:center;
			background-repeat:repeat-x;
			position:relative;
			width: 920px;	
			margin:0px auto;	
			height:40px;
			border-top: 1px solid #ffffff;
		}
		
		#bottommenu, #bottommenu ul {
			list-style:none;
			margin:0px;
			padding: 0px;	
		}
		
		#bottommenu li {
			position:relative;
			float:left;	
			width: 145px;
			height: 40px;
			padding-left: 10px; 
		}
			
		#bottommenu li.menu_spacer {
			position:relative;
			background-image:url(images/tpi/menu_spacer.jpg);  /* Muss bei anderem Style ausgetauscht werden */
			float:left;	
			width: 2px;
			height: 40px;
			padding: 0;
		}
		
		#bottommenu a {
			font-size:12px;
			line-height: 40px;			
			text-decoration:none;
			text-transform:uppercase;
			color:#000000;
		}
		
		#bottommenu a:hover {
			text-decoration:underline;
		}
			
		#bottommenu a.bottommenu_parent {				
			color:#da6347;  /* Muss bei anderem Style ausgetauscht werden */
			text-decoration:none;
		}
			
		#bottommenu a.bottommenu_parent:hover {
			text-decoration: none;
		}		
		
			
			/* Zweite Ebene */
			#bottommenu li ul {						
				display: none;
				bottom: 40px;
			    left: 0;    			
   				position: absolute;
				list-style:none;
			}
			
			/*#bottommenu li ul ul{
				position: absolute;
				left:100%; 
				bottom: 0;
				display: none;				
			}*/
						
				/* Hack: Top und Left im IE überschreiben */
				#bottommenu li > #bottommenu ul {
					top: auto;
					left: auto;
				}
				
				/* Hovereffekte für Listenelemente innerhalb der zweiten Ebene */
				#bottommenu li:hover ul, #bottommenu li.over ul {
					display: block;
					background-image:none;
				}
				
				/* Style der Listenelemente in der zweiten Ebene */
				/* Hier werden automatisch alle Styles aus dem li der ersten Ebene übernommen, wenn nicht anders deklariert */
				#bottommenu li ul li {					
					
					
					
					height:auto !important; /* real browsers */
					height: 12px; /* IE6: treaded as min-height*/
					min-height:12px; /* real browsers */						
					background-color:#f0bca3; /* Muss bei anderem Style ausgetauscht werden */				
					/*opacity for IE5+*/
					filter: alpha(opacity=85);
					/*opacity for older Mozilla browsers*/
					-moz-opacity: 0.85;
					/*opacity for mozilla/safari*/
					opacity: 0.85;												
					width: 141px;
					z-index:1000;									
					text-align:left;
					padding: 4px 5px 4px 8px;				
				}
			
					#bottommenu li ul li.first {	
						padding-top: 9px;						
					}
					
					#bottommenu li ul li.last {	
						padding-bottom: 9px;						
					}
												
					/* Linkformatierungen nur für die zweite Ebene */
					#bottommenu li ul li a {
						/*position:relative;
						line-height:20px;	
						display:block;
						width: 145px;
						height: 20px;	
						
						text-transform:uppercase;
						
						text-decoration:none;
						font-size:10px;
						
						z-index:1000;	*/
						
						/* Linkformatierungen nur für die zweite Ebene */				
						position:relative;						
						/*line-height:20px;	*/
						line-height:12px;	
						display:block;
						text-transform:uppercase;						
						text-decoration:none;
						font-size:10px;
						font-weight:normal;
						color:#000000;
						z-index:1000;	
						
						padding-left: 8px;
						background-image:url(images/menu_symbol.png);
						background-position:left top;
						background-repeat:no-repeat;					
					}
		
					#bottommenu li ul li a:hover {
						color:#da6347;  /* Muss bei anderem Style ausgetauscht werden */
						text-decoration:none;
					}
					
						/* Dritte Ebene */
						#bottommenu li ul li ul {							
							display: none;
							position: relative;							
							z-index:1000;	
							left:0;
							top:0;				
						}
						
							/* Hack: Top und Left im IE überschreiben */
							#bottommenu li ul li > #bottommenu li ul {
								top: auto;
								left: auto;
							}
							
							/* Hovereffekte für Listenelemente innerhalb der zweiten Ebene */
							#bottommenu li ul li:hover ul, #bottommenu li ul li.over ul {
								display: block;														
							}
							
							/* Style der Listenelemente in der dritten Ebene */
							/* Hier werden automatisch alle Styles aus dem li der ersten Ebene übernommen, wenn nicht anders deklariert */
							#bottommenu li ul li ul li {
								height:auto !important; /* real browsers */
								height: 10px; /* IE6: treaded as min-height*/
								min-height:10px; /* real browsers */
								background-color: none;
								/*opacity for IE5+*/
								filter: none;
								/*opacity for older Mozilla browsers*/
								-moz-opacity: none;
								/*opacity for mozilla/safari*/
								opacity: none;																
								width: 131px;
								z-index:1010;									
								text-align:left;
								padding: 5px 0px 0px 10px;													
							}
																								
							/* Linkformatierungen nur für die dritte Ebene */
							#bottommenu li ul li ul li a {
								position:relative;
								line-height:10px;	
								display:block;						
								text-transform:none;						
								text-decoration:none;
								font-size:10px;
								font-weight:normal;
								color:#000000;
								z-index:1000;	
								padding: 0;
								background:none;
							}
						
							#bottommenu li ul li ul li a:hover {
								color:#da6347; /* Muss bei anderem Style ausgetauscht werden */
								text-decoration:none;
								padding: 0;
								background:none;
							}
						
							#bottommenu li ul li ul li a.bottommenu_parent {				
								color:#da6347; /* Muss bei anderem Style ausgetauscht werden */
								text-decoration:none;
								padding: 0;
								background:none;
							}
					
					
			
		#footer_container {
			background-image:url(images/bg_footer.jpg);
			background-position:center;
			background-repeat:repeat-x;
			width:100%;
			min-width:922px;
			height:25px;
		}
		
			#footer_menu {	
				position:relative;
				width: 920px;	
				margin:0px auto;	
				height:25px;
			}
			
			#footermenu, #footermenu ul {
				list-style:none;
				margin:0px;
				padding: 0px 0px 0px 10px;	
			}
			
			#footermenu li {
				display: inline;				
			}	
			
			#footermenu li.spacerSymbol {
				font-size:10px;
				line-height: 25px;
				padding: 0px 8px 0px 8px;
				color:#c9a495;  /* Muss bei anderem Style ausgetauscht werden */
			}
			
			#footermenu a {
				font-size:10px;
				line-height: 25px;
				text-decoration:none;
				text-transform:uppercase;
				color:#c9a495;   /* Muss bei anderem Style ausgetauscht werden */
			}
			
			#footermenu a:hover {
				text-decoration:underline;
			}
			
/*STANDARD MAILFORM*/

.mailform_labels {	
	font-size:12px;
	float:left;
	line-height:20px;
	width:100px;
	margin-right:5px;
}

.mailform_label_head {	
	font-size:12px;
	font-weight:bold;
	color: #000000;
}

.mailform_label_text {	
	font-size:12px;
}

.inputfields {
	width: 300px;
}

.textareafields {
	width: 300px;
}


/* CSS Stile */

p {
	margin:0px;
	padding:0px;
}

form {
	margin:0px;	
}

img {
	border:none;	
}

table,tr,td,tbody,div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	color:#000000;	
	text-decoration:none;	
}

a {
	outline:none;
	color:#000000;
	text-decoration:underline;	
}

a:hover {
	text-decoration:none;
}

h1 {	
	font-size:22px;	
	line-height: 28px;
	margin:0px;
	padding:0px;
	font-weight:lighter;
}

.lauftext {	
	
}

.bildtext {
	font-size:10px;	
	line-height: 14px;
}


/*Edit CSS Styled Content*/
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	margin-bottom:0px;
	padding-bottom:15px;
}