
body {

 	xbackground: #FFFF66;
	background: #FFFF66;
	margin-top: 10px;
	padding: 0;	
	font-family: "Verdana";
	font-size: 12px;                                                        
	xcolor: #635821; /* Standardschriftfarbe! */
  	color:black;	
	/* orange: #FFB200 */
}


h1, h2, h3 {

	margin: 0;

	padding: 0;

	xtext-transform: lowercase;

	xfont-family: Georgia, "Times New Roman", Times, serif;

	font-family: "Calibri";

	font-weight: normal;

	color: #5E510E;

}



h1 {

	letter-spacing: -1px;

	font-size: 32px;

}



h2 {

	font-size: 23px;

}



p, ul, ol {
	xmargin: 0 0 0 0;
	xtext-align: justify;
	line-height: 20px;
}


a:link { color:#FF761C; }   /* besser lesbares orange - fast rot */
a:visited { color:#FF761C; }
a:active { color:#FF761C; }



img {

	border: none;

}



img.left {

	float: left;

	margin: 7px 15px 0 0;

}



img.right {

	float: right;

	margin: 7px 0 0 15px;

}



/* Form */



form {

	margin: 0;

	padding: 0;

}



fieldset {

	margin: 0;

	padding: 0;

	border: none;

}



legend {
	display: none;
}

input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

/* Header */
#header {
	width: 916px;
	height: 108px;
	background: url(images/img02.jpg) no-repeat left top;
	margin: 0 auto;
	padding: 0;
	xbackground:yellow;	
}

#logoMain
{
	float: left;
	margin-left: 48px;
	padding-top: 31px;
	padding-bottom: 0px;
	margin-bottom: 0px; 
	xbackground:green;
	xdisplay:inline;
  	xposition:absolute;
	xbackground:green;  
}

/* Menu */
#menu {
        margin-left: 300px;
	padding-top: 30px;
	padding-right: 30px;
	font-size: 12px;
	color: #FFFF89;
	xcolor:#FF662F;
	text-align:center;
}

#menulesbar{
    	margin-left: 300px;
	padding-top: 20px;
	padding-right: 30px;
	font-size: 16px;
	xcolor: #FFFF89;
	color:#c72e15;
	text-align:center;
}

#menulesbar a:link { color:#c72e15; }   /* besser lesbares orange - fast rot */
#menulesbar a:visited { color:#c72e15; }
#menulesbar a:active { color:#c72e15; }

#contentimage {
	float:right;
	margin-left:10px;
}

#lefttopcontent {
	float:left;
	margin-right: 20px;
}

/* Page */
#page {
	width: 916px;
	margin: 0 auto;
	background: url(images/img04.jpg) repeat-y left top;
}

#page .bgtop {
	background:  url(images/img03.jpg) no-repeat left top;		
}

/* Content */          
#content {
	float: right;
	width: 610px;
	overflow: hidden;
	padding: 20px 20px 0px 0px;
	xbackground: red;
}
        
#contentInner {
	overflow: auto;              
	xheight: 400px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;	
	xbackground: green;
}

/* Post */

.post {
	padding-bottom: 10px;
	line-height: 26px;
}

.post .title {
	margin-bottom: 10px;
}

.post .titlebig {
	  font-weight: ;
	font-size:20px;
}

.post .titlerot {		
  font-weight: bold;
	color: #FF662F;
	font-size:25px;
}

.post .titlerotmittel {		
  font-weight: bold;
	color: #FF662F;
	font-size:18px;
}


.post .titlerotenergie {		
  font-weight: bold;
	color: #FF662F;
	font-size:25px;
	font-variant:small-caps;
}

.post .titleorange {		
  font-weight: bold;
	color: #FFB200;
	font-size:25px;
}

.post .mittelorange {		
  font-weight: bold;
	color: #FFB200;
	font-size:14px;
}

.post .normalorange {		
  font-weight: bold;
	color: #FFB200;
	xfont-size:14px;
}

.normalrot
{

 font-weight: bold;
	color: #FF662F;
}

.post .entry {
  padding-bottom:5px;
}

.post .entrybold {
  padding-bottom:0px;
  font-weight: bold;
}

.post .entrynormal {
  padding-bottom:0px;
  font-weight: normal;
}



.unterschrift {
  font-family: "Rage Italic";
	font-weight: normal;
	font-size: 30px;
}

/* Sidebar */
#sidebar {
	float: left;
	width: 180px;
	padding: 20px 0px 0px 30px;
	xbackground:green;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 5px;
}

li.lismall {
	margin-bottom: 5px;
	line-height:15px;
}

#sidebar li ul {
}

#sidebar xli li {
	margin: 0;
	padding: 3px 0;
}

#sidebar li li a {
	margin: 0;
	padding-left: 15px;
	background: url(images/img08.gif) no-repeat left 50%;
}

#sidebar h2 {
	margin: 0;
	padding: 0;
	font-size: 20px;            
	font-weight: normal;
	color: #FFFFFF;
}

#sidebar a {
	text-decoration: none;
}

#s {
	width: 110px;
	margin-right: 5px;
	padding: 3px;
	border: 1px solid #F0F0F0;
}

#x {

}

/* Footer */
#footer {
	width: 916px;
	height: 65px;
	min-height: 65px;
	background: url(images/img05.jpg) no-repeat left top;
	margin: 0 auto;
	padding: 15px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#orange {
color: #FFB200;	
}

.orange {
color: #FFB200;	
}

a.dreidbutton{

xcolor: #FFF;
display: block;
width: 150px;
padding: 4px 15px;
text-align: left;
background: #FFFF66;

border-top: #ffe366 3px solid; /* Farbe und Art des oberen Rands */
border-left: #ffe366 3px solid; /* linker Rand */
border-bottom: #ff7500 3px solid; /* unterer Rand */
border-right: #ff7500 3px soFd; /* rechter Rand */

xfont-family: Calibri;

font-size: 12px;
text-decoration: none;
font-weight: bold;
color: #FF6500;
}

a.dreidbuttonsmall{

color: #FFF;
display: block;
width: 130px;
padding: 4px 15px;
text-align: left;
background: #FFFF66;

border-top: #ffe366 3px solid; /* Farbe und Art des oberen Rands */
border-left: #ffe366 3px solid; /* linker Rand */
border-bottom: #ff7500 3px solid; /* unterer Rand */
border-right: #ff7500 3px soFd; /* rechter Rand */
margin-left:20px;

font-size: 12px;
text-decoration: none;
font-weight: ;
color: #FF6500;
}

a.dreidbuttonsmall:hover{

/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */

border-bottom: #ffe366 3px solid;
border-right: #ffe366 3px solid;
border-top: #ff7500 3px solid;
border-left: #ff7500 3px solid;

/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */

padding: 5px 14px 3px 16px;

}


a.dreidbutton:hover{

/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */

border-bottom: #ffe366 3px solid;
border-right: #ffe366 3px solid;
border-top: #ff7500 3px solid;
border-left: #ff7500 3px solid;

/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */

padding: 5px 14px 3px 16px;

}

.bold
{
	font-weight:bold;
}

#oddeventable tr.even td 
{
   background-color: #ffff96;
   text-align:top;
   vertical-align:top;
}

#oddeventable tr.even
{
  margin: 2px 5px 2px 5px;
}

#oddeventable tr.odd  td 
{
   background-color: #ffff66;
   text-align:top;
   vertical-align:top;
}

