/**
 * Semantic Technologies Website
 * 
 * Main Css Layout File
 *
 * @project		Semantic Technologies Website
 * @site		http://www.semantictechnologies.de
 * @author		Jörg Rech
 * @version		1.1
 * @license		Creative Commons Attribution 3.0 Unported Licence (http://creativecommons.org/licenses/by/3.0)
 * @copyright	2009 by Semantic Technologies
 *
 * @tested		FF 3.0.8, IE 8.0, Opera 9.64, Chrome 2.0, Safari 4.PB
 * 
 * @colordef	#8d0d0d; sw red
 */

 /**
 * Base Section
 *
 * @section base
 */

html * {
    margin: 0;
}

body {
	height: 100%;
	margin:				0px;
	padding:			0px;
	text-align:			center;
    font-family:		"Lucida Sans Unicode", Arial, helvetica, sans-serif;
    /*font-family:		candara,tahoma,verdana,"Trebuchet MS","Lucida Sans Unicode",arial,sans-serif;*/
	font-style:			normal;
	font-variant:		normal;
	font-weight:		normal;
	font-size:			14px;
	line-height:		normal;
	font-size-adjust:	none;
	font-stretch:		normal;
    color:				#333333;
	background: 		url('../images/background_content.png') top repeat;
}

/**
 * Layout Section
 *
 * Div-based Layout: Header, Content / Page, Footer
 * @section layout
 */

#header { 
	height: 			135px;
	border: 			0px solid black;
	padding:			0px;
/*    background: 		url('../images/background_net.png') top left no-repeat;
    background: 		url('../images/background2.png') 7px top repeat-x; 
*/
    background: 		url('../images/background_header_02.png') 7px top repeat-x; 
}

#header #title { 
	float:				left;
	height: 			50px;
	font-size:			48px;
    color:				#fff;

	margin:				35px 0px 0px -5px;

	border:				0px solid black;
}
#header #title a { 
    color:				transparent;
	border:				0px solid black;
}

#page {
	width:				800px;
	min-height:			100%;
	text-align:			left;
	padding:			0px 20px 50px 20px;
	margin:				0 auto;
  	border:				0px solid black;
}

#pageSmall {
	width:				800px;
	min-height:			100%;
	text-align:			left;
	padding:			0px 20px 50px 20px;
	margin:				0 auto;
  	border:				0px solid black;
}

#footer {
	position:			fixed;
	bottom:				0px;
	width:				96%;
	font-size:			1.00em;
	text-align:			right;
	padding:			10px 2%;
 	border:				0px solid black;
    background:			#000 url('../images/bg_navigation.gif') top repeat-x;
	color:				#fff;
}

#footer .copyright {
	float:				left;
	font-size:			11px;
 	border:				0px solid black;
	padding-top:		0px;
	color:				#ccc;
}

.placement {
	margin: auto;
	width:800px;
}


/**
 * Navigation Section
 *
 * @section navigation
 */

/** @subsection top-navigation */
#navigation {
	font-size:			1.50em;

	text-align:			left;

    background:			#c66165 ;
	padding:			10px;
 	border:				0px solid black;
    background:			#000 url('../images/bg_navigation.gif') top repeat-x;
	color:				#fff;
}

#navigation .button {
	color:				#fff;
}
#navigation  span.divider {
	padding:			0px 11px;
}

/** @subsection bottom-navigation */
#footer a.button { 
	padding:			0.1em 0.2em;
	color:				#fff;
}


/**
 * HTML Re-coding Section
 *
 * Markup styles for the content
 * @section content
 */
.st-red {
	color:				#fff;
/*	color:				#770c55;
*/
}
.st-blue {
	color:				#000;
/*	color:				#4b0c78;
*/
}

h1, h2, h3, h4 {
    color:				#8d0d0d;
/*    color: 			#888899; */
    font-weight:		bold;
    margin-top:			1.0em;
    margin-bottom:		0.5em;
}
h1 {	font-size: 1.75em; }
h2 {	font-size: 1.50em; }
h3 {	font-size: 1.25em; }
h4 {	font-size: 1.00em; }

p { margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.5em; }
p.indented {text-indent: 20px;}
p.info  { font-size: 0.90em; line-height: 1.00em; font-style:italic; }

a {
	text-decoration:	none;
}

table, tbody, tr, td{
	padding:			0px;
	margin:				0px;
	border:				0px solid black;
	border-spacing:		0px;
}
td { 
vertical-align: top;
	padding:			0 10px 3px 0;
}

ul {
	margin:				0.5em 0.0em 1.0em 0.0em;
	padding:			0.0em 1.0em 0.0em 1.0em;
	line-height: 1.25em;
}
li {
	line-height: 1.5em;
}