body { text-align: center; background-color: #ffcc99; padding: 0; margin: 0 } 

/*colours: bskblau:003399 blau50percent:6699cc bskorange50percent: F6D8BE  bskorange: FFCC99 bskorange200: websafe: cc9966 originalbsk200: E28E4F */

.tx-guestbook-list-header { background-color: #E28E4F; color: #003399; font-size: 11px; font-style: italic; font-weight:bold; font-family: Verdana; }
    .tx-guestbook-list-row { background-color: #F6D8BE; color: #333; font-size: 11px; font-family: Verdana; }
    .tx-guestbook-list-row a{ color: #333; font-size: 11px; font-family: Verdana; font-weight: bold;}
    .tx-guestbook-list-rowleft {color: #333; background-color: #FFCC99; font-size: 9px; font-family: Verdana; font-weight: bold;}
    .tx-guestbook-list-rowleft a{color: #333; font-size: 10px; font-family: Verdana; font-weight: bold;}
    .tx-guestbook-list-entrycomment-title {font-weight: bold; }
    .tx-guestbook-list-entrycomment { font-style: italic; }
    .tx-guestbook-list-small { font-size: 9px; color: #333; }
    .tx-veguestbook-pi1-browsebox TD { font-size: 9px; color: #666666; }
    .tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
    .tx-veguestbook-pi1-browsebox-SCell { background-color: #F6D8BE; }
    .tx-guestbook-latest-header { background-color: #FFCC99; color: #333333; font-weight:bold; }
    .tx-guestbook-latest-row { background-color: #FFFFFF; }
    .tx-guestbook-latest-small { font-size: 9px; color: #666666; }
    .tx-guestbook-form-inputfield-med { border-style: solid; border-width: 0pt; border-color:#003399; font-size:11; color:#333333; width:100; height:20; }
    .tx-guestbook-form-inputfield-big { border-style: solid; border-width: 0pt; border-color:#003399; font-size:11; color:#333333; width:150; height:20; }
    .tx-guestbook-form-textarea { border-style: solid; border-width: 0pt; border-color:#003399; font-size:11; color:#333333; width:200; }
    .tx-guestbook-form-obligationfield { color: #E28E4F; }
    .tx-guestbook-form-error { color: #E28E4F; }


/*img {
	border: 1px solid #FFCC99;
	margin: 3px 3px;
	padding: 5px 5px;
}
*/



.csc-uploads-fileName a{color: #333; font-size: 11px; font-family: Verdana; font-weight: bold;}
.csc-uploads-fileSize {color: #333; font-size: 10px; font-family: Verdana; font-weight: normal;}

.csc-form-labelcell { color: #333; font-size: 11px; font-family: Verdana; font-weight: bold;}
.csc-form-fieldcell { color: #333; font-size: 11px; font-family: Verdana; font-weight: normal;}
.csc-form-label-req { color: #333; font-size: 11px; font-family: Verdana; font-weight: bold;}
.csc-form-label { color: #333; font-size: 11px; font-family: Verdana; font-weight: bold;}

.csc-caption {font-size: 9px; color: #333; font-family: Verdana; font-style: italic;} /*style for image captions*/


li { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000000; 
margin-top: 1px; 
margin-bottom: 1px; 
} 

/* Aufzählung linksbündig 
ul { 
margin-left: 0.6em; 
padding-left: 0.6em; 
} 
*/ 
 

.bulletlist {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : #6600CC;
}


.navi {  color: #333; font-size: 10.3px; font-weight: bold; font-family: Verdana; text-decoration: none; line-height: 9px;}

.navi_active { color: #333; font-weight: bold; font-size: 10.2px; font-family: Verdana; text-decoration: none; }

.subnavi {  color: #333; font-size: 10px; font-weight: normal; font-family: Verdana; text-decoration: none; line-height: 7px; }



.pfadnavi { color: #EEAB36; font-size: 10.3px; font-style: italic; font-family: Verdana; text-decoration: none;}



.subnavi3 { color: #333; font-size: 9px; font-weight: normal; font-family: Verdana; text-decoration: none; line-height: 0.4em;}
.subnavi_active3 { color: #333; font-style: italic; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none; }



.navi:hover {
padding-left: 5px;
color: #EEAB36;
/*background: url('img/pfeilchen.gif') no-repeat;*/
background-position: 0% 25%;
background-color: #FFCC99
}



.pfadnavi:hover {
padding-left: 5px;
color: #EEAB36;
/*background: url('img/pfeilchen.gif') no-repeat;*/
background-position: 0% 25%;
background-color: #FFCC99
}

.subnavi_active { color: #333; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none; }

/*
a:link  { color: #333; font-size: 10px; font-family: Verdana; text-decoration: none; }
a:visited { color: #333; font-size: 10px; font-family: Verdana; text-decoration: none; }
a:active { color: #333; font-size: 10px; font-family: Verdana; text-decoration: none; }
*/



#left {
position: static;
margin: 0 auto 0 auto;

padding-bottom: 0px;  /* Leaves a gap at the bottom of the column to push the background image down */

width: 100px;

overflow: visible; /* Stops background becoming invisible in Firefox */

/*background: url('img/menuback2.gif') top left  #000  no-repeat  */
}

#leftbot {
background: url('img/leftbottomback.gif')

}

.jm-gallery-image-collection {width: 500px;}
			


#container{
display: block;
width: 960px;
margin: 0px auto 0px auto;
float: center;
padding: 1px; /* fix for netscape, to make sideway scrolling possible in 800x600*/
}



#mainbig {
/*margin: 0 auto 0 auto; float: none !important;*/

float: left;
width: 790px;
overflow: hidden; 
}


/*css centering of tables:*/
div.centered 
{
text-align: center;
}
div.centered table 
{
margin: 0 auto; 
text-align: left;
}




#rightcol {

float:right;
width: 165px;
height: 610px;
margin-left: 0;
overflow: hidden; 
/*float: none !important; position: absolute;
left: 10px;
top: 10px;*/
}

#rightcoltop{
height: 440px;
width: 165px;
background: url('img/toprightfloat3.gif') no-repeat;
overflow: hidden; 
}

#rightcolbot {
margin-top: 10;
height: 160;
float:right;
width: 165px;
overflow: hidden; 
/*float: none !important; position: absolute;*/
background: url('img/botrightfloat.gif') no-repeat;
}

#footer {

width: 780;
clear: both;
margin: 0 auto;
padding: 2px 0 2px 0;
border-top: 4px solid #f0f0f0;

text-align: center;
color: #808080;
font-size: 0.7em;
text-indent: 115px;
}

#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.bottomdetails {text-align: center; position: center; font-size: 6px; font-family: Verdana } 

.ft10px333333  { color: #333; font-size: 10px; font-family: Verdana }
.ft10px333333 a { color: #333; font-size: 10px; font-family: Verdana; text-decoration: none; font-weight: bold; }
/*a.ft10px333333:visited { color: #333; font-size: 10px; font-family: Verdana; text-decoration: none; }*/
/*a.ft10px333333:active { color: #333; font-size: 10px; font-family: Verdana; text-decoration: none; }*/





.ft8px333333  { color: #333; font-size: 8px; font-family: Verdana }
.ft8px333333  a{ color: #333; font-size: 8px; font-family: Verdana; font-style: italic; font-weight: bold;}

.ft8px333333 a:hover{ 
color: #EEAB36;
background-position: 0% 25%;
background-color: #FFCC99
}


.italverd10 { color: #6699CC; font-size: 10px; font-family: Verdana; font-style: italic; font-weight: bold;}
.italverd10 a{ color: #6699CC; font-size: 10px; font-family: Verdana; font-style: italic; font-weight: bold; text-decoration: none;}


.formular { color: #333333; font-size: 10px; font-family: Verdana; background-color: #ffcc99; border: solid 1px #666666 }


.ft10newshead  { color: #333; font-size: 10px; font-family: Verdana; }
.ft10newshead  a{border-left: 10px solid #FFCC99; solid #FFCC99; color: #333; font-size: 10px; font-family: Verdana; text-decoration: none;}
.ft10newshead  a:hover{ text-indent: 10px; border-left: 10px solid #FFCC99; 
			color: #EEAB36; 
			background-color: #FFCC99; 
			font-size: 10px; 
			font-family: Verdana; 
			text-decoration: none;
			}


h1 { 	border-bottom: 1px solid #FFCC99;	
	border-left: 15px solid #FFCC99; 
	text-indent: 5px;
	color: #333; 
	font-size: 14px; 
	font-weight: bold; 
	font-family: Verdana; 
	}

h3 {
color: #333;
font-size: 12px;
font-family: Verdana;
font-weight: bold;
text-decoration: none;
}

h3 a {
color: #333;
font-size: 12px;
font-family: Verdana;
font-style: italic;
font-weight: bold;
text-decoration: none;
}


.bodytext { color: #333; font-size: 11px; font-family: Verdana}
.bodytext a { color: #333; font-size: 11px; font-family: Verdana; font-weight: bold }






/* text & list styles */

#sitetitle {  /* Styles for the site title */
position: relative;
top: 8px;
left: 0px;
padding: 0px 0px 0px 0px;
letter-spacing: 2px; /* stretches the title out nicely */
font-family: Georgia, serif; /* Makes the title a different font to the paragraph text */
font-size: 2.3em; /* adjust to suit length of title */
font-weight: bold;
font-style: italic;
color: #634C04
}

#main h1, #main h2 {  /* Styles for headings in the main content area */
  margin-top: 20px;
  margin-left: 0px;
  margin-bottom: 0px;
  font-family: Georgia, serif; /* Makes the headings a different font to the paragraph text */
  font-size: 1.0em;
  font-weight: normal;
  color: #FCF0AD;
  line-height: 1.0em;
  letter-spacing: 2px
}

#main h2 { /* Makes h2 slightly smaller than h1 */
  font-size: 0.75em;
  line-height: 0.75em
}

.paragraphblock {  /* This div class is used to give the paragraph blocks their background color */
  margin: 15px;
  background: #312B0A;
  border: 1px solid #433B10
}

#main p {   /* styles main area paragraph text */
  margin: 15px;
  font-size: 0.7em;
  color: #E0D38C;
  line-height: 1.5em
}

/* Extra tags are defined here for the main content area */
#main pre {
  font-family: monospace;
  font-size: 11px;
  margin: 15px;
  color: #ADA59C;
  line-height: 12px
}

#main blockquote {
  color: #E0D38C;
  line-height: 1.5em
}

#main acronym {
  border-bottom: 1px dashed #E0D38C
	}
	
.updated {   /* styles article dates */
  margin-left: 20px;
  padding: 0;
  color: #ccc;
  font-size: 0.55em;
  background: none
}

#main ul {   /* styles main area unordered(bulleted) lists */
  margin-top: 15px; /* This margin is the top margin of the WHOLE list, hence why it is specified in ul and not li */
  margin-bottom: 15px; /* This margin is the bottom margin of the WHOLE list, hence why it is specified in ul and not li */
  font-size: 0.7em;
  color: #E0D38C;
  line-height: 1.5em;
  list-style: square /* This controls the bullet point style. */
}

#main li {
  margin-left: 5px /* This margin acts as an indent for each list item.  Indenting the whole list doesn't work well in IE. */
}

#main ol {   /* styles main area ordered(numbered) lists */
  margin-top: 15px; 
  margin-bottom: 15px; 
  font-size: 0.7em;
  color: #E0D38C;
  line-height: 1.5em;
  list-style-type:  decimal
 }


#right h1, #right h2 { /* styles for right column headings */
  margin-top: 26px;
  margin-left: 5px;
  font-family: Georgia, serif;
  font-size: 0.8em;
  font-weight: normal;
  color: #FCF0AD;
  line-height: 0.8em;
  letter-spacing: 2px
}

#right p {  /* styles for right column paragraph text */
  margin: 5px;
  font-size: 0.6em;
  line-height: 1.6em;
  color: #ccc
}

#left h1, #left h2 {  /* styles for left column headings */
  margin-top: 26px;
  margin-left: 5px;
  font-family: Georgia, serif;
  font-size: 0.8em;
  font-weight: normal;
  color: navy;
  line-height: 0.8em;
  letter-spacing: 2px
}

/* links */

#main a:link, #main a:visited {  /* These styles are for links in the main content area only */
color: #ccc;
text-decoration: underline
}

#main a:hover, #main a:active {  /* These styles are for links in the main content area only */
color: #EEAB36;
text-decoration: underline
}


#right a:link, #right a:visited {  /* These styles are for links in the right column only */
color: #ccc;
text-decoration: underline
}

#right a:hover, #right a:active {  /* These styles are for links in the right column only */
color: #EEAB36;
text-decoration: underline
}

/* main navigation */

#left ul {   /* defined as left because the nav is in the left div */
margin: 33px 0 0 0;  /* top margin brings the menu down slightly */
list-style: none;
padding: 0;
width: 87px
}

#left li {
border: 0;
padding: 0;
margin: 0;
display: inline /* fix for IE 5 & 6 */
}

#left a {  /* these "a" styles define the main text that appears when the main links are hovered over */
display: block;
border: 0;
padding: 3px;
margin: 0;
font-family: Verdana, sans-serif; /*Georgia, serif;*/
font-size: 11px;
font-weight: bold;
/*font-style: italic;*/
text-decoration: none;
letter-spacing: 0px
}

#left a:link, #left a:visited { /* these "a" styles define the main text that appears when the main links are hovered over */
padding-left: 8px;
color: #003399;
background: url('images/menuarrow.gif') no-repeat;
line-height: 0.6em;
background-position: 0% 25%
}

#left a:hover, #left a:active { /* these "a" styles define the main text that appears when the main links are hovered over */
padding-left: 5px;
color: #EEAB36;
background: url('images/menuarrowover.gif') no-repeat;
background-position: 0% 25%;
background-color: #FFCC99 /* #444 */
line-height: 0.6em;
}

/* begin comment out commentmenu the .comment style defines the small text that appears when the links are hovered over
#left span.comment {     
margin: 0;
padding: 0;
color: #444;
font-size: 8px;
background: none;
letter-spacing: 0;
visibility: hidden
}

#left a:hover span.comment  {  
margin: 0;
padding: 0;
color: #fff;
font-size: 10px;
background: none;
letter-spacing: 0;
visibility: visible
}

ul#mainnav li span.comment { 
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  padding: 0;
  margin: 0;
  display: inline;
  font-size: 10px;
  line-height: 12px;
  height: 10px;
  width: 150px;
  color: #444;
  clear: both
}


ul#mainnav li a:hover span.comment { 
  background-color: #555;
  text-decoration: none;
  color: #aaa
}

-----

hier ein Beispiel für veränderte P tag abstände
P {
font-family : Verdana, sans-serif;
font-size : 10px;
color: #FFFFFF;
margin-top : 1px;
margin-bottom : 1px;
}


end of comment out comment */


/* -------------old website stuff ---------: */