
/**************  Standard Element style ****************************/
html{
margin:0;
padding:0;}

body {
	background-color:#036;
	color:#333333;
	padding:0px;
	margin:0px;
	font: 12px "Arial", "Lucida Grande", "Tahoma", Verdana, sans-serif;
	line-height:17px;
	width:1000px;
	margin:auto;
	margin-top:40px;
}

img {
	border:0;
	text-align: center;
}
form {
	padding:0px;
	margin:0px;display:inline
}
ul {
	padding:0px;
	margin:0px;
	list-style-type: none;
}

/*----------------------------------
 Text style 
----------------------------------*/
h1 {
	font-size:16px;
	font-weight:bold;
	line-height: 21px;
	margin:0 0 10px 0;
	color:#0051a1;
}
h2 {
	font-size:14px;
	line-height:15px;	
	margin:0;
	color:#0051a1;
}
h3 {
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	margin:0;
	color:#0051a1;
}
h4 {
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	margin:7px 0 0 0;
	color:#0051a1;
}
h5, h6 {
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	margin:0;
	color:#0051a1;
}
p {
	margin:0;
}

/*----------------------------------
  Link style 
----------------------------------*/
a { 
	text-decoration: none;
	color:#0051a1;
}
	a:hover {
		text-decoration: underline;
	}
	a.list {
		margin-bottom:6px;
	}
	#contentPos p a {
		display:block;
		font-weight:bold;
		text-decoration: none;
	}
	
	#loginPos a, a.list {
		background-image:url(../images/arrow_blue.gif);
		background-position:left 5px;
		padding-left:8px;
		background-repeat: no-repeat;
		display:block;
		font-weight:bold;
	}
	
/**************  Layout style ****************************************/

/*----------------------------------
	Leftcol Navigation Bereich 
----------------------------------*/
#leftNavCol {
	width:210px;
	position:relative; /* needed for footer positioning*/
	background-color:#dce7ec;
	float:left;
	display:block;
}
	#logoPos {
		margin-top:0px;
		margin-left:0px;
		height:170px;
	}
	#navigationPos {
		margin-left:0px;
		border-top: 1px solid #FFFFFF;
	}
		#navigationPos a {
			display:block;
			padding:7px 0 7px 10px;
			border-bottom: 1px solid #FFFFFF;
			width:200px;
			font-weight:bold;
		}
		
		/*----------------------------------------
			Prinavigation style für home, schulen
		------------------------------------------*/	
		#navigationPos ul a {
			background-color:#dce7ec;
			color:#003366;
			font: 12px Arial,'Lucida Grande', Tahoma, Verdana, sans-serif;
		}
		#navigationPos ul a.honeymoon {
		background-color:#f2d6f2;	
		}
		#navigationPos ul a.luxusreisen {
		background-color:#333;
		color:#FFF;
		}
		#navigationPos ul a.rundreisen {
		background-color:#afd953;
		}
		#navigationPos ul a.wellness {
		background-color:#a9fff8;	
		}
		#navigationPos ul a.familienferien {
		background-color:#b7a69f;	
		}
			#navigationPos ul a:hover, #navigationPos ul a.active {
				background-color:#cedee4;
				text-decoration:none;
			}

			#navigationPos ul a.activeSub {
			display:block;
			background-image: url(../images/arrmenublue.gif);
			background-repeat: no-repeat;
			font: 11px 'Lucida Grande', Tahoma, Verdana, sans-serif;
			color:#003366;
			background-color:#cedee4;
			border-bottom: 1px solid #FFFFFF;
			padding:1px 0 3px 22px;
			width:188px;
			line-height:15px;
			cursor:pointer;
			text-decoration:none;
			}
			
			#navigationPos ul a.unterpunkt {
			display:block;
			font: 11px 'Lucida Grande', Tahoma, Verdana, sans-serif;
			color:#003366;
			background-color:#cedee4;
			border-bottom: 1px solid #FFFFFF;
			padding:1px 0 3px 22px;
			width:188px;
			line-height:18px;
			cursor:pointer;
			text-decoration:none;
			}
			
			#navigationPos ul a:hover.activeSub {
			display:block;
			background-image: url(../images/arrmenublue.gif);
			background-repeat: no-repeat;
			font: 11px 'Lucida Grande', Tahoma, Verdana, sans-serif;
			color:#003366;
			background-color:#cedee4;
			border-bottom: 1px solid #FFFFFF;
			padding:1px 0 3px 22px;
			width:188px;
			line-height:18px;
			cursor:pointer;
			text-decoration:none;
			}
			
			#navigationPos ul a:hover.unterpunkt {
			display:block;
			background-image: url(../images/arrmenublue.gif);
			background-repeat: no-repeat;
			font: 11px 'Lucida Grande', Tahoma, Verdana, sans-serif;
			color:#003366;
			background-color:#dce7ec;
			border-bottom: 1px solid #FFFFFF;
			padding:1px 0 3px 22px;
			width:188px;
			line-height:18px;
			cursor:pointer;
			text-decoration:none;
		}
			
		/*----------------------------------------
			Prinavigation style für firmen
		------------------------------------------*/	
		#navigationPos ul.firmen a {
			background-color:#7F9CBB;
			color:#FFFFFF;
		}
			#navigationPos ul.firmen a:hover, #navigationPos ul.firmen a.active {
				background-color:#A6BAD0;
				text-decoration:none;
			}

