@charset utf-8;

@import url(reset.css);
@import url(navigation.css);

/*										*
*	CSS-Dokument für Cacau.de			*
*	Autor:	Jan Orth / profipartner24	*
*	Ersterstellung:	07.08.2007			*
*	Letzte Änderung: 06.05.2010			*
*										*/

p {
	margin: 1.5em 0;
}

#facebook-like-current-page
{
	clear:both;
	padding: 27px;
	float: left;
	width: 350px;
	color: #8fc8df;
}
	
	#facebook-like-current-page p
	{
		margin: 1.5em 0;
	}

#bigwrap
{
	margin: 0 auto;
	width: 900px;
	position: relative;
}

#facebook-stream
{
	position: absolute;
	right:0;
	top:200px;
	background: white;
}
	

/* AKTUELL
------------------------------------------------------*/

.aktuell iframe
{
	/*
	background-color: #8fc8df;
	padding: 5px;

	border: 4px solid #194961;
	width: 160px;
	
	*/
	height: 30px;
	margin: 20px 0 0 0;
	background: transparent;
	width: 180px;
}

.aktuell {
	border-top: 4px solid #194961;
	border-bottom: 1px solid #194961;
	margin: 1.5em 0;
	padding: 0 1.5em 1.5em 1.5em;
	background: #185471;
}

	.aktuell p strong {
		font-weight: bold !important;
	}

	.aktuell a {
		color: #fff;
		padding:				0 0 0 18px;
		background-image:		url("./../../gfx/link18x18.gif");	
		background-repeat:		no-repeat;
	}
	
	.aktuell a:hover {
		text-decoration: none;
	}
	

/* Standard Tag-Value-Reset				*/

hr {
		border-top:				1px dotted #aaa;
		border-bottom:			0px;
		border-left:			0px;
		border-right:			0px; 
		color:					#aaa;
		margin:					9px 0 9px 0;
		size:					1;
}

/* Site Styles 							*/

body {
	font-family:			"Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size:				12px;
	line-height:			1.5em; /* 18px */
	background-image:		url("./../../gfx/bgdot_green.gif");
	background-repeat:		repeat;
}

td {
	vertical-align:			top;	
}


a.button{
	line-height: 28px !important;
	clear: both !important;
	position: relative !important;
	left: -3px !important;					
	display: block !important;
	float: left !important;
	height: 28px !important;
	background: url(./../../gfx/bg_button_left.gif) no-repeat left top !important;
	padding: 0 0 0 10px !important;
	color: #194961 !important;
	text-decoration: none !important;
	text-shadow: #c8e3f0 0 1px !important;
}
							
	a.button:hover {
		background-position: 0 -28px !important;
	}
							
	a.button:active {
		background-position: 0 -56px !important;
		text-shadow: none !important;
		position: relative !important;
		top: 1px !important;
	}
							
		a.button span {
			padding: 0 10px 0 0;
			background: url(./../../gfx/bg_button_right.gif) no-repeat right top;
			color: #194961;
			display: block;
			float: left;
			cursor: pointer;
		}
								
		a.button:hover span {
			background-position: right -28px;
		}
								
		a.button:active span {
			background-position: right -56px;
		}


	div#site {
		width:					662px;
		text-align:				left;
		background-image:		url("./../../gfx/bg_content.gif");
	}
	
		div#header {
			width:					662px;
			height:					130px;
			background-image: 		url("./../../gfx/header.jpg");
			background-position:	left top;
			background-repeat:		no-repeat;
			clear:					both;
			color: #8fc8df;
		}
		
			div#header a
			{
				color: #fff;
			}
			
			div#header p
			{
				margin: 1.5em 37px 0 0;
				float: right;
			}
					
		div#content {
			clear:					both;
			padding:				20px 22px 20px 22px;
			color:					#8fc8df;	
		}
		
			div#content h1 {
				font-size:				1.5em;		/* 18px */
				line-height:			2em;		/* 36px */
				color:					#fff;
			}
			
			div#content h2 {
				font-size:				1.25em;		/* 15px */
				line-height:			2.4em;		/* 36px */
			}
			
			div#content h3 {
				font-size:				1em;		/* 12px */
				line-height:			1.5em;		/* 18px */
				font-weight:			bold;	
			}
			
				div#content_left {
					float:					left;
					width:					360px;
					/* background-color:		#185471;	*/
				}
				
					div#content_left a {
						padding:				0 0 0 18px;
						background-image:		url("./../../gfx/link18x18.gif");	
						background-repeat:		no-repeat;
						color:					#fff;
					}
					
					div#content_left a:hover {
						text-decoration:		none;	
					}
				
					div#content_left div.conthead {
						height:					6px;
						width:					100%;
						background-image:		url("./../../gfx/bg_conthead.gif");
						background-repeat:		repeat-x;
						clear: both;
					}
					
					div#content_left div.contmid {
						padding:				5px;
						float: left;
						width: 350px;
						clear: both;
						background-color: #185471;	
					}
					
					div#content_left div.contfoot {
						background-image:		url("./../../gfx/bg_contfoot.gif");
						clear:					both;
						line-height:			0.08333em; /* 1px */
					}
					
