/* ----------------------------------------------------------------------------	*/
/*     (C) 2003 dk consulting                                          		  	*/
/*     Projekt: dinokarl.com version 2.0                                      	*/
/*                                                                      		*/
/*     History:                                                        			*/
/* 	                                                                   			*/
/*         - 04.11.2003: Dino Karl (contact@dinokarl.de):              			*/
/*                 - first version created                             			*/
/* ---------------------------------------------------------------------------- */
/* CSS 2 Stylesheet for complete website										*/
/* ---------------------------------------------------------------------------- */

/* $Id: main-site.css,v 1.6 2003/11/24 14:34:05 karldino Exp $ 						*/


body {
 	margin:0px;
 	padding:0px 0px 0px 0px;
 	background-color: #ffffff;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	text-align: center;
}



#output {margin:0 0 0 0; padding: 0 0 0 0; text-align: center;}


/* Header ----------------------------------------------------------------------------------------------------------------- */
	#header {text-align: center;}
/* Header ----------------------------------------------------------------------------------------------------------------- */


/* Main navigation --------------------------------------------------------------------------------------------------------- */

	 

	#main_navigation {
		margin: auto;
		text-align:left;
		width: 750px;
		background:#FF6600;
		font-size:12px;
	}
	

	#main_navigation ul {
		width: 750px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		display: inline;
		background:#FF6600;
	}
	#main_navigation li {
		border-right: 1px solid #ff9933;
		margin: 0 0 0 0;
		padding: 0px 30px 0px 30px;
		list-style: none;
		display: inline;
		background:#FF6600;
	}    
	#main_navigation a:link, #main_navigation a:visited, #main_navigation a:hover, #main_navigation a:active  {
		margin: 0 0 0 0;
		font-size:12px;
		font-weight:bold;
		text-decoration: none;
		color:#ffffff;
	}
	#main_navigation a:hover, #main_navigation a:active {color: #cccccc;}
	
	#main_navigation a:link.current, #main_navigation a:visited.current, #main_navigation a:hover.current,  #main_navigation a:active.current { color:#cccccc; }     
	

	
	
/* Main navigation --------------------------------------------------------------------------------------------------------- */

/* Suboutput -------------------------------------------------------------------------------------------------------------- */

	#sub_output {
		margin: auto;
		width: 750px; 
		background-image: url(../../gfx/bg_subnavigation.gif);
		background-repeat:repeat-y;
		padding: 0 0 0 0; 
		text-align: left;
		border: 1px none #000000;
	}

	/* Subnavigation ---------------------------------------------------------------------------------------------------------- */
	#sub_navigation {
		width: 135px; 
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0; 
		font-size:9px;


	}
	#sub_navigation ul {
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#sub_navigation li {
		margin: 2px 0 0 0;
		padding: 0px 0px 0px 10px;
		list-style: none;
		background:#FF6600;
	}    

	
	#sub_navigation a:link, #sub_navigation a:visited, #sub_navigation a:hover, #sub_navigation a:active   {
		font-size:11px;
		font-weight:bold;
		text-decoration: none;
		color:#ffffff;
	}
	#sub_navigation a:hover, #sub_navigation a:active {color:#cccccc;}
	#sub_navigation a:link.current, #sub_navigation a:visited.current, #sub_navigation a:hover.current, #sub_navigation a:active.current { color:#cccccc; }     	
	
	.clear { clear:both; } 
	
	/* Subnavigation ---------------------------------------------------------------------------------------------------------- */
	
	/* Main Output ------------------------------------------------------------------------------------------------------------ */
	#main_output {
		float: right;
		position: relative;
		margin: auto;
		width: 595px;
		margin-left: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
		
	}
	
	.content_bg_box {  background: url(../../gfx/shadowlight.gif) repeat; } 

