/* basic elements */

body { 
    background: #ffffff url(../images/bg_tb.gif) repeat-x 0px 0px;
    color: #333333;
    text-align: center;
	margin: 5px 0px 0px 0px;
	padding: 0 0 0 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	
}


p, tr, td { 
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
}

.align-right {
	text-align:right;
}


tr p, td p { 
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 0em 0em 0em 0em;
}

.tr-odd {
 	background-color: #f8f8f8;
}
a:link { 
	text-decoration: none; 
	color: #0066cc;
	}
a:visited { 
	text-decoration: none; 
	color:#336699;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color:#0066cc;
	}

h1 {
	color: #b79e84;
	font-size: 1.8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.2em;
	margin: 2em 0em 1.0em 0em;
	font-weight: bold;
	color:#333333;
	}
h3 {
	font-size: 1.0em;
	margin: 1.2em 0em 0em 0em;
	padding: 0;
	font-weight: bold;
	color:#868486;
	text-transform:uppercase;
	}
h4 {
	font-size: 1.0em;
	margin: 1.2em 0em 0em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 0em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 0em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
	
 
ol, ul, li {

	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	}
	


strong, b {
	font-weight: bold;
	}

/**************** specific divs ******************************************************************************/
#container{ 
    padding : 0 0px;
    width : 800px !important;
    width : 800px;
    margin : 0 auto;
    text-align : left;
    position : relative;
	}


#pageheader { 
	height: 210px;
	background: transparent url(../images/tb_brunorisi.jpg) no-repeat 0px -5px;
	}

#pageheader h1 {
	border-bottom: none;
}

#pageheader h1 span {
	display:none
	}


/*###################### Menu Oben ###############################*/
#menu_oben {
	width: 100%;
	float: left;
	background-color: #b79e84;
	margin-bottom: 20px;
}
	
#menu_oben ul { padding: 0; }
#menu_oben ul li { display: inline; }

#menu_oben ul {
	margin: 0;
	padding: 0 0 0 50px;
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}

#menu_oben ul li a
{
	padding: 0.2em 12px;
	background-color: #b79e84;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	border-right: 1px solid #ffffff;
}

#menu_oben ul li a:hover
{
	background-color:#FF9900;
	color: #FFFFFF;
}

#navlist li a:hover, #navlist li a:active
{
	color: #FFFFFF;
	text-decoration: none;
	background: #FF9900;
	text-align: left;
}

#navlist li a:visited
{
	color: #FFFFFF;
}

#menu_oben a.currentnav
{
	color: #FFFFFF;
	text-decoration: none;
	background: #FF9900;
	text-align: left;
}


/*###################### Klickpfad ###############################*/
#klickpfad {
	float: left;
	text-align: left;
	font-size: 0.8em;
}
	
#klickpfad a:link { 
	text-decoration: none; 
	color: #0066cc;
	}
#klickpfad a:visited { 
	text-decoration: none; 
	color:#0066cc;
	}
#klickpfad a:hover, a:active { 
	text-decoration: underline; 
	color:#0066cc;
	}


/*###################### Datum letzte Aktualisierung ###############################*/
#datum {
	float: right;
	text-align: right;
	font-size: 0.8em;
}

/*###################### Schatten Trennlinie ###############################*/
.linie{
	background: url(../images/bg_linie.jpg) repeat-x top left;
	height: 20px;
	margin-top: 27px;
	clear: both;
}

/*###################### Titelbild ###############################*/
#titelbild {
	clear:both;
	margin: -2px 0 0 0;
	padding: 0 0 0 0;
	width: 800px; 
	height:86px;
	text-align: right;

}


/*###################### Inhalt ###############################*/
#content {
	margin: 20px 0px 10px 0px;
	background-color:#FFFFFF;
	clear:both;
}

/*###################### Spalte_Links ###############################*/

#spalte_links {
	width: 160px;
	padding-right: 20px;
	margin: 0 0 20px 0;
	float:left;
	border-right: 1px solid #eaeaea;

}


/*###################### Sponsoren ###############################*/

#sponsoren_inhalt {
}

#sponsoren_links {
	margin-top: 20px;
}

#sponsoren_links a img, #sponsoren_inhalt a img {
	border: 1px solid #E1E1E1;
	margin: 0 5px 5px 0;
}
#sponsoren_links a:hover img, #sponsoren_inhalt a:hover img {
	border-color: #000000;
}
/*###################### Spalte_inhalt ###############################*/

#spalte_inhalt {
	margin: 0 0 0 25px;
	width: 480px;
	float:left;
}

	
#spalte_inhalt h1{
	margin: 0 0 1em 0;
}


#spalte_inhalt table{
	border-collapse:collapse;
	width: 100%;
}

#spalte_inhalt tr{
	border-bottom: #eaeaea solid 1px;
}

#spalte_inhalt th{
	text-align: left;
}

#spalte_inhalt li {
	list-style-type:square;
	margin-left: -20px;
	border-bottom:#eaeaea solid 1px;
}


#spalte_inhalt .csc-mailform{
	border: 0px;
}

#spalte_inhalt table.csc-searchform tr{
	border-bottom: none;
}


#spalte_inhalt .tx-thmailformplus-pi1 tr{
	border-bottom: none;
}

#spalte_inhalt .csc-sitemap li {
	border-bottom: none;
}

#spalte_inhalt .csc-textpic-caption{
	font-size: 0.8em;
	color:#868486;
	padding-bottom: 20px;
}

.tx-guestbook-list-header {
  background-color: #b79e84;
  text-transform: uppercase;
}

.tx-guestbook-list-row {
  background-color: #f6f6f6;
}

/*###################### toTop Link ###############################*/
.totop {
	text-align:right;
	font-size:0.8em;
}
/*###################### Footer ###############################*/

#footer {
	clear: both;
	width: 100%;
	background: url(../images/bg_footer.jpg) repeat-x top left;
	margin-top: 20px;
	font-size:0.8em;
}

div.footerbox {
    padding : 20px 0 0 0px;
    width : 800px !important;
    width : 800px;
    margin : 0 auto;
    text-align : right;
    position : relative;

}

div.copyright {
	float:left;
    position: relative;
	color:#999999;
	padding: 5px 0 0 225px;
}



div.footerbox p{
	margin: 0 0 0 0;
}

img.druckversion{
	margin: 0px 5px 0 0;
}


#footer p{
	color:#999999;
}

#footer a{

	color:#999999;
}
#footer a:hover{
	color:#000000;
}