<!--

/*
	+-----------------------------------------------------------+
	| 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:			20px;
			margin-left:		0px;
			margin-bottom:		0px;
			color:					#000000;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			text-align:			center;
			}
	li {
			list-style-type:	square;
			line-height:		14px;
			}

	hr {
			background-color:	#2798d5;
			color:				#2798d5;
			height:				0px;
		}
	img {
			border:				0;
		}
				
/* maintable defindes the width and style of the frame div, shadow adds some depth */

#horizon {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -250px;
	text-align: center;
	min-width: 950px; 
}
#wrapper {
	background-color: #fff;
	position: relative;
	text-align: left;
	width: 950px;
	height: 538px;
	margin: 0px auto;
	}

/* old style wrapper without vetical alignment */	
	.wrapper {
			width:				950px;
			margin:				auto auto;
			height:				524px;
			position:			relative;
			}

/* here, the head and foot-areas are defined. */

	#extranavi {
			position:			absolute;
			left:				48px;
			top:				0px;
			width:				100%;
			height:				18px;
			}

	#extranavi a {
			font-weight:		normal;
			color:				#919292;
			}

	#pagehead {
			position:			absolute;
			left:				0;
			top:				18px;
			width:				100%;
			height:				220px;
			}
	#pagehead_content {
			padding-top:		35px;
			padding-left:		20px;
			font-size:			30px;
			color:				#ffffff;
			font-family:		verdana, sans-serif;
			font-weight:		bold;
			text-align:			left;
			line-height:		22px;
			}
	#pagehead_content a {
			color:				#ffffff;
			}

	#pagefoot {
			position:			absolute;
			left:				0;
			top:				467px;
			width:				950px;
			height:				71px;
			background-color:	#9c9e9f;
			background-image:	url('../images/bg_pagefoot.gif');		
			text-align:			left;
			vertical-align:		top;
			color:				#000000;
			font-family:		tahoma,verdana, sans-serif;
			font-weight:		normal;
			font-size:			10px;
			}
			
	.subnavi {	
			padding-top:		4px;
			padding-bottom:		4px;
			}
			
	.subnavi a:link{
			color:				#000;
			font-weight:		normal;
			text-decoration:	none;
			padding-left:		10px;
			line-height:		14px;
			}
	.subnavi a:visited{
			color:				#000;
			font-weight:		normal;
			text-decoration:	none;
			padding-left:		10px;
			line-height:		14px;
			}
	.subnavi a:hover{
			color:				#000;
			font-weight:		bold;
			text-decoration:	none;
			padding-left:		10px;
			line-height:		14px;
			}
	.subnavi a:active{
			color:				#000;
			font-weight:		normal;
			text-decoration:	none;
			padding-left:		10px;
			line-height:		14px;
			}
	.subnavi_active {
			font-weight:		bold;
			}
/* definitions of the content areas and the headlines */ 

	#content {
			position:			absolute;
			left:				48px;
			top:				243px;
			width:				100%;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			text-align:			left;
			line-height:		14px;
			}

	#content_illu {
			position:			absolute;
			left:				48px; 
			top:				42px;
			}

	#startpage_illu {
			position:			absolute;
			left:				0px; 
			top:				328px;
			}
			
	/* bilder auf den Download-Seiten rechts unten */

	#bottom_illu {
			position:			absolute;
			left:				700px; 
			top:				260px;
			}

	#bottom_illu_monties {
			position:			absolute;
			left:				670px; 
			top:				225px;
			}

	#bottom_illu_qualitaet {
			position:			absolute;
			left:				350px; 
			top:				395px;
			}

	#bottom_illu_al_sort {
			position:			absolute;
			left:				655px; 
			top:				229px;
			}

	#bottom_illu_chr_sort {
			position:			absolute;
			left:				660px; 
			top:				249px;
			}
						
	/* bilder auf den Artikel-Startseiten rechts unten */
	
	#bottom_illu_packages {
			position:			absolute;
			left:				705px; 
			top:				201px;
			}
	
	#bottom_illu_packages_al {
			position:			absolute;
			left:				640px; 
			top:				204px;
			}
		
	.twocol_left {
			position:			absolute;
			left:				2px; 
			top:				15px;	
			width:				415px;		
			}

	.twocol_right {
			position:			absolute;
			left:				430px; 
			top:				42px;	
			width:				415px;		
			}
			
	.twocol_nohead_left {
			position:			absolute;
			left:				2px; 
			top:				0px;	
			width:				415px;		
			}

	.twocol_nohead_right {
			position:			absolute;
			left:				430px; 
			top:				27px;	
			width:				415px;		
			}

	#content_login {
			position:			absolute;
			left:				475px; 
			top:				329px;	
			width:				415px;		
			}
			
	.threecol_left {
			position:			absolute;
			left:				2px; 
			top:				15px;	
			width:				270px;		
			}
	.threecol_center {
			position:			absolute;
			left:				287px; 
			top:				42px;	
			width:				270px;		
			}
	.threecol_right {
			position:			absolute;
			left:				572px; 
			top:				42px;	
			width:				270px;		
			}

	.twocol_download {
			position:			absolute;
			left:				482px; 
			top:				40px;	
			width:				120px;		
			text-align:			center;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			}
 
 	.twocol_download a:link {
			font-weight:		normal;
			font-size:			10px;
			text-decoration:	none;
			}
 	.twocol_download a:visited {
			font-weight:		normal;
			font-size:			10px;
			text-decoration:	none;
			}
 	.twocol_download a:hover {
			font-weight:		normal;
			font-size:			10px;
			text-decoration:	none;
			} 
 	.twocol_download a:active {
			font-weight:		normal;
			font-size:			10px;
			text-decoration:	none;
			}

