/******************************************************/
/*
/*	Stylesheet Document
/* 	Copyright (c) 2007 GFB & Partner Marketing Services
/*	www.gfb.at
/*
/*	Unauthorized copying is not allowed and will be
/*	punished by an appropriate agent. In this case
/*	by an honorable cunt... me
/*
/******************************************************/

/**************/
/* SCREEN CSS  /
/**************/


#drucken_unten, #drucken_oben, #drucken_h1 {
	display: none;
}



/******************************************************| BASIC STYLES |***/

* {
	margin: 0px;
	padding: 0px;
        outline:none;
	}
	
img {
	border: none;
	}

img {
	border: none;
	behavior: url("/kinderhotel/master/layout/images/pngbehavior.htc");
	}


html {
	height:100%; 
	max-height:100%;  
	}

body {
	height:100%;
	max-height:100%; 
	overflow:hidden; 
	border:0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #313A3C;
	background: #FAEDC8;
	}
	
	


.leftFloat {
	float: left;  
	}
	
.rightFloat {
	float: right;  
	}
	
.clearen {
	clear: both; 
	}		
/*************************************************************| MAIN |***/	


#drucken*unten, #drucken*oben {
        display:none;
}




#spacer, #center {
        position:absolute;
}

#spacer{
        width:100%;       
        height:100%;       
        min-width:994px;  
        min-height:530px;  
}

* html #IEspacer {
	width: 996px; 
	height: 532px;  
}
	

	
#main{     
 	width:916px;       
 	left: 50%;
 	position: absolute;
        top:22px;
 	margin-left: -458px;
 	min-height: 530px;
 	*height: 530px;
 	border:1px solid #000000;
        background: #FFFFFF;
}



/***************************************************| HEADER |***/	


#header {
	height: 124px;
	position: absolute;
	top: -1px;
	left: -1px;	
	z-index: 1;
	}
	

#header img{
	width:695px;
	height:124px;	
	}
	#gho_logo {
		height: 124px;
		width:916px; 
		position: absolute;
		top: -1px;
		left: -1px;
		text-align:right;
		border-top:1px solid #000000;
		border-left:1px solid #000000;
		border-right:1px solid #000000;
		z-index: 2;
		}
		#gho_logo a {
			display: block;
			height: 100%; 
			}
	#link1 {
		height: 45px;
		width:70px; 
		position: absolute;
		top: 143px;
		left: 12px;
		z-index: 3;
		}

	#link2 {
		height: 45px;
		width:60px; 
		position: absolute;
		top: 143px;
		left: 92px;
		z-index: 3;
		}	

#link1 a {
                display: block;
		height: 45px;
		}
#link2 a {
                display: block;
		height: 45px;
		}
/***************************************************| HAUPTNAVIGATION |***/	

#leiste_oben {
	width: 757px;
	height: 23px;
	position: absolute;
	top: 123px;
	left:159px;	
	z-index: 3;
	}


	#hauptnavigation {
		list-style: none;
		}
		#hauptnavigation li {
			float: left;
			position: relative;						
			cursor: pointer;
			font-size: 12px;
			font-weight:bold;
			padding: 4px 4px 2px 4px;
			width: 99px;
			text-align:center;
			}


			#hauptnavigation a {
				color:#313A3C;
				text-decoration: none;					
				}
				
				
				#hauptnavigation li.gruen{
					background: #7EBB60;
					border-bottom:2px solid #7EBB60;
					}
				#hauptnavigation li.gruen:hover {
					background: #6FA454;
					border-bottom:2px solid #6FA454;
					}					
					.aktivgruen{
						border-bottom:2px solid #496C37 !IMPORTANT;
						}
					
				#hauptnavigation li.hellgelb{
					background: #FFDB4E;
					border-bottom:2px solid #FFDB4E;;
					}
				#hauptnavigation li.hellgelb:hover {
					background: #E0C045;
					border-bottom:2px solid #E0C045;
					}
					.aktivhellgelb{
						border-bottom:2px solid #947F2E !IMPORTANT;
						}					
					
					
				#hauptnavigation li.rot{
					background: #EE8146;
					border-bottom:2px solid #EE8146;
					}
				#hauptnavigation li.rot:hover {
					background: #D1713D;
					border-bottom:2px solid #D1713D;
					}
					.aktivrot{
						border-bottom:2px solid #8A4A28 !IMPORTANT;
						}					
					
					
				#hauptnavigation li.dunkelgelb{
					background: #FEC54D;
					border-bottom:2px solid #FEC54D;
					}
				#hauptnavigation li.dunkelgelb:hover {
					background: #DFAD44;
					border-bottom:2px solid #DFAD44;
					}
					.aktivdunkelgelb{
						border-bottom:2px solid #93722D !IMPORTANT;
						}					
					
					
				#hauptnavigation li.hellblau{
					background: #91C5EB;
					border-bottom:2px solid #91C5EB;
					}
				#hauptnavigation li.hellblau:hover {
					background: #7FADCE;
					border-bottom:2px solid #7FADCE;
					}
					.aktivhellblau{
						border-bottom:2px solid #547288 !IMPORTANT;
						}					
					
					
				#hauptnavigation li.orange{
					width: 214px !IMPORTANT;
					background: #EE8146;
					border-bottom:2px solid #EE8146;
					}
				#hauptnavigation li.orange:hover {
					background: #D1713D;
					border-bottom:2px solid #D1713D;
					}
					.aktivorange{
						border-bottom:2px solid #8A4A28 !IMPORTANT;
						}					

	h1 {
		position: absolute;
		top: 11px;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size: 21px;
		color: #8A6841;
		left: 12px;
		width: 740px;
		line-height: 25px;
                letter-spacing: .1em;
		}
		
		

			
