<!--

/*
	+-----------------------------------------------------------+
	| co|manager - Content Management System - $Release$		|
	+-----------------------------------------------------------+
	| Copyright (c) 2004-2005 clarksdale datendesign			|
	| http://www.comanager.de | http://www.clarksdale.de		|
	| Please read the file LICENCE for more information.		|
	+-----------------------------------------------------------+
	| Authors: Matthias Lienau <ml@clarksdale.de>				|	
	| 		   Christian Günther <cg@clarksdale.de>				|
	+-----------------------------------------------------------+
	
	@svnid:		$Id: style.css 160 2004-12-20 18:20:15Z cdale $
	@svnurl:	$URL: ?? $
	@since:		2005/01/31
	@purpose:	CSS defintion for initial setup frontend page

*/

/*
 General style issues. Pretty self-explaining.
 Change at will, if you know what you are doing.
*/

	body {
			background-color: 	#fff;
			margin-top:			0px;
			margin-left:		0px;
			margin-bottom:		0px;
			margin-right:		0px;
			color:				#000000;
			font-family:		arial,verdana, sans-serif;
			font-weight:		normal;
			font-size:			12px;
			text-align:			center;
			background-image:	url('../images/bg_page.jpg');
			background-repeat:	repeat-x;
			}
	li {
			list-style-type:	square;
			}

	hr {
			background-color:	#2798d5;
			color:				#2798d5;
			height:				0px;
		}

	img {
			border:				0;
		}

/* here, the head and foot-areas are defined. */

	#pagehead {			
			position:			relative;
			margin:				0 auto;
			width:				900px;
			height:				297px;
			padding-top:		0px;
			}

	#pagefoot {
			text-align:			center;
			padding:			0px;
			padding-top:		10px;
			color:				#71b2d4;
			background-color:	#1c5674;
			height:				100px;
			width:				100%;
			clear:				both;
			position:			relative;
			margin:				0 auto;
			}
	#pagefoot a{
			color:				#ffffff;
			font-weight:		normal;
			}
	#pagefoot a:hover{
			color:				#71b2d4;
			font-weight:		normal;
			}

	#stoerer_kalkulieren {
			position:			absolute;
			left:				685px;
			top:				90px;
			}

	#arcuslink {
			position:			absolute;
			left:				670px;
			top:				15px;		
			}

	#logolink {
			position:			absolute;
			left:				0px;
			top:				0px;		
			}

/*the horizontal nav bar between pagehead and content areas. */

	#topnavi {			
			position:			relative;
			margin:				0 auto;
			width:				807px;
			padding-left:		93px;
			height:				75px;
			text-align:			center;
			border-top:			0px solid #777777;
			background-color:	#fff;
			}
	#topnavi a{
			color:				#1c5674;
			font-weight:		normal;
			background-color:	#ffffff;
			padding-right:		1px;
			border:				0;
			}
	#topnavi a:hover{
			color:				#000000;
			font-weight:		normal;
			}

/* definitions of the content areas and the headlines */ 

	#content_wrapper {
			position:			relative;
			margin:				0 auto;
			width:				900px;
			background-color:	#fff;
			}

	#content_center {
			padding-left:		15px;
			line-height:		18px;
			margin:				0px;
			margin-bottom:		20px;
			margin-left:		0px;
			text-align:			left;
			width:				885px;
			background-color:	#fff;
			}

	#contentblock_left {
			background-image:	url('../images/bg_content.jpg');
			background-repeat:	repeat-x;
			width:				500px;
			float:				left;
			padding-left:		10px;
			padding-right:		10px;
			border-bottom:		1px solid #b2d2ed;	
			margin-left:		10px;
			margin-bottom:		10px;		
			}

	#contentblock_left_orange {
			background-image:	url('../images/bg_content_orange.jpg');
			background-repeat:	repeat-x;
			width:				500px;
			float:				left;
			padding-left:		10px;
			padding-right:		10px;
			border-bottom:		1px solid #b2d2ed;	
			margin-left:		10px;
			margin-bottom:		10px;		
			}

	#contentblock_right {
			width:				300px;
			float:				right;	
			padding-right:		30px;		
			}