/*	.content_box {width: 100%; margin-bottom: 10px;}  */
	
	.content_box {position: relative; top: -5px; left: -5px;} 
	
	.spacer {height:15px;}
	
	.content_box_header { background: #ff9933; padding-left: 10px; margin: 0px; }
	.content_box_header h1 {
		padding: 2px 0 2px 0;
		margin: 0px;
		font-size: 12px;
		font-weight: bold;
		color:#333333;
	}	

	.content_box_header a:link, .content_box_header a:visited, .content_box_header a:hover, .content_box_header a:active  {
		color: #333333;
		font-size: 12px;
		font-weight:bold;
		text-decoration: none;
	}
	.content_box_header a:hover {text-decoration: underline;}		
	
	.content_box_content { background: #ffffcc; border: 1px solid #ff9933; margin: 0px; padding: 10px 10px 10px 10px; color:#333333;}
	.content_box_content h2 { margin: 0px; font-size: 11px; font-weight: bold; color:#333333;}
	.content_box_content h3 { margin-top: 10px; font-size: 11px; font-weight: bold; color:#333333;}


	
	.content_box_content a:link, .content_box_content a:visited, .content_box_content a:hover, .content_box_content a:active  {
		color: #333333;
		font-size: 11px;
		font-weight:bold;
		text-decoration: none;
	}
	.content_box_content a:hover {text-decoration: underline;}
	
	/* Back Button in Content Lists */
	#back_button { text-align: right; margin: 0px 0 20px 0;}
	#back_button a:link, #back_button a:visited, #back_button a:hover, #back_button a:active  {
		color: #333333;
		font-size: 11px;
		font-weight:bold;
		text-decoration: none;
	}	
	#back_button a:hover {text-decoration: underline;}
	
	/* Main Output ------------------------------------------------------------------------------------------------------------ */


/* Suboutput -------------------------------------------------------------------------------------------------------------- */


/* Footer ----------------------------------------------------------------------------------------------------------------- */
	#footer {
		margin: auto;
		text-align: right;
		margin-top: 20px;
		width: 750px;	
 		border: 1px none #000000;
	}
	#footer_content_container {
		float: right;
		text-align: left;
		margin: auto;
		width: 510px;
		border: 1px none #000000;
	}
	#footer_content {
		border-top: 1px solid gray;
		width: 80%;
		font-size:10px;
		text-align: center;
	}
/* Footer ----------------------------------------------------------------------------------------------------------------- */





/* Content Specific Formats----------------------------------------------------------------------------------- */

	/* Project Tables (Date, Link, Description) -------------------------------------------------------------- */
	.project_table table { font-size: 11px;}
	.project_table tr { vertical-align: top;}
	.project_table td { padding: 0 20px 10px 0;}
	.project_table p { margin: 0px;}
	/* Project Tables (Date, Link, Description) -------------------------------------------------------------- */

	/* News Section ------------------------------------------------------------------------------------------ */
	.news_list { font-size: 11px;}
	.news_list li { padding: 0 20px 10px 0;}
	.news_image { text-align: center; border: 0px none #000000;}
	.news_image img {border: 0px none #000000;}
	/* News Section ------------------------------------------------------------------------------------------ */


	/* Resume Table (2 Column setting) ----------------------------------------------------------------------- */
	.resume_table table { font-size: 11px; }
	.resume_table tr { vertical-align: top;}
	.resume_table td { padding: 0 10px 2px 0; }
	.resume_table p { margin: 0px;}
	.column_one { width: 140px; }
	.resume_list h2 { font-size:11px; font-weight:bold; margin: 0 0 5px 0;}
	.resume_list h3 { font-size:11px; font-weight:normal; font-style:italic; margin: 0 0 10px 0;}
	.resume_list p { margin: 0 35px 15px 0; }
	.resume_date { font-size:11px; font-weight:bold; text-align: right; margin: 15px 35px 0px;}
	.resume_list ul {margin: 0 0 0 30px;}
	.resume_list li {font-size:11px;}
	.it_profile ul { font-size: 11px; color: #333333; line-height: 20px; list-style-position: outside; list-style-type: square; margin: 0 0 0 30px;}
	/* Resume Table (2 Column setting) ----------------------------------------------------------------------- */

	/* Referenzen / Projekte --------------------------------------------------------------------------------- */
	.detail_project ul { font-size: 11px; margin: 10px 0 0 30px;}
	.detail_project li { margin: 0 0 0 0;}
	.detail_project_image { width: 100%; text-align: center; margin: 10px 0px 15px 0px;}
	.detail_project_image img { border: 3px solid #ffffff; }
	.detail_project_reference h2 { margin: 10px 0 0 0; }
	.detail_project_reference p { margin: 0 0 0 0; }
	#search_form { margin: 20px 0px 0 0px; padding: 2px 10px 2px 10px; background: #ff6600;}	
	#search_form h1 {font-size:11px; color: #ffffff;}
	#search_form input {background-color: #ffffff; border: 1px solid #999; width: 112px; _width: 110px; font-size:11px; color: #000000; }		
	/* Referenzen / Projekte --------------------------------------------------------------------------------- */

	/* Contact ----------------------------------------------------------------------------------------------- */
	.contact_address {font-size: 11px; }
	.contact_address_image {float:right;  vertical-align: middle; margin: 10px 0px 15px 80px;}
	.contact_internet td { font-size: 11px; padding: 0 30px 0 0;}
	.error_msg { color: #CCCCCC; }
	.contact_form { margin-left: 60px; font-size: 11px; }
	.contact_form input {font-size: 11px; width: 450px; margin: 0 0 10px 0;}
	.contact_form textarea {font-size: 11px; width: 450px;}
	.contact_form_button input {font-size: 11px; text-align: center; width: 100px; margin: 10px 0px 15px 80px;}
	/* Contact ----------------------------------------------------------------------------------------------- */
	

/* Content Specific Formats----------------------------------------------------------------------------------- */