/***************************/
/* allgemeine Definitionen */
/***************************/
a {text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {color:#0000ff;}
body {font-family: Georgia, "Times New Roman", Times, serif;
      text-color:#000000;}
p {font-size:10pt;}
td {font-size:10pt;}
th {font-size:10pt;}
h1 {font-size:24pt;}
h3 {font-size:12pt;}

.catlist {margin-bottom:1ex;}

#formframe {text-align:left;
            line-height:2.5ex;
            padding-left:25px;
            padding-right:25px;
            overflow:auto;
            height:452px;
            scrollbar-base-color:#5555bb;
            scrollbar-arrow-color:white;
            scrollbar-track-color:#bbbbbb}

.msglist{list-style-type:none;
         text-indent:-3em;}

.msgtext {background-color:#ffbbbb;
            font-size:10pt;}

#navlist_small {position:absolute;
		      	font-size:10pt;
		      	text-align:center;
		      	line-height:2.3ex;
		  	  	list-style-type:none;}

#navframe_small {position:absolute;
                 left:650px;
                 top: 50px;
                 width:300px;
                 z-index:2;}
		   
/****************/
/* Vorlage info */
/****************/
table.info {height:100%;
	   	  width:100%;}
	   
td.vcenter {vertical-align:center;
		  text-align:center;}
			
td.vbottom {vertical-align:bottom;}

.frame {background-color:#ffffff; 
		height:540px;
		width:300px;
		margin-right:10px;
		margin-top:10px;
		border: 0px #000000 solid;
		float:left;}

#centerframe {padding-top:2%;
			  width:960px; 
			  height:96%;
			  padding-left:3%}

#image {position:relative;
        left:125px;
        top:50px;}
        
#infoscreen {background-color:#6666ff;
		   text-align:center;
		   height:100%;
		   width:100%;}

#navframe {padding-top:0px;
		 /*background:url(./grafik/nav_pinsel.gif) no-repeat;*/
           margin-bottom:15px;
		 width:100%;
		 align:center;}
		   
#navlist {position:relative;
		  font-size:12pt;
            /* Fur aussermittige Darstellung der Menüpunkte */
            /* text-indent weglassen,                       */
		  text-indent:-40px;
		  text-align:center;
		  line-height:3ex;
		  list-style-type:none;}

#pagetitle {margin-top:20px;
            margin-bottom:30px;
            padding-left:25px;
            text-align:left;}
            
#textframe {text-align:left;
            line-height:2.5ex;
            padding-left:25px;
            padding-right:25px;
            overflow:auto;
            height:410px;
            scrollbar-base-color:#3333bb;
            scrollbar-arrow-color:white;
            scrollbar-track-color:#bbbbbb}

#title {position:relative;
	    left:20px;
        margin-bottom:150px;
	    text-align:left;}

#title2 {position:relative;
	     left:20px;
         top:-15px;
	     width:100%;}

/*******************/
/* Vorlage gallery */
/*******************/
/* Von OLED4 wird z.Zt. kein Image-Tag mit Klasse erzeugt.
   => Diese Definition muß in die Vorlagendatei für die Galerie*/
/* img.gallery {border: 25px white solid; margin-top:40px;} */
p.gallery {margin-left:25px; margin-right:25px;}
h2.title {font-size:20pt; font-style:italic}

.galleryitem{position:relative;
             float:left;
             width:250px;
             height:100%;
             text-align:center}

#galleryscrollbox{position:relative;
                  top:170px;
                  height:310px;
                  width:100%;
                  background-color:#6666ff;
                  overflow: auto;
                  scrollbar-base-color:#3333bb;
                  scrollbar-arrow-color:white;
                  scrollbar-track-color:#bbbbbb}

#gallerytitle{position:relative;
              left:145px;
              top:170px;
              width:620px;}

#itemframe {height:95%;}
		 
#logo{position:absolute;
      left:30px;
      top:30px;}

#category_list {visibility:hidden;
                   z-index:2;
                   background-color:#cccccc;
                   position:absolute;
                   left:30px;
                   top:250px;
                   padding:0.3em}

#category_ul{list-style-type:none;
			 font-size:10pt;
                 text-align:center;
                 text-indent:-3em}

/****************************/
/* Detailvorlagen allgemein */
/****************************/
h2.detail {font-size:20pt;
            font-style:italic;
            margin-top:5ex;}
              
.detailfooterleft{float:left;}
                   
.detailfooterright{float:right;}

.detailtextframe{vertical-align:top;}

/***********************/
/* Vorlage detail quer */
/***********************/

/* body ist in den Detail-Vorlagendateien definiert, da für body keine Klassen 
   definiert werden koennen und body schon fuer die Eingangsseite definiert ist. */

/* Diese Definition wird in der Vorlagendatei durch eine allgemeine Definition v. img-Tag 
   überschrieben, da das script lediglich ein img-Tag ohne Klassenbezeichnung ausgibt.
/*img.qdetail {position:absolute;
             left:360px;
             top:70px;
             border: 35px white solid;}*/

table.qdetail{position:relative;
              /*padding:2ex;*/
              left:0px;
              width:270px;
              height:500px;
              margin-left:40px;
		    margin-top:10px;
              margin-bottom:30px;}

.footer_qdetail{background-color:#cccccc;
               border-top: 3px #444444 solid;
               border-bottom: 3px #444444 solid;
               position:relative:
               left:0px;
               width:270px;
               height:2ex;
               padding:0.3em;
               margin-left:40px;
               /*margin-top:10px;*/
               margin-bottom:20px;
               font-size:9pt;
               font-weight:bold;}

/***********************/
/* Vorlage detail hoch */
/***********************/
/* body ist in den Detail-Vorlagendateien definiert, da für body keine Klassen 
   definiert werden koennen und body schon fuer die Eingangsseite definiert ist. */

/* Diese Definition wird in der Vorlagendatei durch eine allgemeine Definition v. img-Tag 
   überschrieben, da das script lediglich ein img-Tag ohne Klassenbezeichnung ausgibt.
/*img.hdetail {position:absolute;
             left:520px;
             top:40px;
             border: 35px white solid;}*/

table.hdetail{position:relative;
              /*padding:2ex;*/
              left:0px;
              width:400px;
              height:500px;
              margin-left:40px;
		    margin-top:10px;
              margin-bottom:30px;}

.footer_hdetail{background-color:#cccccc;
               border-top: 3px #444444 solid;
               border-bottom: 3px #444444 solid;
               position:relative:
               left:0px;
               width:400px;
               height:2ex;
               padding:0.3em;
               margin-left:40px;
               margin-bottom:20px;
               font-size:9pt;
               font-weight:bold;}