* html #wrapper
   {
   height: 1%;
   }

 body 
      {
       font-family:Verdana;
       font-size:10px;
       background-color:#e8e8e8;
       color: #000000;
      }
      h1 {font-size:17px;color:#000000;margin-bottom:0px;}
      h2 {font-size:14px;color:#000000;}
      h3 {font-size:12px;color:#000000;}
      h4 {font-size:10px;color:#000000;}
      p {margin-top:0px;}
      
      code {font-size:0.9em;color:#0000ff;}
      pre
      {
       font-size:14px;
       color:#0000ff;
       padding:5px;
      }
      a:link, a:visited, a:active, a:hover
      { 
        text-decoration:none;
        font-weight:bold;
        color:#000000;
        font-size:10px;
      }

#Table_01 {
/* Hintergrund Container*/
padding: 0px 0px 0px 0px;
	width:950px;
	height:auto;
}

#index-01_ {
/* Headergrafik */
background-image:url(../images/index_01.gif);
	width:950px;
	height:121px;

}


#index-02_ {
/* Navigation Horizontal */
background-image:url(../images/index_02.gif);
	width:950px;
	height:20px;
}
#navi1 {

text-align: right;
 padding: 4px 150px 0px 10px;
}
#navi2 {
/*Yellow Border mit Logo*/
text-align: right;
 padding: 2px 170px 0px 10px;
}


#index-03_ {

background-image:url(../images/index_03.gif);
	width:950px;
	height:6px;
}

#index-04_ {

background-image:url(../images/index_04.gif);
	width:950px;
	height:18px;
}


#alles {

 	background-color:#e8e8e8;
    float: left;

}

#mitte {
 padding: 15px 0px 0px 0px;

	float: left;
	}

#rechts {
 background-image:url(../images/index_06.gif);
 width: 154px;

float: right;
padding: 70px 0px 0px 0px;
margin-left: 26px;

}

#inhalt {

border: 1px;
background-color:#ffffff;
padding: 10px 0px 0px 20px;
text-align: left;
float: left;
width:750px;
height:auto;



}
#rinhalt {

border: 1px;
background-color:#ffffff;
padding: 5px;

float: left;
width: 147px;
font-family:Verdana;
       font-size:10px;
       color: #000000;
}
#rline {
 background-image:url(../images/line.gif);
 width: 116px;
 height: 21px;
margin: 0px 0px 0px 15px;
}
#rlineinhalt {
padding: 3px 0px 0px 20px;
font-weight: bold;
}

#rlinetext {
margin: 0px 0px 0px 15px;
}

#headline {
 width: 232px;
 height: 30px;
}

#hlineKurz {
 background-image:url(../images/mline.gif);
background-repeat : repeat-x;

 width: 223px;
 height: 30px;
}

#hlineLang {
 background-image:url(../images/mlinelang.gif);
background-repeat : repeat-x;

 width: 600px;
 height: 30px;
}


#lauf_hlineKurz {
 background-image:url(../images/lmline.gif);
background-repeat : repeat-x;

 width: 223px;
 height: 30px;
}

#lauf_hlineLang {
 background-image:url(../images/lmlinelang.gif);
background-repeat : repeat-x;

 width: 600px;
 height: 30px;
}

#lauf_linetext {
padding: 2px 50px 0px 0px;
font-weight: bold;
text-align: right;
font-size:12px;
}



#linetext {
padding: 2px 30px 0px 0px;
font-weight: bold;
text-align: right;
font-size:12px;
}

#kruemmel {
text-align: right;
padding: 0px 10px 0px 0px;

}

#himage {
padding: 0px 10px 10px 0px;
}



 .flLeft {

     float : left;

}
 .flRight {

     float : right;

}
 div.image {

     margin : 10px;

}

#bild {
border-color:#000000;
border-style: double;
border-width: medium;
padding: 2px;

}


/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft , .pright und .pnormal    

.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}

/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

div.jaosg_thumbnail{
	float: left;
	background: #DCDCDC;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	margin: 5px 3px;
}

div.jaosg_thumbnail img{
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 60px;
	margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}

