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

/* CSS FOR WEBSITE
/* COMPANY:   WEBDESIGN MARC BAUR
/* AUTHOR:    MARC BAUR
/* DATE:      2008 / 10 / 31

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

/* BODY, HTML */

	body {
	    background:   #000;
	    font-family:  Verdana, Arial, Helvetica;
	    font-size:    11px;
	    margin:   	80px 0 50px 0;
	}

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

/* DIV LAYER */

	#ContainerMain {
	    position:     relative;
	    background:   #000;
	    width:        900px;
	    margin:       0 auto;
	}
	
	#ContainerLogo {
	    position:       absolute;
	    top:            -43px;
	    right:			0px;
	    width:			250px;
	    height:         32px;
	    background:		url("/www/public/images/logo/250x32px.jpg");
	    z-index:        10;
	}
	
	#ContainerHeader {
	    position:       relative;
	    height:         200px;
	    z-index:        1;
	}
	
	#ContainerNavigation {
	    position:       absolute;
	    background:		#000;
	    padding:		2px 0;
	    top:            200px;
	    height:         25px;
	    z-index:        2;
	}
	
	#ContainerContent {
	    padding:        52px 30px 10px 30px;
	    min-height:     300px;
	    background:		#FFF;
	    z-index:        1;
	}
	
	#ContainerFooter {
		position:		absolute;
		bottom:			-30px;
		left:			0px;
		width:			900px;
		height:			20px;
	    text-align:     center;
	    color:			#FFF;
	    z-index:        1;
	}
	
	#ContainerNotice {
	    background:     #FFFFFF;
	    position:       relative;
	    margin:         30px auto 30px auto;
	    padding:        15px;
	    width:          300px;
	}
	
	#ContainerError {
	    background:     #FF0000;
	    color:          #FFFFFF;
	    position:       relative;
	    margin:         30px auto 30px auto;
	    padding:        15px;
	    width:          300px;
	}
	
	#ContainerAdmin 
	{
	    width:          400px;
	    height:         15px;
	    padding:        5px;
	    background:     #FFFFFF;
	}

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

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

/* NAVIGATION */

	#Navigation, #Navigation ul 
	{ 
	    list-style-type:none; 
	    margin:         0;
	    padding:        0;
	    float:          left;
	}
	
	#Navigation li 
	{ 
	    width:          150px; 
	    float:          left; 
		line-height:	25px;
	    text-align:     center;
		font-style:		normal;
	}
	
	#Navigation li ul 
	{ 
	    display:        none;
	}
	
	#Navigation li:hover ul 
	{ 
	    display:        block;
	}
	  	
	#Navigation li ul li 
	{
	    background:     #FFFFFF;
	    text-align:     left;
	}
	  	
	#Navigation li a 
	{
	    padding:        0 10px 0 10px;
	    font-weight:    bold;
	    display:        block;
	    line-height:    25px;
	    text-decoration:  none;
		background:		#939393;
		color:			#000;
	}
	
	#Navigation li a:hover 
	{
		background:		#FFF;
	}
	  	
	#Navigation li ul a 
	{
		background:		#d6d6d6;
	    color:          #000000;
	    font-weight:    normal;
	    display:        block;
	    line-height:    25px;
	}
	  	
	#Navigation li ul a:hover 
	{
		font-weight:	bold;
	}

