body {
	background: #DFDFDF;
	font: normal 70%/1.5em Verdana, Tahoma, Verdana, sans-serif;
	color: #333;
	text-align: center;
   margin-left:auto;
	margin-right:auto;
}

a {
	background: inherit;
	text-decoration: none;
	color: #696969;
}
a:hover {
	background: inherit;
	color: #DCDCDC;
}
h1, h2, h3 {
	font-family: Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
	font-weight: Bold;
}
h1 { font-size: 115%; }
h2 { font-size: 110%; text-transform: uppercase; }
h3 { font-size: 110%; color: 0C7496; }

h1, h2, h3, p {
	margin: 0;
	padding: 10px;
}
ul, ol {
	margin: 0px 0px;
	padding: 0 20px;
}

/* images */
img {
	border: 0px solid #CCC;
}
img.float-right {
  margin: 5px 0px 5px 10px;
}
img.float-left {
  margin: 5px 10px 5px 0px;
}


textarea {
	width:435px;
	font: normal 1em Verdana, sans-serif;
	height:100px;
	color:#777;
}
input.button {
	font: bolder 12px Arial, Sans-serif;
	background: #FFF;
	color: #275F6C;
}

/********************************************
   LAYOUT
********************************************/
#wrap {
	width: 895px;
	background: url(bg.jpg) repeat-y center top;
	text-align: center;
   margin-left:auto;
	margin-right:auto;
}
#content-wrap {
	width: 83%;
   margin-left:auto;
	margin-right:auto;
	padding: 0;
}
/* header */
#header {
	position: relative;
	width: 741px;
	height: 114px;
	background: #AFAFAF url( header4.jpg ) no-repeat;
	font-size: 12px;
	color: #FFF;
	padding: 3px;
	margin: 0 auto;
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: 34px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -4px;
	color: #FFF;
	text-transform: none;
	top: 10px; left: 40px;
}
#header h2#slogan {
	position: absolute;
	font: bold 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #AFAFAF;
	top: 40px; left: 140px;
}
/*Menu*/
#menu
{
  background: url( menu_background.jpg );
  padding: 0px 5%;
  margin: auto;
  margin-right: auto;
  text-align: center;
  color: white;
  width: 665px;
  height: 21px;

}
#menu li
{
  display: inline;
  list-style-type: none;
  padding: 30px 15px 30px 25px;
  /*font-weight: bold;*/
  font-size: 10px;
}
#menu li a {
  color: #FFFFFF;
  text-decoration: none;
}
#menu a:hover
{
 background: inherit;
 color: #00FF3F;
}

/* Main  h1: #F6F6F6*/
#main {
	width: 85%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
}
#main h1 {
	color: #000080;
	border-bottom: 1px groove #CDCDCD;
	background: #FFFFFF no-repeat 2px 20%;
	padding: 3px 0 3px 20px;
	margin: 10px 0 0 0;
   text-align:center;
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 10px 0 10px;
	border: 1px solid #f2f2f2;
	font-size: 95%;
}
.post-footer .date {
	background: url(clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
/****************************
	Navigation
*****************************/
#sidebar2 {
   clear: both;
	background: url(bg_footer.png) repeat-x center top;
	text-align: left;
	width: 305px;
	height: 18px;
	margin: 1px;
	margin-left:70px;
}

#sidebar2 ul.sidemenu2 {
	display: inline;
}
#sidebar2 ul.sidemenu2 li {
	background: none;
	padding: 2px 0 2px 20px;
	display: inline;
}

* html body #sidebar2 ul.sidemenu2 li
{
	height: 5%;
}

#sidebar2 ul.sidemenu2 a {
	margin: 0 auto;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	padding: 0px;
	background: none;
	display: inline;

}
#sidebar2 ul.sidemenu2 a:hover
{
	color: #C0C0C0;
}

/* sidebar */
#sidebar {
   clear: both;
	background: url(bg_footer.png) repeat-x center top;
	text-align: left;
	width: 744px;
	height: 18px;
	margin: auto;
}

#sidebar ul.sidemenu {
	display: inline;
}
#sidebar ul.sidemenu li {
	background: none;
	padding: 2px 0 2px 25px;
	display: inline;

}

* html body #sidebar ul.sidemenu li
{
	height: 5%;
}

#sidebar ul.sidemenu a {
	margin: 0 auto;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	padding: 2px 4px;
	background: none;
	display: inline;

}
#sidebar ul.sidemenu a:hover
{
	color: #C0C0C0;
}


#footer {
	clear: both;
	color: #FFFFFF;
	font: 88% Verdana, Tahoma, sans-serif;
	background: url(bg_footer.png) no-repeat center top;
	text-align: center;
	width: 746px;
	height: 15px;
	margin: 0 auto;
}
#footer a
{
	text-decoration: none;
	color: #FFFFFF;
}

#links
{
  text-align:center;
  text-decoration: none;
}
#code
{
  text-align:center;
}

#team td
{
	border-bottom: 1px groove #CDCDCD;
}
#team a
{
	color: #000080;
}
#team a:hover
{
	color: #DCDCDC;
}
#contact a
{
	color: #000080;
}
#contact a:hover
{
	color: #DCDCDC;
}
#bild
{
	float: left;
	width: 65%;
	height: 315px;
}
#text
{
	float: left;
	width: 35%;
	height: 315px;
	overflow: visible;
}
#clear
{
	clear: both;

}
#einhand
{
	font: bold 12px 'Trebuchet MS', Arial, Sans-serif;
}
#pader
{
	display: block;
}
#panda
{

}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }


.clear { clear: both; }
.gray { color: #CCC; }

.code-input { background-color:#F0F8FF; }