/*----------------------------------
	Haupt Bereich 
----------------------------------*/
#mainCol {
	width:790px;
	display:block;
	float:left;
	background-color:#FFF;
}

	/*----------------------------------
		Header Bereich 
	----------------------------------*/
	#headerPos {
		height:170px;
		padding-bottom:0px;
	}
		#serviceNavPos {
			position:absolute; 
			height:20px; 
			z-index:5; 
			top: 152px;
			left:550px;
			width:362px;
		}
			#serviceNavPos a, #footer a {
				border-left:1px solid #D1D1D1;
				padding: 0 0 0 5px;
				margin-left:4px;
				color:#0051a1;
				font-size:10px;
			}
				#langPos{
					float:right;
					padding-right:2px;
				}

	/*----------------------------------
		Inhalt Bereich 
	----------------------------------*/
	#contentPos {
	margin:1px 20px 0 20px;
	}
	
	#col_1 {
		margin:20px 20px 0 0px;
		
		width:550px;
		float:left;
	}
	#col_2 {
		width:100px;
		border:1px solid #D9D9D9;
		float:left;
		margin:4px 20px 0 20px;
		padding: 6px 9px 9px 9px;
	}
		#col_2 .aktuellElement img {
			padding-top:5px;
		}
	#col_3 {
		float:left;
		width:200px;
		margin-top:0px;
	}
		#loginPos {
			background-color:#dce7ec;
			padding: 7px 10px 4px 10px;
			width: 180px;
			margin-bottom:10px;
		}
		#loginPos2 {
			background-color:#fd7f82;
			padding: 7px 10px 4px 10px;
			width: 180px;
			margin-bottom:10px;
		}
		#loginPosFamilienferien {
			background-color:#b7a69f;
			padding: 7px 10px 4px 10px;
			width: 180px;
			margin-bottom:10px;
		}
		#loginPosHoneymoon {
			background-color:#f2d6f2;
			padding: 7px 10px 4px 10px;
			width: 180px;
			margin-bottom:10px;
		}
		#loginPos3 {
			background-color:#D1D1D1;
			padding: 7px 10px 4px 10px;
			width: 180px;
			margin-bottom:10px;
		}
		#loginStatusPos {
			background-color:#BFCEDD;
			padding: 7px 10px 10px 10px;
			width: 200px;
			margin-bottom:10px;
		}
			.loginName {
				color:#FF3300;
				font-weight:bold;
			}
			
		#col_3 .borderBox {
			border:1px solid #D9D9D9;
			padding: 9px;
		}
		.bannerElement {
			margin-bottom:10px;
		}	
		
	.imgCol {
		width:120px;
		padding: 10px;
		float:left;
	}
	.textCol {
		width:175px; 
		float:left;
		padding:7px 5px 7px 0;
	}
	.homeBox {
		background-color:#E5E5E5;
		border-bottom:1px solid #FFFFFF;
	}
	.firmenBox {
	
	}
		.firmenBox .imgCol {
			width:80px;
			padding: 6px 10px 0 0;
			float:left;
		}
		.firmenBox .textCol {
			width:225px; 
			float:left;
			padding:2px 5px 0px 0px;
		}
.spacer {
	line-height:17px;
}
.spacer2 {
	line-height:10px;
}
	.clearL {
		clear:left;
	}
	.clearL hr, .dot hr {
		height: 1px;
		display:none;
	}
	.dot {
		background-image: url(../images/dotline_grey.gif);
		width:100%;
		height:1px;
		border:0px;
		margin:7px 0 5px 0;
	}
		#loginPos .dot {
			background-image: url(../images/dotline_white.gif);
			margin:7px 0;
		}
		
	/*----------------------------------
		Footer Bereich 
	----------------------------------*/
	#footer {
	font-size:10px;
	height:30px;
	padding-top:30px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	}

/*********************  Formular ****************************************/
input {
	font-family:"Lucida Grande", "Tahoma", Verdana, sans-serif;
}
.textFeld {
	width:100px; 
	height:15px;	
	border:0;
	margin:0;
	padding-left:2px;
}
.submitButton{
	background-image:url(../images/arrow_blue.gif);
	background-position:left 5px;
	padding-left:5px;
	text-align:left;
	background-repeat: no-repeat;
	font-weight:bold;
	font-size:12px;
	border:0; 
	margin:0;
	background-color:transparent;
	color:#0051a1;
}

/*----------------------------------
	Formular Suche
----------------------------------*/
	#formSuche .textFeld {
		width:85px; 
		height:12px;
		font-size:10px;
		margin-right:5px;
		background-color:#ffffff;
		
	}
	#formSuche .submitButton {
		padding-left:5px;
	}

/*----------------------------------
	Formular Login
----------------------------------*/
	#formLogin table {
		margin-top:7px;
	}
	#formLogin .textFeld {
		width:80px; 
		font-size:11px;
		background-color:#DFE7EE;
	}
	#formLogin .submitButton {
		height:15px;
		font-size:11px;
		background-color:transparent;
	}

