
body {

	margin: 0px;
	padding: 0px;


font: 80%/1.2em Verdana,Helvetica,Geneva,Arial;
margin: 0px; 
padding: 0px;

}



/************* Überschriften usw. ***************/


h1 {
    font-size: 120%;
    font-weight: bold;
    color:#000000;
    }

h2 {
    font-size: 100%;
    font-weight: bold;
    color:#000000;
	margin:0;
    }

p {
clear:both;
}


img{
	border:0px;
    }


.tag{
line-height: 130%;
}

/************* Listen ***************/
/* Abstände zunächst ausschalten */
li {
margin-top: 0;
margin-bottom: 10px;

}

ul {
list-style-type:square;
margin: 0;
padding-left: 15px;
}

/* z.b. sitemap ohne punkte davor*/

ul.bullet, ul.bullet ul {
	list-style-type: none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 2px 0px;
}

ul.bullet li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 2px 0px;  
	}

ul.bullet ul {

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
}
/************* divs ***************/



/* Hintergrundbild oben (120 hoch), header_pic, Navigation oben */
div#header
{
position:relative;
height:20px;
padding:0px;
margin:0px;

}

/* Logo oben */
div#header_pic
{
position:relative;
padding:0px;
margin:10px 0px 0px 10px;
width:180px;
height:120px;
}



div#container
{
position:relative;
float:left;
padding:0px;
margin:0px;
width:750px;
}

div#content_left
{
position:relative;
float:left;
width:550px;
padding:0px;
margin:0px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
/*min-height:300px;
height:auto; */
}

div#content_right
{
position:relative;
float:right;
padding:10px;
margin:0px;
margin-left:1px;
margin-right:1px;
width:158px;

/*
background-color:#f5da7a;
background-image: url('/images/background.gif');
background-repeat:repeat-y;
*/
}


/***************************** NAVIGATION **********************/
/* Navigation oben */
div#nav
{
position:relative;
float:left;
margin:0px;
padding:0px;
/*width:569px;*/
width:484px;
height:29px;
left:180px;
top:0px;
background-color:#f5da7a;

border-top:1px solid #000000;
/*border-right:1px solid #000000;*/
border-left:1px solid #000000;


}


#nav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#nav li {
display: block;
float:left; 
margin: 0;
width:120px;
height:30px;
border-right:1px solid #000000;
text-decoration: none;
font-weight: bold;

}

#nav li a, #nav li a:link {
display: block;
color: #000000;
width:120px;
height:30px;
text-decoration: none;

/*background-image: url(../images/nav_gradient1.jpg);
background-repeat: repeat-x;*/
}

#nav li a:hover, #nav li a:focus, #nav li a:active,#nav li a.selected {
background: #000000;
color: #f5da7a;
width:120px;
height:30px;
text-decoration: none;

/*background-image: url(../images/nav_gradient2.jpg);
background-repeat: repeat-x;*/
}



div#subnav
{
clear:both;
font-size:95%;
float:left;
position:relative;
margin-top:0px;
width:179px;
padding-top:0px;
padding-bottom:0px;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
background-color:#f5da7a;
/*background-image: url(../images/rand_gradient1.jpg);
background-repeat: repeat-x;
*/
}

#subnav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;



}


/* 1. Ebene */
#subnav ul li {
display: block;
margin: 0;
margin-bottom:0px;
width:170px;
padding-left:10px;
}


#subnav ul li a, #subnav ul li a:link {
display: block;
/*width:170px;*/
color: #000000;
text-decoration: none;
font-weight: normal;
padding-top:3px;
padding-bottom:3px;

}

#subnav ul li a:hover, #subnav ul li a:focus, #subnav ul li a:active, #subnav ul li a.selected {
/*background: #000000;*/
/*color: #f5da7a;*/
/*width:170px;*/
/*border-left:10px solid #000000;
margin-left:-10px;*/
text-decoration: none;
}

/* 2. Ebene */
#subnav ul li ul li {
display: block;
margin: 0;
margin-bottom:0px;
border-bottom:0;
width:160px;
}

#subnav ul li ul li a, #subnav ul li ul li a:link {
display: block;
/*width:170px;*/
/*color: #000000;*/
text-decoration: none;
font-weight: normal;
}

#subnav ul li ul li a:hover, #subnav ul li ul li a:focus, #subnav uul li l li a:active, #subnav ul li ul li a.selected {
/*background: #000000;*/
/*color: #f5da7a;*/
/*width:170px;*/
/*border-left:20px solid #000000;
margin-left:-20px;*/
}

#subnav ul li .subnav_selected {
/*background: #000000;
color:#f5da7a;*/
/*border-left:10px solid #000000;*/
/*margin-left:-10px;*/
text-decoration: none;
font-weight: bold;
}

#subnav ul li ul li .subnav_selected {
/*background: #000000;*/
/*color:#f5da7a;*/
/*border-left:20px solid #000000;
margin-left:-20px;*/
text-decoration: none;
font-weight: bold;
}



.page_navigation{

font-weight: bold;
}


/************* Links ***************/