#pinnwand{
	border: solid 1px #000000;
	/*background: url(../files/pinnwand_kork_bg3.jpg);*/
	padding: 5px;
	position: relative;
	overflow: auto;
	height: auto;
}
.pinnwandeintrag, .pinnwandneuereintrag{
	background-color: #FFFF99;
	border: solid 1px #000000;
	margin: 5px;
	float: left;
	position: relative;
	overflow: auto;
	
	width: 13em;
	height: 12em;
}
.pinnwandneuereintrag{
	width: 13em;
	height: 12em;
}
.pinnwandneuereintrag textarea{
	width: 95%;
}
.pinnwandneuereintrag input{
	width: 95%;
}
.pinnwandeintrag p{
	margin: 5px;
}
.pinnwandadmin{
	font-size: 10px;
	position: absolute;
	bottom: 2px;
	right: 2px;
}
.pinnwand_human{
	background-color: #FFFFFF;
	width: 70%;
	margin-left: 15%;
	padding: 5px;
	border: 1px solid #000000;
}
.pinnwand_human_error{
	font-weight: bold;
	color: #FF0000;
}
.pinnwanddate{
	font-size: 0.7em;
	position: relative;
	bottom: 0px;
	left: 0px;
	background-color: #FFFF99;
}
.pinnwanderror{
	display: block;
	background-color: #ff0000;
	color: #ffffff;
	border: solid 1px #000000;
	margin: 5px;
	padding: 3px;
}



#form-module * {
padding : 0;
margin : 0;
width : 370px;
}
#form-module {
margin : 0;
padding : 0;
width : 370px;
color : #000000;
font-family : verdana;
font-size : 12px;
}
#form-module fieldset {
border : 0 solid #fff;
width : 370px;
}
#form-module legend {
display : none;
}
#form-module p {
margin : 0;
padding : 5px;
font-size : 1em;
font-weight : bold;
}
#form-module label.checkbox {
width : 372px;
border-left : 2px solid #fff;
border-right : none;
}
#form-module input, #form-module select, #form-module textarea {
border : 1px solid black;
margin : 2px;
width : 250px;
background-color : #f6f4ef;
}
#form-module input.text {
height : 20px;
}
#form-module input.checkbox {
width : 120px;
padding : 0;
border : none;
}
#form-module input.submit {
margin : 5px 5px 5px 137px;
padding : 2px 5px;
border : 1px solid #333;
background-color : #fff;
color : #666;
font-family : verdana, arial, helvetica, sans-serif;
text-align : center;
cursor : pointer;
width : 200px;
font-weight : bold;
}
#form-module input.submit:hover {
background-color : #cc0000;
color : #ffffff;
font-weight : bold;
}
#form-module label.textarea, #form-module textarea.textarea {
height : 96px;
}
#form-module-thanks {
display : block;
color : #666;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 1.2em;
}
form.gbook div {
width : 400px;
}
form.gbook input, form.gbook textarea {
border : 1px solid black;
margin : 2px;
width : 250px;
background-color : #f6f4ef;
}
form.gbook textarea {
height : 100px;
}
form.gbook div.label {
width : 100px;
float : left;
}
form.gbook input.button {
border : 1px solid #333;
background-color : #fff;
color : #666;
font-family : verdana;
cursor : pointer;
width : 115px;
font-weight : bold;
}
form.gbook input.button:hover {
background-color : #cc0000;
color : #ffffff;
font-weight : bold;
}
form.gbook div.buttons {
padding-left : 105px;
}
form.gbook div.info {
text-align : right;
}
form.gbook div.error {
font-weight : bold;
padding-top : 5px;
padding-bottom : 10px;
}
div.gbook .entry {
padding-top : 10px;
padding-bottom : 10px;
}
div.gbook .pagination {
float : right;
}
div.gbook .pagination a {
padding-left : 2px;
padding-right : 2px;
}
div.gbook .label {
float : left;
}
div.gbook .value {
padding-left : 20px;
}
div.gbook .text .label {
padding-top : 5px;
}
div.gbook .text .value {
clear : left;
padding : 5px;
}