/*------[GENERAL]--------*/
* { margin: 0; padding: 0; }

body{
	background:#214563 url(img/bg_main.jpg) repeat-x top left;
	color: #000; 
   	font: 62.5%  Arial, Helvetica, sans-serif;
}

a { color: #29517b; text-decoration:underline; }
a:hover { }

ul{ list-style:none;}

h1,h2,h3,h4,h5,h6 { font-family:  Arial, sans-serif; }

/*-------[   Layout   ]---------*/
 #wrap{ position:relative; width:820px; margin:15px auto; }

 #header{ height:254px; }

/*-------[ Logo + Navigation ]---------*/
	/*Adjust LOGO position by modifiying the LEFT proprety*/
	#logo{ position:absolute; top:15px; left:10px;
		   font-family: Arial, "Times New Roman", Times, serif; font-size: 32px; color: #fff; }
	#logo a{ color:#fff; text-decoration:none; }
	#logo a:hover{ text-decoration:underline; }
	
	/*Adjust SLOGAN  position by modifiying the LEFT proprety*/
	#slogan{ position:absolute; top:15px; left:230px; padding:7.5px 0 7.5px 10px; border-left:1px solid #fff;
			 color: #fff; font-family: "Times New Roman", Times, serif; font-size: 18px; letter-spacing:1px; font-style:italic;	}
	
	#header-pic{ position:absolute; top:114px; left:0; height:138px; }

	#nav {
		position:absolute;
		width:820px;
		top:76px; left:0;
		height:34px;
		background-color:#294963;
		border-bottom:4px solid #ded384; }
		
		#nav ul{ padding:0; margin-left:30px; list-style: none; }
			#nav li{ display: inline; }
			
				#nav a{ 
					display: block; 
					float: left;
					padding:10px 20px 10px 20px;
					font:12px Verdana, sans-serif;
					text-transform:uppercase;
					color:#fff;
					text-decoration:none;
					outline: none;
				}
				
				#nav a:hover{ background-color:#081829; }
				#nav .active a{ background:#081829 url(img/bg-menu-active.jpg) bottom center no-repeat; }



#content-wrap{ padding:25px 0 30px 30px; background-color:#FFFFFF; }
	#content{ width:460px; position:relative; }
	#contentAll{ width:730px; position:relative; }
		/* --- content styling ---*/
	  #content { font-size: 1.5em; line-height: 1.4em; color:#111; 
	  			text-align: justify; }
	  
	  #content h1{margin-bottom:20px; font-size:28px;}
	  
	  
	  #content .first, #content .drop_cap { padding: 0.17em 0.08em 0.05em 0; font-size: 3.4em; line-height: 0.6em; color: #aaa; float: left; }
	  
	  #content p { margin: 0 0 0 0; }
	  
	  #content a, #content a:visited { text-decoration: underline; }
	  
	  #content a:hover { text-decoration: none; }
	  
	  #content blockquote { font-style:italic; padding:10px; padding-left:35px; margin-bottom:5px; background:#fff url(img/bg_blockquote.gif) no-repeat top left; color:#111;}
	  
	  #content blockquote ul, #content blockquote ol { margin: 0 0 1.46667em 15px;  }
	  
	  #content ul, #content ol { margin: 0 0 1.46667em 40px; }
	  
	  #content ul { list-style: disc; }
	  
	  #content li { margin: 0 0 0.4em 0; }
	  
	  #content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol { margin: 0 0 0 25px; }
	  
	  #contentAll .right{
	  float: right;
	  margin-bottom: 2em;}
	  
	 /* #contentAll h1{margin-top: 1em} */
	  
	  #content img{ display: block; clear: both; padding: 6px; background: #e5e5e5; }
	  
	  .imgfloatleft{ float:left; margin-right:10px; }
	  .imgfloatright{ float:right; }
	  
	  .update { border: 1px solid #f2ec49; background: #fffdcb; padding:10px; margin:0; margin-bottom:1em; }
	

	/* --- Sidebar ---*/
	#sidebar{ position:absolute; right:30px; top:220px;
			  width:265px; height:150px; }

		/* --- sidebar styling---*/
		.sidebar-links{
			background:#29517b url(img/bg_side_links.jpg) repeat-x bottom left ;
			padding:20px;margin-bottom:15px;}

			.sidebar-links h3{ margin-bottom:15px; font-size: 16px; color:#fff; }
			
			.sidebar-links ul{ margin: 10px 0; }
			.sidebar-links ul li{ border-bottom: 1px solid #486a8b; padding: 10px 8px; }
			
			.sidebar-links ul li a{ color: #9fbfd6; text-decoration: none; font-size: 14px; }
			.sidebar-links ul li a:hover{ color: #fff; }
			.sidebar-links ul li.active{ background: #132b44; border-bottom: 0;padding-top: 11px; margin: 0 -20px;
										 padding-left: 28px; margin-top: -1px; position: relative; }
			.sidebar-links ul li.active a{ color: #fff; }

		/* --- --- */
		.sidebar-info{
			border-top:3px solid #ded384;
			background-color:#efebe7;
			padding:20px; margin-bottom:15px;}
			
			.sidebar-info h3{ margin-bottom:15px; }
			.sidebar-info h4 { text-align:center; font-size:23px;}
			.sidebar-info p{ margin-bottom:10px; font-size:13px; }
			.sidebar-info ul{ list-style:inside; list-style-type:disc; font-size:100%;}
			
	/* --- Footer --- */
	#footer{
		height:38px;
		width:820px;
		background-color:#001839;
		font-size:12px;}
	
		#footer p{ padding:11px 0 0 25px; color:#94b6de;}
		#footer a{ color:#94b6de;}
		#footer a:hover{ color:#fff;}


	/* --- Projects --- */
	#projects a p{
		text-align:left; 
		font-size:16pt";
		padding-left:180px;} 

/*----------------------------*/
h1 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	line-height: 1.2;
	color: #002852;
	margin-bottom:15px;
}

h2 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #002852;
	margin-bottom:15px;
}

h3 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	color: #002852;
	margin-bottom:15px;
}
	h3 a {
		color: #032850;
		text-decoration: none;
	}
	h3 a:hover {
		color: #124b89;
	}

