/*
#########################################
# Chiemsee-Light Stylesheet 05.06       #
# Autor: Sebastian Kippe, Inngenium oHG #
# e-Mail: sk@inngenium.net              #
#########################################
*/


/* Allgemeine Formatierungen
=============================================================================*/

		* { margin: 0; padding: 0; }

		html { background: #000 url(../gfx/layout/bg_body.gif) top center repeat; }
		
		body {
			font-size: 101%;
			font-family: Verdana, Arial, Helvetica, Sans-Serif;
			text-align: center;
			color: #333;
		}
		
		#container { 	
			text-align: left;
			margin: 0px auto;
			padding: 0px;
			width: 750px;
			background-color: transparent;
		}
		
		.right			{ text-align: right; }
		.left			{ text-align: left; }
		abbr, acronym	{ cursor: help; }
		
		
/* Header
=============================================================================*/		

		#header {
			width: 750px;
			height: 121px;
			background: #000 url(../gfx/layout/top.jpg);
		}
		
		#header h1, #header h2 {
			text-indent: -10000px;
		}
		
		#languages {
			font-size: 0.7em;
			padding: 10px 5px 5px 24px;
			color: #666;
		}	

		#languages a {
			padding: 0px 3px;
			color: #999;
			text-decoration: none;
		}

		#languages a:hover {
			color: #FFF;
			text-decoration: none;
		}		
		
		
/* Navigation
=============================================================================*/
		
		#navi {
			width: 750px;
			height: 35px;
			background: #555 url(../gfx/layout/bg_menu.jpg);
		}		
		
		#navi li {
			display: inline;
			list-style-type: none;
			padding-right: 15px;
			margin-top: 5px;
		}
		 
		#navi a:link, #navi a:visited {
			font-size: 0.7em;
			color: #CCC;
			text-decoration: none;
			font-weight: bold;
		}
		
		#navi a:hover, #navi a:active {
			font-size: 0.7em;
			color: #FFF;
			text-decoration: none;
			font-weight: bold;			
			}
				
		#navi ul {
			padding: 8px 0 0 25px;
		}
		
		
