@charset "UTF-8";
/* Screen-Stylesheet by Your Name
www.projektname.de
Start: 01.11.2007
Letzte Aenderung: 10.02.2008
*/

/*#############################################################
Name: Coffee N Cream
Date: 2006-08-24
Description: A smooth coffee style template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */

* {
	margin: 0;
	padding: 0;
}
a {
	color: #963;
}
a:hover {
	color: #C60;
}
body {
	background: #655A46 ;
	color: #543;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.3em;
	padding-bottom: 1.2em;
	line-height: 1.5em;
}

blockquote cite {font-size: 0.8em; display: block; text-align: right; }

h1 {padding: 26px 12px;  font-size: 3em; color: #fff; }
h1 a { color: #fff; text-decoration: none; }

h2 {
	font-size: 2em;
	margin-bottom: 5px;
	padding-bottom:3px;
	border-bottom: 3px dotted #BFB7A5;
}

h2,h3 {
	color: #654;
	padding-top: 6px;

}

h3 { 
	margin-bottom: 3px;
	font-size: 1.3em; 
	line-height: 1.4em; 
	font-weight: bold;	
	border-bottom: 1px dotted #BFB7A5; 
	padding-bottom: 2px;	
}

code {
	background: #FFE;
	border: 1px solid #EED;
	border-left: 6px solid #938262;
	color: #554;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: url(../img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}


/* misc */
.clearer {
	clear: both;
}

/* structure */

.container {
	background: url(../img/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 759px;
}

.adsense { background: #655A46; height: 20px; padding: 3px 0; }

/* header */
.header {
	position: relative;
	background: url(../img/bgheader.gif) repeat-x;
	height: 120px;
	margin: 0 auto;
	width: 759px;
}

.header img { width: 720px;}


/* navigation */
.navigation {
	background: #FFF url(../img/bgnavigation.gif) repeat-x;
	font: bold 1.0em Verdana,sans-serif;
	height: 44px;
	margin: 0;
	width: 759px;
}

.navigation ul { margin-left: 12px; list-style: none; padding: 0;}

.navigation li {
	display: inline;
	line-height: 0;
	float:left;
}

.navigation a {
	color: #543;
	text-decoration: none;
	margin-right: 20px;
	line-height: 44px;
}
.navigation a:hover {
	background: #CEBDA1;
	color: #420;
}

.navigation li#active a {color: #fff;}

/* main */
.main {
	clear: both;
}

/* sub navigation */

.sidenav {
	float: right;
	width: 218px;
}

.sidenav div.title {
	background: #BCB39F url(../img/sidenavh1.gif) repeat-x;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	color: #4A4A44;
	font-size: 1.5em;
	height: 22px;
	margin: 0;
	padding: 5px 0 2px 12px;
}

.sidenav ul {
	margin: 0;
	padding: 0;
}
.sidenav li {
	border-bottom: 1px solid #A98;
	border-top: 1px solid #DDC;
	list-style: none;
}
.sidenav li a {
	background: #CCC3AF;
	color: #554;
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
}
.sidenav li a:hover {
	background: #D6CCB9;
	color: #654;
}

/*blog*/

.content-blog {
	padding-top: 0px;
	margin-left: 12px;
	float: left;
	width: 500px;
}

h2.headline-blog {
  width: 528px;
  margin-left: -12px;
  margin-bottom: 12px;
  padding-left: 12px;
  border-bottom: 1px solid #AA9988;
  border-top: 0px solid #AA9988;
  background: transparent url(../img/h2-bg-firefox) top center;
}

.posted { display: block; font-size: 10px; line-height: 2em; color: #554;}

h2.headline-blog a {
  text-decoration: none;
    color: #554;
  }
.headline-blog a:hover { text-decoration: underline; }
  
  
  
  .sidenav p { padding-left: 12px;font-size: 1.1em; }
  
  /* Commercial */
  
  div.frame-box { width: 120px; margin: 5px auto; }
  
  /*
  #
             content 
#
#
*/

.content {
	padding-top: 12px;
	margin-left: 12px;
	float: left;
	width: 500px;
}

.content .descr {
	color: #987E57;
	font-size: 1.1em;
	margin-bottom: 6px;
}

.content li {
	list-style: url(../img/li.gif);
	margin-left: 18px;
}

.video {
  width: 425px;
  margin: 12px auto;
}

/* footer */

.footer {
	background: #958463 url(../img/bgfooter.gif) repeat-x;
	color: #FED;
	font-size: 1.1em;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	width: 759px;
}
.footer a {
	color: #FFD;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}