/* zweispaltiger Content */
	#content_2col_left {
			padding-left:		15px;
			line-height:		18px;
			margin:				0px;
			margin-bottom:		20px;
			margin-left:		0px;
			text-align:			left;
			width:				450px;
			background-color:	#fff;
			}
	#content_2col_right {
			padding-left:		0px;
			line-height:		18px;
			margin:				0px;
			margin-bottom:		20px;
			margin-left:		0px;
			text-align:			left;
			width:				300px;
			background-color:	#fff;
			float:				right;	
			}
	#contentblock_blue_right {
			background-image:	url('../images/bg_content.jpg');
			background-repeat:	repeat-x;
			width:				250px;
			float:				left;
			padding-left:		10px;
			padding-right:		10px;
			border-bottom:		1px solid #b2d2ed;	
			margin-right:		30px;
			margin-bottom:		10px;		
			}
			
	tr.table_paketdetails {
			background-color:	#c6def2;
			border:				1px solid #fff;
			}
			
	td.table_paketdetails {
			background-color:	#c6def2;
			border:				1px solid #fff;
			}
			
	.headline {
			padding-left:		0px;
			margin-top:			8px;
			margin-bottom:		1px;
			color:				#1c5674;
			font-family:		arial,verdana, sans-serif;
			font-weight:		bold;
			font-size:			14px;
			}
			
	.headline_paketbox {
			padding-left:		5px;
			padding-top:		8px;
			margin-bottom:		6px;
			color:				#1c5674;
			font-family:		arial,verdana, sans-serif;
			font-weight:		bold;
			font-size:			18px;
			}

	.headline_vorort {
			padding-left:		0px;
			margin-top:			8px;
			margin-bottom:		1px;
			color:				#1c5674;
			font-family:		arial,verdana, sans-serif;
			font-weight:		bold;
			font-size:			12px;
			}
			
	.headlinesmall {
			padding-top:		10px;
			padding-left:		0px;
			margin-top:			10px;
			margin-bottom:		10px;
			color:				#000000;
			}

	.blocktext {
			text-align:			left;
			vertical-align:		top;
			padding:			0px;
			color:				#555555;
			line-height:		18px;
			text-align:			left;
			}

/* Feature Boxen: Paketbeschreibungen */

	.box_paket {
			border:				0px solid #eee;
			width:				180px;
			float:				left;
			margin-left:		2px;
			background-image:	url('../images/bg_box_paket.jpg');
			background-repeat:	no-repeat;
			padding:			15px;
			line-height:		16px;
			}	
	
	.box_paket_bild {
			width:				178px;
			margin-bottom:		0px;
			height:				118px;
			overflow:			hidden;
			}

	.box_paket_preis {
			margin-top:			5px;
			margin-bottom:		15px;
			color:				#1c5674;
			font-family:		arial,verdana, sans-serif;
			font-weight:		bold;
			font-size:			21px;
			}
				
	.box_vorort {
			border:				0px solid #eee;
			width:				180px;
			height:				200px;
			float:				left;
			margin-left:		2px;
			background-image:	url('../images/bg_box_vorort.jpg');
			background-repeat:	no-repeat;
			padding:			20px;
			padding-top:		0px;
			line-height:		16px;
			}	
				
/* standard-link-styles */

	A:link { 
			color: 		#ff9900; 
			text-decoration:none; 
			font-weight:	bold;
			}
	A:visited { 
			color: 		#ff9900; 
			text-decoration:none; 
			font-weight:	bold;
			}
	A:hover {
			color:		#ff0000;
			}
	A:active {
			color: 		#ff9900; 
			text-decoration:none; 
			font-weight:	bold;
			}

/* gallery-styles */

	.thumbnail {
			background-color:		#e2eff6;
			border:					1px solid #2798d5;
			padding: 				0px;
			margin:					0px;
			margin-top:				2px;
			margin-right:			2px;
			margin-bottom:			2px;
			width:					105px;
			height:					110px;
			float:					left;
			}

	.gallerylistelement {
			margin-top:				10px;
			padding-bottom:			5px;
			border-bottom:			1px solid #2798d5;
			}
	
	.mediasetlist {
			display:			block;
			clear:				both;
			width:				100%;
			}

	.gallerycontent {
			padding-top:		5px;
			width:				100%;
			clear:				both;
			border-bottom:		0px solid #2798d5;
			}

/* gb-styles */

	.gb_entry {
			background-color:	#e2eff6;
			padding:			4px;
			}

/* calendar-styles */

	.cal_entry {
			text-align:			left;
			vertical-align:		top;
			padding-top:		3px;
			color:				#555555;
			font-family:		arial,verdana, sans-serif;
			font-weight:		bold;
			font-size:			11px;
			line-height:		18px;
			text-align:			left;
			border-top:			1px solid #2798d5;
			background-color:	#e2eff6;
			}

-->