/* navigation styles */
			
	.allco_navi {
			position:			absolute;
			left:				560px; 
			top:				200px;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			text-align:			left;
			}

	.allco_navi a:link{
			color:				#97989a;
			font-weight:		normal;
			text-decoration:	none;
			line-height:		14px;
			}
	.allco_navi a:visited{
			color:				#97989a;
			font-weight:		normal;
			text-decoration:	none;
			line-height:		14px;
			}
	.allco_navi a:hover{
			color:				#003b79;
			font-weight:		normal;
			text-decoration:	none;
			line-height:		14px;
			}
	.allco_navi a:active{
			color:				#003b79;
			font-weight:		normal;
			text-decoration:	none;
			line-height:		14px;
			}

	.allco_navi_active {
			font-weight:		bold;
			color:				#003b79;
			}

/* text formate */

	.headline {
			color:				#9c9e9f;
			font-family:		verdana, sans-serif;
			font-weight:		bold;
			font-size:			12px;
			}
/* ALLCO */
	.cat_1 li {
			color:				#9c9e9f;
			font-weight:		bold;
			}
	.cat_1 b {
			color:				#9c9e9f;
			font-weight:		bold;
			font-size:			12px;
			}
/* Chr. Hund */
	.cat_2 b{
			color:				#125e1c;
			font-weight:		bold;
			margin-left:		0px;
			}
	.cat_2 li{
			margin-left:		15px;
			}
	.cat_2 ul{
			margin-left:		0px;
			padding-left:		0px;
			margin-top:			0px;
			margin-bottom:		0px;
			}			
/* Chr. Katze */
	.cat_3 li{
			color:				#b36e45;
			font-weight:		bold;
			}
	.cat_3 b{
			color:				#b36e45;
			font-weight:		bold;
			}
/* Premium Hund */
	.cat_4 li{
			color:				#003b79;
			font-weight:		bold;
			line-height:		14px;
			}
	.cat_4 b{
			color:				#003b79;
			font-weight:		bold;
			}
	.cat_4 ul{
			margin-left:		15px;
			padding-left:		0px;
			margin-top:			8px;
			margin-bottom:		0px;
			}	
/* Premium Katze */
	.cat_5 li{
			color:				#e2007a;
			font-weight:		bold;
			line-height:		14px;
			}
	.cat_5 b{
			color:				#e2007a;
			font-weight:		bold;
			}
	.cat_5 ul{
			margin-left:		15px;
			padding-left:		0px;
			margin-top:			8px;
			margin-bottom:		0px;
			}	
/* Animal Lovers */
	.cat_6 li{
			color:				#e6d2cd;
			font-weight:		bold;
			}
	.cat_6 b{
			color:				#e6d2cd;
			font-weight:		bold;
			}
/* sauberkater */
	.cat_7 ul{
			margin-left:		10px;
			padding-left:		10px;
			margin-top:			0px;
			margin-bottom:		0px;
			}	
	.cat_7 li{
			color:				#003b79;
			font-weight:		bold;
			}
	.cat_7 b{
			color:				#003b79;
			font-weight:		bold;
			}
/* monties */
	.cat_8 li{
			color:				#f39900;
			font-weight:		bold;
			}
	.cat_8 b{
			color:				#f39900;
			font-weight:		bold;
			}
/* ALKOTE */
	.cat_9 li{
			color:				#1a171b;
			font-weight:		bold;
			}
	.cat_9 b{
			color:				#1a171b;
			font-weight:		bold;
			}

/* ALLCO Fisch */
	.cat_10 li {
			color:				#9c9e9f;
			font-weight:		bold;
			}
	.cat_10 b {
			color:				#9c9e9f;
			font-weight:		bold;
			font-size:			12px;
			}
			
	.blocktext {
			text-align:			left;
			vertical-align:		top;
			padding:			0px;
			color:				#555555;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		14px;
			}

	.smallgrey {
			padding:			0px;
			color:				#999;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			10px;
			line-height:		14px;
			}
	
/* standard-link-styles */

	A:link { 
			color: 		#000; 
			text-decoration:none; 
			font-weight:	bold;
			}
	A:visited { 
			color: 		#000; 
			text-decoration:none; 
			font-weight:	bold;
			}
	A:hover {
			color:		#777;
			}
	A:active {
			color: 		#000; 
			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:		verdana, sans-serif;
			font-weight:		bold;
			font-size:			11px;
			line-height:		18px;
			text-align:			left;
			border-top:			1px solid #2798d5;
			background-color:	#e2eff6;
			}