/**************************************| MAINCONTENT |***/	



		
/*--------------------------------------------| LEFT |--*/			
		
		#left {
			width: 160px;
			position: absolute;
			top:123px;
			left:0px;
			min-height: 380px;
 			*height: 380px;
 			background: url("/kinderhotel/master/layout/images/hg_left.png") no-repeat;
 			z-index: 2;
			}
			
					
			#subnavigation {
					width: 135px;
					position: absolute;
					top: 75px;
					left:12px;
					font-size:0.9em;
					font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					}

					#subnavigation .hauptnavi{
						width: 135px;
						height: 24px; 
						}


							.gruen{
							background: url("/kinderhotel/master/layout/images/hg_gruen.gif") repeat-x;
							}
							
							.hellgelb{
							background: url("/kinderhotel/master/layout/images/hg_hellgelb.gif") repeat-x;
							}
							
							.rot{
							background: url("/kinderhotel/master/layout/images/hg_rot.gif") repeat-x;
							}
							
							.dunkelgelb{
							background: url("/kinderhotel/master/layout/images/hg_dunkelgelb.gif") repeat-x;
							}
							
							.hellblau{
							background: url("/kinderhotel/master/layout/images/hg_hellblau.gif") repeat-x;
							}
							
							.orange{
							background: url("/kinderhotel/master/layout/images/hg_orange.gif") repeat-x;
							}
							

						.text{
							font-size: 12px;
							font-weight:bold;
							padding: 4px 0px 0px 0px;
							}


					#subnavigation ul {
						list-style: none
						}


					#subnavigation li {
						line-height: 1.6em;
						margin:	0 2px;
						padding: 3px 0;
						background: url("/kinderhotel/master/layout/images/sub_line.gif") bottom left repeat-x
						}


					#subnavigation li a {
						display: block;
						
						margin-left: 7px;
						font-size: 1.1em;
						color: #555;
						text-decoration: none;
						background: url("/kinderhotel/master/layout/images/sub_list.gif") no-repeat;
						padding-left: 10px
						}

					#subnavigation li a:hover {
						color:	#8B8B68;
						background: url("/kinderhotel/master/layout/images/sub_list_hov.gif") no-repeat;
						}
						
					#subnavigation li .aktiv{
						color:	#8F8669 !IMPORTANT;
						font-weight: bold !IMPORTANT;
						background: url("/kinderhotel/master/layout/images/sub_list_aktiv.gif") no-repeat !IMPORTANT;
						}
						
						
						
		#adresse {
			position: absolute;
			z-index: 3;
			bottom: 0px;
			left:15px;
			width: 135px;
			font-size:0.95em;
			color: #514C3D;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			}
			
		#adresse a{
			text-decoration: none;
                        color: #514C3D;
			}									
						
						
						
/*-------------------------------------------| RIGHT |--*/							
				
		#right {
			position: absolute;
			top:145px;
			left:159px;
			width: 757px;
			min-height: 358px;
 			*height: 358px; 
 			background: #FBF5E1;
 			overflow:hidden; 
			}
			
			