/* TABLES - CONTENT */

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

	#TableWebhostings
	{
	    border-left:	1px dotted #000000;
		border-top:		1px dotted #000000;
	    border-collapse:collapse;
	}
	#TableWebhostings th
	{
	    text-align:     left;
	    font-weight:    bold;
	    padding:        10px 0 5px 10px;
	    margin-bottom:  10px;
	}
	
	#TableWebhostings td
	{
	    padding:        0 10px 0 10px;
	    line-height:    1.5em;
	    margin:         0;
	}
	
	
	#TableReferences
	{
		width:			100%;
	    border-left:	1px dotted #000000;
		border-top:		1px dotted #000000;
	    border-collapse:collapse;
	}
	
	#TableReferences td
	{
		margin:			0;
		line-height:	1.5em;
		vertical-align:	top;
	}
	
	#TableReferences td.title
	{
		padding:       	10px 0 0 10px;
	    height:			25px;
	}
	
	#TableReferences td.description
	{
		padding:		0 0 0 10px;
		height:			65px;
		text-align:		justify;
	}

	#TableReferences td.screenshot
	{
		padding:       	10px 0 0 10px;
	    width:			150px;
	}
	
	#TableReferences img
	{
		border:			1px solid #000000;
	}
	
	#TableContactForm 
	{
		border-collapse:collapse;
	}
	
	#TableContactForm td 
	{
		padding:       	5px 0 5px 0;
		vertical-align:	top;
	}
	
	#TableContactForm td.title
	{
		padding:    	8px 10px 5px 0;
		vertical-align:	top;
	}
	
	#TableContactForm td.field
	{
		padding:    	5px 30px 5px 0;
		vertical-align:	top;
	}

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

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

/* H1, H2, H3 */

	h1 {
	    font-size:      1.3em;
		font-weight:	bold;
	    border-bottom:  1px solid #000000;
	    padding:        0 0 5px 0;
	    margin:         0 0 20px 0;
	}
	
	h3 {
	    font-size:      1.0em;
		font-weight:	bold;
		line-height:	1.5em;
		margin:         0 0 0 0;
	    padding:        0 0 5px 0;
	}
	
	h4 {
	    font-size:      1.0em;
		font-weight:	bold;
		margin:         0 0 10px 0;
	    padding:        0 0 5px 0;
	}


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

/* P */

	p
	{
	    text-align:     justify;
	    line-height:    1.5em;
		margin:			0 0 10px 0;
		padding:		0 0 5px 0;
	}
	
/* ------------------------------------------------*/

/* UL, LI */

	ul
	{
		list-style-type:circle;
		padding-bottom:	15px;
		margin-left:	30px;
	}
	
	li
	{
		line-height:	1.5em;
		font-style:		italic;
	}
	
/* ------------------------------------------------*/

/* IMG */

	img
	{
		border:			none;
	}
	img.content 
	{
		float:			right;
		margin:			4px 0 10px 20px;
		border:			1px solid #000000;
	}
	
/* ------------------------------------------------*/

/* AHREFS */

	a
	{
	    color:          #000000;
		font-weight:	bold;
	    text-decoration:none;
	}
	a:hover
	{
		color:			#000000;
		background:		#d2d0d0;
	}
	
	a.default
	{
		font-weight:	normal;
		text-decoration:none;
	}
	
	a.default:hover
	{
		text-decoration:none;
	}
	
	a.none
	{
		background:		none;
		text-decoration:none;
	}
	
	a.none:hover
	{
		background:		none;
		text-decoration:none;
	}

	a.footer
	{
		color:			#FFF;
		font-weight:	normal;
		text-decoration:none;
	}
	
	a.footer:hover
	{
		color:			#000;
		text-decoration:none;
	}
	
/* ------------------------------------------------*/

/* FORMS */

	input 
	{ 
		font-family:			Verdana, Arial, Helvetica, sans-serif;
		font-size:				1.0em;
		border:					1px solid #000000;
		width:					130px;
		padding:				2px;
		margin:					0;
	}

	textarea 
	{
		font-family:			Verdana, Arial, Helvetica, sans-serif;
		font-size:				1.0em;
		border:					1px solid #000000;
		width:					567px;
		height:					95px;
		overflow:				auto;
		padding:				2px;
		margin:					0;
	}
		
	input.button 
	{
		width:					150px;
		background:				#ececec;
	}
	
	input.button:hover 
	{
		background:				#C0C0C0;
	}

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