/* Content
=============================================================================*/		
		
		#content {
			float: left;
			width: 510px;
		}
		
		.content_full {
			float: left;
			width: 465px;
			padding: 32px 20px 60px 25px;
		}
		
		#content_whole {
			float: left;
			width: 705px;
			padding: 32px 20px 60px 25px;
		}
				
		#content h2				{ font-size: 1.0em; padding: 15px 0 0 0; color: #003399; }
		#content h3				{ font-size: 0.9em; padding: 10px 0 0 0; color: #003399; }
		#content p				{ font-size: 0.8em; color: #333; margin: 10px 0 10px 0; line-height: 150%; }
		#content p.nomargin		{ font-size: 0.8em; color: #333; margin: 0 0 10px 0; }
		#content p.newsfooter	{ font-size: 0.7em; color: #666; margin: 0 0 10px 0; }
		#content ul				{ font-size: 0.8em; color: #333; margin: 15px 0 20px 20px; line-height: 150%; }
		#content li				{ margin: 3px 0 3px 0; }
		#content_whole h2		{ font-size: 1.0em; padding: 15px 0 0 0; color: #003399; }
		#content_whole h3		{ font-size: 0.9em; padding: 10px 0 0 0; color: #003399; }
		#content_whole p		{ font-size: 0.8em; color: #333; margin: 10px 0 10px 0; line-height: 150%; }	
		#content_whole p.small	{ font-size: 0.7em; }
		#content a 				{ color: #003399; }
		#content a:hover		{ color: #990000; }		
		
		
		#navi_gallery li {
			display: inline;
			padding-right: 15px;
			margin-top: 5px;
		}
		 
		#navi_gallery a:link, #navi a:visited {
			font-size: 0.7em;
			color: #CCC;
			text-decoration: none;
			font-weight: bold;
		}
		
		#navi_gallery a:hover, #navi a:active {
			font-size: 0.7em;
			color: #FFF;
			text-decoration: none;
			font-weight: bold;			
			}
				
		#navi_gallery ul {
			padding: 8px 0 0 25px;
		}
		
		.entry {
			margin: 8px 0;
			padding: 0 8px;
			background: url(../gfx/layout/bg_entry.jpg) top left repeat-x;
			border-top: 1px solid #ccc;
		}
				
		img.news {
			float: left;
			padding: 4px;
			border: 1px solid #CCC;
			margin: 2px 10px 5px 0;
		}
		
		.slideshowpro {
			margin: 20px 0 15px 0;
		}
		
		table.data {
			margin: 10px 0 10px 0;
			background: #CCC;
			width: 700px;
		}
		
		.data td, th {
			font-size: 0.7em;
			color: #333;
			padding: 3px;
			background: #FFF;
		}	
		
		.data td			{ text-align: right; }
		.data td.left		{ text-align: left; }
		.data th			{ text-align: left; background: #F0F0F0; }			
		
		table.portfolio {
			margin: 20px 0 20px 0;
			background: #CCC;
			width: 460px;
		}
		
		.portfolio td, th {
			font-size: 0.7em;
			color: #333;
			padding: 3px;
			background: #FFF;
		}

		.portfolio th		{ text-align: left; background: #F0F0F0; }	
		td.infos			{ color: #999; }

		.header_news 		{ background: url(../gfx/layout/header_news.gif) top left no-repeat; }
		.header_profil 		{ background: url(../gfx/layout/header_firmenprofil.gif) top left no-repeat; }	
		.header_balloons	{ background: #FFF url(../gfx/layout/header_balloons.gif) top left no-repeat; }			
		.header_gallerie	{ background: url(../gfx/layout/header_gallerie.gif) top left no-repeat; }
		.header_referenzen	{ background: url(../gfx/layout/header_referenzen.gif) top left no-repeat; }
		.header_kontakt		{ background: url(../gfx/layout/header_kontakt.gif) top left no-repeat; }
		.header_impressum	{ background: url(../gfx/layout/header_impressum.gif) top left no-repeat; }
		.header_fehler		{ background: url(../gfx/layout/header_fehler.gif) top left no-repeat; }
		
		
/* Sidebar
=============================================================================*/		

		#sidebar {
			float: left;
			width: 199px;
			margin-left: 1px;
			padding: 20px 20px 0 20px;
		}

		#sidebar h3 {
			font-size: 0.8em;
			padding: 25px 0 0 0;
			color: #990000;
			font-weight: bold;
		}		
						
		#sidebar p {
	font-size: 0.7em;
	color: #666666;
	padding: 10px 0 0 0;
	line-height: 150%;
		}
		
		table.sidebartable {
			margin: 10px 0 -5px 0;
			width: 199px;
			border: 1px solid #ccc;
			background: #FFF;
		}
		
		.sidebartable td, th {
			font-size: 0.7em;
			color: #666;
			padding: 2px 5px 2px 2px;
			background: #FFF;
		}	
		
		img.sidebar {
			border: 1px solid #CCC;
			background: #FFF;
			padding: 4px;
			width: 189px;
			height: 94px;
		}
				
		#sidebar a:link									{ color: #666666; text-decoration: none; }
		#sidebar a:visited								{ color: #888888; text-decoration: none; }
		#sidebar a:hover, #sidebar a:active				{
	color: #990000;
	text-decoration: underline;
	text-align: right;
}
		#sidebar a.more:link, #sidebar a.more:visited	{ color: #999999; text-decoration: underline; }
		#sidebar a.more:hover, #sidebar a.more:active	{ color: #990000; text-decoration: underline; }
		
		#sidebar ul {
			list-style-type: none;
			margin: 10px 20px 0 15px;
			font-size: 0.7em;
			line-height: 150%;
		}
		
		.sheader_info 		{ background: url(../gfx/layout/sheader_info.gif) top left no-repeat; }			
		.sheader_archiv		{ background: url(../gfx/layout/sheader_archiv.gif) top left no-repeat; }			
		
		
/* Footer
=============================================================================*/		

		#footer {
			clear: both;
			width: 460px;
			margin: 0 0 0 25px;
			padding: 5px 0 15px 0;
			border-top: 1px solid #ccc;
			text-align: center;
			color: #AAA;
			font-size: 11px;
			background: #FFF;
		}
		
		#footer.footer_full { width: 700px; }
		
		#footer a:link, #footer a:visited { color: #999; text-decoration: underline; }

		
		
/* Formulare
=============================================================================*/		

		fieldset { border: 0; margin: 20px 0 20px 10px; font-size: 0.8em; }
		p.loadBar, p.emailSuccess { margin-top: 30px; }
		label { display: block; cursor: pointer; margin: 10px 0 5px 0; }
		input.text,textarea { width: 300px; font: 12px/12px 'courier new', courier, monospace; color: #666; padding: 3px; margin:1px 0; border: 1px solid #bbb; }
		input.submit { padding: 2px 5px; margin-top: 20px; }
		input[type=text]:focus, textarea:focus { background-color: #FCFCFC; color: #333; border-color: #666; }