.contfoot_thin {
	background-color: #194961;
	margin: 0 0 20px 0;
	height: 1px;
	clear: both;
}
				
				/* NEWS TEASER STARTSEITE + NEWS ARCHIV
				------------------------------------------------------*/
				
				#news_teaser {
				}
				
					#news_teaser p
					{
						margin: 1.5em 0;
					}
				
					.news_teaser_thumb {
						padding: 0;
						margin: 0 10px 0 0;
						display: block;
						float: left;
					}
					
						.news_teaser_thumb img {
							border: 3px solid #194961;
						}
						
					.news_teaser_text {
						float: right;
						width: 212px;
					}
				
						.news_teaser_text h2, #news_teaser h2 
						{
							font-size: 18px !important;
							line-height: 21px !important;
							color: #fff;
							padding: 0;
							margin: 0;
						}
						
							.news_teaser_text h2 a {
								text-decoration: none !important;
								background: none !important;
								padding: 0 !important;
								margin: 0 !important;
							}
							
							.news_teaser_text h2 a:active {
								position: relative;
								top: 1px;
							}
						
						.news_teaser_text a.button {
							margin: 15px 0;
						}	
						
					/* NEWS OVERVIEW 
					------------------------------------------------------*/							
				
					.addNews {
						margin: 0 0 20px 0;
						padding: 10px auto;
						width: 100%;
						background: #359ac8;
						text-align: center;
						border: 1px solid #194961;
					}
						
						.addNews img {
							padding: 5px;
							float: none;
							display: inline;
							position: relative;
							top: 7px;
						}
						
					.news_overview_item {
						clear: both;
						margin: 0 0 20px 0;
						width: 100%;
					}
					
						.news_text_wrap {
							float: left;
							background: fuchsia;
						}
							
							.news_overview_headline h2 {
								font-size: 18px !important;
								color: #fff;
							}
					
							.news_overview_link {
								padding: 0 0 28px 0;
							}
					
					
					
					
					
					
				
					
					div#content_left input, textarea {
						border:					1px solid #194961;
						color:					#194961;
						font-family:			"Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, sans-serif;
						font-size:				1em; /* 12px */
					}
					
					div#content_left input.inputtext {
						padding:				2px;
					}
					
					div#content_left textarea {
						height:					6em;
						width:					340px;
						margin:					0 0 1em 0;
					}
					
					div#content_left div#gallery div.foto_rahmen a {
						background-image:		none;	
					}	
					
					div#content_left div#gallery {
						text-align:				center;	
					}	
				
				
				/* CONTENT RIGHT
				------------------------------------------------------*/		
					
				div#content_right {
					float:					left;
					padding:				0 0 0 30px;
					width:					218px;	
				}
				
					div.submenu {
							
					}
					
						div.submenu ul {
						
						}
						
							div.submenu ul li {
								margin:					0 0 2px 0;
							}
					
						div.submenu a {
							background-image:		url("./../../gfx/bg_tab_submenu.gif");
							display:				block;
							width:					218px;
							height:					18px;
							color:					#fff;
							text-decoration:		none;	
						}
						
						div.submenu a:hover {
							background-position:	left -18px;
						}
						
						div.submenu a:active {
							background-position:	left -36px;
						}
						
							div.submenu a span {
								padding:				0 0 0 20px;	
							}
					
					div.bild_rechts {
						width: 					218px;
						clear:					both;	
					}
					
						div.bild_rechts img.foto {
							width:				210px;
							border:				4px solid #194961;	
						}
						
						div.bild_rechts small {
							padding:			0 0 0 4px;
							font-size:			0.75em; /* 9px */
							margin:				0 0 0 0;	
						}
						
					/* SPECIAL
					------------------------------------------------------*/
					
					#special {
						width: 218px !important;
						padding: 0;
						margin: 0;
					}
					
						#special h2 {
							font-size: 18px !important;
							color: #fff;
							padding: 0 3px;
						}
						
						#special p {
							padding: 0 3px;
						}
						
						#special h3 {
							font-size: 14px !important;
							color: #fff;
							font-weight: normal !important;
							line-height: 18px !important;
							margin: 0 0 10px 0;
						}
						
						#special img {
							float: right;
							width: 56px;
							border: 3px solid #194961;
							display: block;
						}
						
						#special .wrapper {
							float: left;
							width: 130px;
							padding: 0 0 0 10px;
						}
						
						#special .conthead {
							background-color: #194961;
							height: 3px;
							margin: 15px 0 0 0;
							padding: 0;
							clear: both;
						}
						
						#special .contmid {
							padding: 5px 5px 5px 10px;
							border-bottom: 1px solid #194961;
							float: left;
							width: 203px !important;
							clear: both;
							background: #185471;
							margin: 0 0 10px 0;
						}
						
				
				/* CONTENT FULL
				------------------------------------------------------*/		
						
				div#content_full {
					float:					left;
					width:					608px;
					background-color:		#185471;	
				}
				
					div#content_full a {
						padding:				0 0 0 18px;
						background-image:		url("./../../gfx/link18x18.gif");	
						background-repeat:		no-repeat;
						color:					#fff;
					}
					
					div#content_full a:hover {
						text-decoration:		none;	
					}
				
					div#content_full div.conthead {
						height:					6px;
						width:					100%;
						background-image:		url("./../../gfx/bg_conthead.gif");
						background-repeat:		repeat-x;
					}
					
					div#content_full div.contmid {
						padding:				5px;	
					}
					
					div#content_full div.contfoot {
						background-image:		url("./../../gfx/bg_contfoot.gif");
						clear:					both;
						line-height:			0.08333em; /* 1px */
					}
					
					div#content_full input, textarea {
						border:					1px solid #194961;
						color:					#194961;
						font-family:			"Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, sans-serif;
						font-size:				1em; /* 12px */
					}
					
					div#content_full input.inputtext {
						padding:				2px;
					}
					
					div#content_full textarea {
						height:					6em;
						width:					340px;
						margin:					0 0 1em 0;
					}
					
					div#content_full div#gallery div.foto_rahmen a {
						background-image:		none;	
					}	
					
					div#content_full div#gallery {
						text-align:				center;	
					}
					
				div#content_full_gbook {
					float:					left;
					width:					608px;
					background-color:		#185471;	
				}
				
					div#content_full_gbook h1 {
							padding:				0 24px 0 24px;
					}
					
					div#content_full_gbook a {
						padding:				0 0 0 18px;
						background-image:		url("./../../gfx/link18x18.gif");	
						background-repeat:		no-repeat;
						color:					#fff;
					}
					
					div#content_full_gbook a:hover {
						text-decoration:		none;	
					}
				
					div#content_full_gbook div.conthead {
						height:					6px;
						width:					100%;
						background-image:		url("./../../gfx/bg_conthead.gif");
						background-repeat:		repeat-x;
					}
					
					div#content_full_gbook div.contmid_gbook {	
					}
					
					div#content_full_gbook div.contfoot {
						background-image:		url("./../../gfx/bg_contfoot.gif");
						clear:					both;
						line-height:			0.08333em; /* 1px */
					}
					
					div#content_full_gbook input, textarea {
						border:					1px solid #194961;
						color:					#194961;
						font-family:			"Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, sans-serif;
						font-size:				1em; /* 12px */
					}
										
					div#content_full_gbook input.inputtext {
						padding:				2px;
					}
					
					div#content_full_gbook textarea {
						height:					6em;
						width:					340px;
						margin:					0 0 1em 0;
					}
					
					div#content_full_gbook div#gallery div.foto_rahmen a {
						background-image:		none;	
					}	
					
					div#content_full_gboook div#gallery {
						text-align:				center;	
					}
		
		div#footer {
			height:					77px;
			line-height:			77px;
			background-image:		url("./../../gfx/bg_footer.gif");
			background-repeat:		no-repeat;
			background-position:	left top;
			text-align:				center;
			font-size:				0.833333em; /* 10px */
			color:					#aedbf0;
			clear:					both;	
		}
		
		fieldset 
		{
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		legend
		{
			display: none;
		}
		
		label
		{
			display: block;
		}
			
/* GBOOK STYLESHEET 
------------------------------------------------------*/

	div#content_full_gbook {
			width:					608px;
	}
	
	div#entry_button {
			clear:					both;
			padding:				0 0 18px 14px;
	}
	
		div#entry_button input {
				padding: 6px;
				margin:	0;
				cursor: pointer;
		}
	
	div#page_navigation {
			clear:					both;
			padding:				18px 24px 18px 24px;
	}
	
	div.entry {
			clear:					both;
			padding:				0 0 18px 0;
			width:					66%;	
	}
	
		div.entry a {
				background-image:		none !important;
				padding:				0 0 0 0 !important;
				margin:					0 0 0 0;	
		}
		
		div.entry h2 a {
				text-decoration:		none !important;
		}
		
		div.entry div.gbhead {
				background-image:		url("./../../gfx/bg_gbhead.gif");
				height:					36px;
				width:					560px;
				padding:				0 24px 0 24px;
		}
		
			div.entry div.gbhead h2 {
					color:					#fff;
			}
			
		div.entryname {
				float:					left;
		}
		
		div.entrycity {
				float:					left;
		}
		
		div.entrynr {
				float:					right;
				text-align:				right;
				line-height:			36px;				
		}
		
		div.entry div.gbentry {
				padding:				18px 24px 0 24px;
		}
	
	div#gb_name, 
	div#gb_email, 
	div#gb_homepage, 
	div#gb_location, 
	div#gb_comment, 
	div#gb_spamprotection, 
	div#gb_action {
			clear:					both;
	}
	
	div#gb_name ul li, 
	div#gb_email ul li, 
	div#gb_homepage ul li, 
	div#gb_location ul li, 
	div#gb_comment ul li, 
	div#gb_spamprotection ul li, 
	div#gb_action ul li {
			float:					left;
	}
	
	div#gb_name ul li.descr, 
	div#gb_email ul li.descr, 
	div#gb_homepage ul li.descr, 
	div#gb_location ul li.descr, 
	div#gb_comment ul li.descr, 
	div#gb_spamprotection ul li.descr, 
	div#gb_action ul li.descr {
			width:					150px;
	}
	
	div#gb_name ul li input, 
	div#gb_email ul li input, 
	div#gb_homepage ul li input, 
	div#gb_location ul li input, 
	div#gb_comment ul li textarea, 
	div#gb_spamprotection ul li, 
	div#gb_action ul li {
			width:					300px;
	}
	
	div#gbcreate {
			padding:				0 24px 0 24px;
	}
	
	div#gb_action {
			padding:				18px 0 0 0;
	}
	
	div#gb_error {
			padding:				18px 0 0 0;
			clear:					both;	
	}

/* END GBOOK STYLESHEET */		
			
			
	
	#gallery {		
		width: 				340px;
		background-color: #185471;
		float: left;
		padding: 0 10px;
		position: relative;
		left: -5px;
	}	
	
	.foto_rahmen {
		float: 				left;
		text-align: 		center;
		padding: 			8px;
		color: 				#666666;
		display: 			block;
		width: 75px;	
		height: 75px;
	}
	
	.foto_rahmen a:hover {
		background:			none;
	}
	
	.foto_rahmen a:hover img {
		background-color:	#CEEB83;
		border-color: 		#84AE46;
	}
	
	.foto_rahmen img {
		border-color: 		#CCCCCC;
		border-style: 		solid;
		border-width: 		1px;
		text-align: 		center;		
	}
			
			
/* SPONSORS
----------------------------------------------------------------- */

ul#sponsoren {
	display: block;
	margin: 1.5em 0;
	padding: 0;
}		
			
	ul#sponsoren li
	{
		margin: 1.5em 0;	
	}
	
		ul#sponsoren li a img {
			border: none;
		}