/*--------------------------------| Footer Left |--*/	
							
			#footer{
				position: absolute;
				top:503px;
				left:0px;
				width: 916px;
				padding-top: 7px;
				min-height: 20px;
				*height: 20px; 
				background: url("/kinderhotel/master/layout/images/hg_footer.png");
				font-size: 12px;
				font-weight:bold;
				}
				
				.footerleiste {
					list-style-type: none;
					margin-left: 171px;
					}
					.footerleiste li {
						display: inline;
						padding-right: 12px;
						margin-right: 5px;
						}
					.footerleiste li a {
						color: #000000;
						text-decoration: none;
						}
					.footerleiste li a:hover {
						text-decoration: underline;
						}
			
					.footerdrucken {
						text-align:right;
						padding-right:22px;
						font-size: 12px;
						font-weight:bold;
					}
					
					.footerdrucken a {
						color: #000000;
						text-decoration: none;
						}
					
					.footerdrucken a:hover {
						text-decoration: underline;
						}			
			

/*--------------------------------| KINDERBILD RECHTS |--*/	
							
	#kind{
		position: absolute;
		top:39px;
		left:535px;
		width: 200px;
		height:319px;
	}
		#kind img{
			width: 200px;
			height:319px;
			}
			
/*--------------------------------| HEADLINE CONTAINER |--*/	

	#h1box{
		position: absolute;
		top:0px;
		left:0px;
		width: 757px;
		height:39px;
                Overflow:none;
	}
	

	#h1drucken{
		display: none;
	}



/*--------------------------------| CONTENT |--*/	

	#content{
		position: absolute;
		top:39px;
		left:0px;
		width: 519px;
		height:309px;
		padding: 10px 226px 0px 12px;
		Overflow:auto;
	}	
	
		#contentleft{
			position: absolute;
			left:12px;
			width: 325px;
			padding-bottom: 10px;
			}
		#contentleft a{
	                color: #313A3C;
			}			
			
		#contentright{
			position: absolute;
			left:356px;
			width: 166px;
			padding-bottom: 10px;
			}
			
			
/*-------------------------| teaser |--*/

			.teaser{
				width: 152px;
				padding: 7px;
				margin-bottom:12px;
				background: #FFFFFF;
				border: 1px solid #000000;
				}
				.teaser a{
					color: #000000;
					text-decoration: none;
					}							
				
				.teaser h2{
					font-size: 11px;
					font-weight: bold;
					padding: 0px 0px 7px 0px;
					}
					
				.teaser img{
					padding: 0px 0px 5px 0px;
					}					
								
				.teaser p {

					}
					
				.teaser .links {
					text-align: right;
					font-weight: bold;
					color: #000000
					}
					.teaser .links a {
						text-decoration: underline;
						color: #000000;
						}
						.teaser .links a:hover {
							color: #000000;
							}	

			.teaserplan{
				width: 152px;
				padding: 7px;
				margin-bottom:12px;
				background: #30592A;
				border: 1px solid #000000;
                                color: #FFFFFF;
				}
				.teaserplan a{
					color: #000000;
					text-decoration: none;
					}							
				
				.teaserplan h3{
					font-size: 11px;
					font-weight: bold;
					padding: 0px 0px 7px 0px;
					}
					
				.teaserplan img{
					padding: 0px 0px 5px 0px;
					}					
								
				.teaserplan p {
                                        padding:0px;
                                        margin: 0px;
					}
					
					.teaserplan a {
						text-decoration: none;
						color: #FFFFFF;
						}
						.teaserplan a:hover {
							color: #FFFFFF;
                                                        text-decoration: underline;
							}			
			
			
			


/*-------------------------------------| Empfehlen-Formular |--*/





fieldset {
width:270px;
border:1px solid #D0C1AD; 
padding:10px;
text-align:left;
}


label { 
color:#666;
font-size:1em;
line-height:1.5em;
width:120px; 
display:block; 
margin:0px 3px 3px 0px;
float:left; 
clear:left;
}


input {
border:1px solid #666; 
padding-left:0.3em;
width:120px; 
background:#fff;
margin:0px 0px 3px 0px;
float:right; 
clear:right;
}

input:focus {
border-color:#900;
}

textarea {
width:268px;
height: 100px; 
border:1px solid #666;
margin-bottom:8px;
}

textarea:focus {
border-color:#900;
}


/*-------------------------------------| Tool Tipp |--*/


#plan {
	position: absolute;
	top: 195px;
	left: 90px;	
	z-index: 200;
        display: none;
        background: #FFFFFF;
        border: 1px solid #000000;
	}

#plan img{
        border: 0px;
}