/* switchcontent styles */

	.switchcontent_item {
			font-family:		verdana, sans-serif;
			font-weight:		bold;
			font-size:			11px;
			color:				#e20005;
			cursor:				hand;
			cursor:				pointer;
			}

/* messages
	
	green - info
	yellow - warning
	red - error
	
*/

	.info {	position:			absolute;
			left:				2px; 
			top:				15px;	
			width:				415px;
			font: 				12px verdana;
			color:				#000000;
			background:			#4EDD3D;
			width:				415px;
			clear:				both;
			padding:			3px;
			z-index:			50;
			}
	
	.warning {position:			absolute;
			left:				2px; 
			top:				15px;	
			width:				415px;
			font: 				12px verdana;
			color:				#000000;
			background:			#FFFF00;
			width:				415px;
			clear:				both;
			padding:			3px;
			z-index:			50;
			}
	
	.error {position:			absolute;
			left:				2px; 
			top:				15px;	
			width:				415px;
			font: 				12px verdana;
			color:				#ffffff;
			background:			#ff0000;
			width:				415px;
			clear:				both;
			padding:			3px;
			z-index:			50;
			}

/* Rollover-Navi-Styles */

	.layersubnavi {	
			padding-top:		2px;
			padding-bottom:		2px;
			}
			
	.layersubnavi a:link{
			color:				#000;
			font-weight:		normal;
			text-decoration:	none;
			padding-left:		10px;
			line-height:		14px;
			}
	.layersubnavi a:visited{
			color:				#000;
			font-weight:		normal;
			text-decoration:	none;
			padding-left:		10px;
			line-height:		14px;
			}
	.layersubnavi a:hover{
			color:				#000;
			font-weight:		bold;
			text-decoration:	none;
			padding-left:		10px;
			line-height:		14px;
			}
	.layersubnavi a:active{
			color:				#000;
			font-weight:		normal;
			text-decoration:	none;
			padding-left:		10px;
			line-height:		14px;
			}
	.layersubnavi_active {
			font-weight:		bold;
			}

#chr_hund {
			width:				98px;
 			position:			absolute;
 			left:				48px;
 			top:				0px;
 			visibility:			hidden;
 			background-color: 	#b8cfbb;
			padding-top:		0px;
			padding-bottom:		0px;
 }

#premium_hund{
			width:				110px;
			height:				71px;
 			position:			absolute;
 			left:				146px;
 			top:				0px;
 			visibility:			hidden;
 			background-color: 	#b2c4d7;
			padding-top:		0px;
			padding-bottom:		0px;
}

#animal_lovers{
			width:				99px;
			height:				71px;
 			position:			absolute;
 			left:				256px;
 			top:				0px;
 			visibility:			hidden;
 			background-color: 	#e6d2cd;
			padding-top:		0px;
			padding-bottom:		0px;
}

#chr_katze{
			width:				99px;
			height:				71px;
 			position:			absolute;
 			left:				355px;
 			top:				0px;
 			visibility:			hidden;
 			background-color: 	#eedec7;
			padding-top:		0px;
			padding-bottom:		0px;
}

#premium_katze{
			width:				111px;
			height:				71px;
 			position:			absolute;
 			left:				454px;
 			top:				0px;
 			visibility:			hidden;
 			background-color: 	#f8bfde;
			padding-top:		0px;
			padding-bottom:		0px;
}

#divsauberkater{
			width:				86px;
			height:				71px;
 			position:			absolute;
 			left:				565px;
 			top:				0px;
 			visibility:			hidden;
 			background-color: 	#bfcede;
			padding-top:		0px;
			padding-bottom:		0px;
}

#divmonties{
			width:				83px;
			height:				71px;
 			position:			absolute;
 			left:				651px;
 			top:				0px;
 			visibility:			hidden;
 			background-color: 	#fbe0b2;
			padding-top:		0px;
			padding-bottom:		0px;
}

#divalkote{
			width:				88px;
			height:				71px;
 			position:			absolute;
 			left:				734px;
 			top:				0px;
 			visibility:			hidden;
 			background-color: 	#e9e9ea;
			padding-top:		0px;
			padding-bottom:		0px;
}

#divallco_fisch{
			width:				82px;
			height:				71px;
 			position:			absolute;
 			left:				822px;
 			top:				0px;
 			visibility:			hidden;
 			background-color: 	#8eb7e1;
			padding-top:		0px;
			padding-bottom:		0px;
}
	#alkote_banner {
			position:		absolute;
			left:				380px; 
			top:				85px;			
			z-index:		100;
			}
			
	/* Button for special advertisement on Christopherus Dog start page */

	#ad_button {
			position:		absolute;
			left:				360px; 
			top:				12px;			
			}
	
	#ad_content {
			position:				absolute;
			left:						20px;
			top:						25px;
			width:					90%;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			text-align:			left;
			line-height:		14px;
			background-color: #135b1c;
			color:					#ffffff;
			}

-->