* {margin:0;padding:0}

body {font:11pt Arial, Verdana, sans-serif; 
	
	line-height:1.1em; 
	color:#585858}

a img {border:none}

a:link {text-decoration:none; font-color:#3E4D24}
a:hover {text-decoration:none;}
a:visited {text-decoration:none;}


/* IE8 hack to get it to apply margin auto centering to element inside this one */
#wrap {width:100%}

/* Header */
#header {background: transparent;
padding:0px 0 10px 0;
	height:132px;
	border-bottom: 1px solid #bfdd28
	}
	
#header #logo {width:896px;
	margin:0;
	padding:0px 10px 0px 2px}

#header img.logo {margin-top:26px}
#header #logo #lang {width:480px;
float:right;
height:132px;
margin-right:11px;
text-align:right;
}

#lang p   {
	font-family: Arial, sans-serif;
	font-weight:normal;
	font-size: 14px;
	line-height: 1.3em;
	letter-spacing: 0.01em
}

#lang h1   {
	font-family: Arial, sans-serif;
	font-weight:bold;
	font-size: 1.23em;
	line-height: 1.1em;
	
}

#lang h2   {
	font-family: Arial, sans-serif;
	font-weight:normal;
	font-size: 1em;
	line-height: 1.1em;
	letter-spacing: 0.0em
	
}

#lang h3   {
	font-family: Arial, sans-serif;
	font-weight:normal;
	font-size: 0.7em;
	line-height: 1em;
	letter-spacing: 0.05em
	
}



/* Content Area */

#main {width:900px;
	margin:0;
	clear:both;
	padding-right:5px;
	padding-left:5px}

/* Sidebar */
#sidebar {width:210px ;float:left;
	padding:5px 5px 5px 5px}
	
#sidebar p {
				font-family: Arial, sans-serif;
				font-weight: normal;
				font-size: 10pt;
				line-height: 1.23em;
				margin:10px 20px 10px 16px;}
#sidebar ul {list-style:none}

#sidebar h2   {
				font-family: Arial, sans-serif;
				font-weight: bold;
				font-size: 14pt;
				line-height: 1.25em;
				margin:10px 20px 10px 16px;}
				
#sidebar h3   {
				font-family: Arial, sans-serif;
				font-weight: bold;
				font-size: 13pt;
				line-height: 1.27em;
				margin:10px 20px 10px 16px;}
#sidebar h4   {
				font-family: Arial, sans-serif;
				font-weight: bold;
				font-size: 11pt;
				line-height: 1.45em;
				margin:10px 20px 10px 16px;}
#sidebar h5   {
				font-family: Arial, sans-serif;
				font-weight: bold;
				font-size: 10pt;
				line-height: 1.24em;
				margin:10px 20px 10px 16px;}


/* für mittige Bilder */				
#sidebar h6   {
				font-family: Arial, sans-serif;
				font-weight: normal;
				font-size: 8pt;
				line-height: 1.2em;
				text-align: center;
				margin:3px 3px 3px 3px;}



#sidebar img {margin-right:3px}
#sidebar form {padding:5px 0 10px 0;text-align:center}
#sidebar .twitter-share-button {padding:20px 0 0 0;}

		
/* Inhalt - Content - Rechts*/

#content {width:660px;
	float:right;
	padding:5px 15px 25px 0px
	}
	
#content p {
				font-family: Arial, sans-serif;
				font-weight: normal;
				font-size: 10pt;
				line-height: 1.23em;
				margin:10px 20px 10px 20px;}
#content h1   {
				font-family: Arial, sans-serif;
				font-weight: bold;
				font-size: 18pt;
				line-height: 1.25em;
				margin:10px 20px 10px 20px;}
#content h2   {
				font-family: Arial, sans-serif;
				font-weight: bold;
				font-size: 14pt;
				line-height: 1.25em;
				margin:10px 20px 10px 20px;}
#content h3   {
				font-family: Arial, sans-serif;
				font-weight: bold;
				font-size: 13pt;
				line-height: 1.22em;
				margin:10px 20px 10px 20px;}
#content h4   {
				font-family: Arial, sans-serif;
				font-weight: bold;
				font-size: 11pt;
				line-height: 1.25em;
				margin:10px 20px 10px 20px;}				
#content h5   {
				font-family: Arial, sans-serif;
				font-weight: bold;
				font-size: 10pt;
				line-height: 1.24em;
				margin:10px 20px 10px 20px;}


/* für mittige Bilder */				
#content h6   {
				font-family: Arial, sans-serif;
				font-weight: normal;
				font-size: 10pt;
				line-height: 1.2em;
				text-align: center;
				margin:3px 3px 3px 3px;}
#content pre {font-family:Verdana, Arial, sans-serif;
	margin:15px 0 15px 0;
	line-height:0.9em;
	font-size:0.9em;
	color:#010ACE}

#content ul {list-style:square;
	margin:10px 0 10px 20px;
	list-style-position:inside}
#content li {line-height:1.2em;
	font-size:0.9em}

#content #list {width:200px;float:left}
#content #screenshots {width:200px;float:right;padding-top:15px}

#content #screenshots p {margin:5px 0 0 0;font-size:0.8em}


/* menu */
#navbar {position:absolute; top:106px; left:2px; z-index:1}
#navbar {margin: 0; padding: 0; height: 1em; font-family: Arial, Verdana, sans-serif; }
#navbar {height: 20px; width: 920px;}
#navbar li {list-style: none; float: left; }
#navbar li a {display: block; padding: 5px 18px; font-size: 14px; color: #d6f636; text-decoration: none;}
#navbar li a:hover {display: block; padding: 5px 18px; font-size: 14px; color: #f9ffe4; text-decoration: none;}
#navbar li a.aktiv {display: block; padding: 5px 18px; font-size: 14px; color: #f9ffe4; text-decoration: none;}
#navbar li ul {display: none; width: 12em; /* Width to help Opera out */ background-color: transparent;}
#navbar li:hover ul, 
#navbar li.hover ul {display: block; position: absolute; margin: 0; padding: 0;}
#navbar li:hover li, 
#navbar li.hover li {float: none;}
#navbar li:hover li a, 
#navbar li.hover li a {background: url('synergetik/halbtransp.png'); font-size: 14px; line-height: 1.2em; color: #d6f636;}
#navbar li li a:hover {background: url('synergetik/halbtransp.png'); font-size: 14px; line-height: 1.2em; color: #fff;} 


/* Footer */
#footer {background: #70a100 url('synergetik/milton-footer.gif') repeat-x;
	color:#bfdd28;
	font-size:0.75em;
	font-family:Verdana, Arial, sans-serif}


#footer a {color:#bfdd28; text-decoration:none}
#footer a:hover {color:#e4fe5f; text-decoration:none}
/* deakt.: #footer a:visited  {color:#bfdd28; text-decoration:none} */


#footer p {margin:0 0 15px 0}
#footer p.axe img {margin-bottom:-7px}

#foot {width:890px;
	margin:0;
	background: url('synergetik/synergetik-hypnose-foot.gif') no-repeat;
	height:130px;
	line-height:1.2em;
	padding:0 10px 0 10px}

#foot #left {width:210px;float:left;padding-top:22px;padding-left:0px;text-align:center;line-height:1.2em;}
#foot #right {width:460px;float:right;text-align:right;padding-top:25px;padding-right:18px;text-align:justify;line-height:1.02em;}

/* datum */
#datum {position:absolute; top:78px; left:14px; z-index:2}
#datum {font-size:15px; font-family: Arial, sans-serif; color: #3e4d24;



.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}