/* interne Links (Default) */
a {
	padding-left: 15px;
    background: transparent url(/images/icon_internal.gif) no-repeat left;
	color:#000000;
}

/* Klasse fuer Links um Bilder, soll kein Icon dazu */
a[class ="back"] {
   padding-left: 15px;
   background: transparent url(/images/icon_back.gif) no-repeat left;
}

a[class ="forward"] {
   padding-right: 15px;
   padding-left: 0px;
   background: transparent url(/images/icon_forward.gif) no-repeat right;
}

/* Klasse fuer Popup-Fenster */
a[class ="popup"] {
	padding-left: 15px;
    background: transparent url(icon_popup.gif) no-repeat left;
}

/* PDF-Links (enden mit PDF) */
a[href $='.pdf'] { 
   padding-left: 15px;
   background: transparent url(/images/icon_pdf.gif) no-repeat left;
}

/* Maillinks (beginnen mit mailto:) */
a[href ^="mailto:"],a[href ^="javascript:mailto"]  {
	padding-left: 15px;
    background: transparent url(/images/icon_mailto.gif) no-repeat left;
}

/* externe Links (fangen mit http oder https an) */
a[href ^="http://"], a[href ^="https://"] {
	padding-left: 15px;
    background: transparent url(/images/icon_external.gif) no-repeat left;
}

/* hier überall kein Bild dazu*/
.page_navigation a, #subnav a, #header_pic a, #nav a, #keywords a, #keywords_bilder a, #keywords_all a, #fusszeile a, #top_nav a {
   background: none;
   padding-left: 0px;
}

#map a, #social_bookmarks a, #subnav a, #header_pic a, #nav a, #keywords a, #keywords_bilder a, #keywords_all a, #fusszeile a, #top_nav a {
   background: none;
   padding-left: 0px;
}



a[class ="img"] {
   background: none;
   padding-left: 0px;
}

a[class ="anker"] {
   background: none;
   padding-left: 0px;
}


/************* Formulare ***************/


form br {
  	clear: both;
 }
 
form div.comment {
	padding:5px 0px 0px 9em;
	clear:both;
}

.button {
    border:1px solid #000000;
    background-color:#000000;
    color:#FFFFFF;
	margin-top:10px;
    }

.button_nav {
    width:140px;
	border:1px solid #000000;
    background-color:#000000;
    color:#FFFFFF;
	margin-top:10px;
    }

.button_headernav {
    width:50px;
	border:1px solid #000000;
    background-color:#000000;
    color:#FFFFFF;
	margin-top:1px;
    }


label {
	float: left;
	text-align: right;
	width:100px;
	padding:0px 3px 10px 0px;
}


.input_field {
	font-size:100%;
	color:#000000;
    width:250px;
    border:1px solid #000000;
    background-color:#f5da7a;
    }

.input_field_short {
	font-size:100%;
	color:#000000;
    width:100px;
    border:1px solid #000000;
    background-color:#f5da7a;
    }


/***************Tabellen***************** */

table {
	border-style:none;
font: 100%/1em Verdana,Helvetica,Geneva,Arial;
}

th { 
	text-align: left;
	vertical-align:top;
	padding:2px;
background:#f5da7a;
color:#000000;
	}
	
td {
	text-align: left;
	vertical-align:top;
	padding:2px;


}

table.backgroundcolor td{
	text-align: left;
	vertical-align:top;
	padding:2px;
background:#CCCCCC;


}


td.separator, th.separator { 
padding-top: 5px;
background:#666666;
color:#FFFFFF;
/*margin:0px 2px 2px 0px;*/
	}



.table_pictures td
{
padding-bottom: 20px;
padding-right: 20px;
}

/************* Bilder in Text ***************/

.imageleft
{
float:left;
margin:2px 5px 5px 0px;

}

.imageright
{
float:right;
margin:2px 0px 5px 5px;

}

/************* Bilder in Text ***************/

.contentblock
{
width:550;
clear:both;
}

/************* Kommentare ***************/

div#comments
{
width:440px;
position:relative;
clear:both;
padding-top:15px;
padding-left:8px;
padding-right:5px;
padding-bottom:5px;
}

/*********** Downloads **************/

div#downloads
{
position:relative;
clear: both;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}

/*********** Links **************/

div#links
{
position:relative;
clear: both;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}

/*********** Rating **************/
div#ratingblock
{
position:relative;
clear: both;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}

/*********** Fusszeile **************/

div#fusszeile
{
position:relative;
height:40px;
clear: both;
padding-top:10px;
padding-bottom:5px;
padding-left:10px;
color:#666666;
}

div#fusszeile a,  div#fusszeile a:link, div#fusszeile a:visited
{
/*color: #666666;*/
text-decoration: none
}

div#fusszeile a:hover, div#fusszeile a:active
{
color:#999999;
background-color:#333333;
}


/*********** Bilder **************/


.bild_links {
width:160px;
float:left;
}

#bild_links {
width:160px;
float:left;
}

#text_bild_links {
width:360px;
float:left;
}

.text_bild_links_small {
width:390px;
float:left;
}

#text_bild_links_small {
width:390px;
float:left;
}