h4 {
	font-size: 16px;
	color: #032850;
	margin-bottom:10px;
}

h5 {
	font-size: 14px;
	color: #000000;
}

/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
/*td      { border-bottom: 1px solid #ddd; }*/
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; } 

/* form design*/
fieldset {
	margin: 0 5px 10px 0px;
	padding: 2px;
	border: 1px dotted #ccc;
	
	
	background-color: #fff;
} 
legend { background-color:#000000; color:#FFFFFF; text-transform:uppercase; padding:3px; margin-left:10px; margin-bottom:10px; font-size:12px;}
form p { margin: 5px 0 0 0; form }
label {  text-align:right; margin-right:10px; display:block; width:140px; float:left; clear:both; font-weight:bold; }
input.text { width:315px; } 
textarea { width: 450px; margin: 5px 15px 15px 15px; }  





/*---------------------------------//
//
//  PhotoIt by Tim Lochmüller
//  Last Change: 18.10.2006
//  Web: www.fruit-lab.de
//  Bugs: info@fruit-lab.de oder board.fruit-lab.de
//  OnlineDoku: doku.fruit-lab.de
//
//---------------------------------//
//
// Sie dürfen das Script bei Ihnen auf der Homepage verwenden, allerdings nicht zum Download
// anbieten und keinen direkt Link zu meinem Download setzen.
//
// Mit dem Einsatz dieses Skripts akzeptieren Sie, daß Tim Lochmüller,
// von jeglicher Haftung und Gewährleistung hinsichtlich des Einsatzes befreit ist.
//
// Der Verkauf dieses Skripts, auch in modifizierter Form, ist ohne vorherige
// Absprache ausdrücklich untersagt!
//
//---------------------------------*/


/* ----- Formatierung für die Links in der Galerieübersicht ----- */
.overview a:link {font-size:11px; text-decoration:none; color:#002852; border-bottom: 1px dotted rgb(180, 180, 180); }
.overview a:visited {font-size:11px; text-decoration:none; color:#002852; border-bottom: 1px dotted rgb(180, 180, 180);}
.overview a:hover {font-size:11px; text-decoration:none; color:#002852; border-bottom: 1px dotted rgb(180, 180, 180);}
.overview a:active {font-size:11px; text-decoration:none; color:#002852; border-bottom: 1px dotted rgb(180, 180, 180);}
/* ---- Schrift in der Vorschau wenn kein Bild vorhanden (gleicher Text wie in der Galerieübersicht) ---- */
font.kein_bild {font-size:11px; text-decoration:none; color:#002852; border-bottom: 1px dotted rgb(180, 180, 180);}
/* -------------------------------------------------- */

/* ----- Formatierung für alle übrigen Links ----- */

/* -------------------------------------------------- */


/* ----- Formatierung für die Fusszeile inkl. der dort befindlichen Links ----- */
div.von {font-size:11pt; color:#808080; font-weight:normal;}
div.von a:link {font-size:11pt; text-decoration:underline; color:#002852; font-weight:normal;}
div.von a:visited {font-size:11pt; text-decoration:underline; color:#002852; font-weight:normal;}
div.von a:hover {font-size:11pt; text-decoration:none; color:#002852; font-weight:normal;}
div.von a:active {font-size:11pt; text-decoration:underline; color:#002852; font-weight:normal;}

/* ----- Formatierung für die aktuelle Seitenzahl in der Vorschau (abhängig von den "übrigen Links") ----- */
#td font.blaettern {font-size:2pt; text-decoration:none; color:#002852; font-weight:bold;}

/* -------------------------------------------------- */
table.contentOver td {padding: 1px; margin: 0px;}