/* CSS BoxMania Vorlage Basismodell */

html {
	height: 105%;
	font-size: 62.5%;
}

* {margin: 0px; padding: 0px; border: 0px;}

body
{
text-align: center;
	color: #FF33FF;
	font: 1.2em/1.8em Verdana, sans-serif;
	background-image: url(../path_blue.jpg);
}


div#screen {
max-width:1240px; min-width:450px;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "Tahoma, Arial", sans-serif;
	margin: 0em 0em 0.5em 0em;
	color: #FF33FF;
}
h1 {
	font-size: 20px;
	border-bottom: 1px dashed #004A7F;
	padding-bottom: 0.4em;
	font-weight: normal;
}

p {font-family: "Tahoma, Arial", sans-serif; font-size: 12px}
#toc {font-size: 12px}
#wichtig {font-size: 18px}
p.weiss {color:white; }

a:link {
        color: #FFFFFF;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
        background-color: transparent;
        }

a:visited {color: #FFFF99}
a:hover {color: #FF6633;}
a:active {color: #FFCC99;}



div#header h1 {border: 0px;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}




div#hallopic {
position: absolute; top: 20px; left: 25px;
          width: 100px;
         height: 100px;
         padding:3px 3px 0 0;
         margin:0px 0px;
         border:solid;
         color:#CC33CC;
         background-image: url(../uta_atelier_k.jpg);
         width: 90px;
         height: 90px;
             }

div#header {
position: absolute; top: 10px; left: 110px;
          width: 850px;
         height: 150px;
         padding:3px 3px 0 0;
         margin:0px 0px;
          background-image: url(../umo_logo_toll_2.png);
          position: absolute; top: 10px; left: 150px;
          background-repeat:no-repeat;
          }




div#navbar {
position: absolute; top: 145px; left: 10px;
          width: 200px;
         height: 500px;
         padding:3px 3px 0 0;
         margin:0px 0px;
         color: white;
          font-size: 15px;
          font-weight: bolder;
          text-decoration: none;
          background-color: transparent;
          text-align: left;
          text-indent:10px;	
         }


#navbar, #navbar ul {display:block;
						margin:0;
						padding:0;
						list-style:none;}


#navbar a {display:block;
						width:160px; height:33px;
            background:url(../butti_1.1.png);
            background-repeat:no-repeat;
            color: white;
            padding:2px;
          font-size: 12px;
          font-weight: bold;
          text-decoration: none;
          background-color: transparent;
          text-align: left;
          text-indent:10px;
          line-height:200%;
          z-index: 50;}

#navbar a:visited {color: #FFFF99}
#navbar a:hover {color: #FF6633;
        background:url(../butti_2.1.png);
        background-repeat:no-repeat;
        z-index: 50;
}

#navbar a:active {color: #FFCC99;}

#navbar li {		
						width:110px;
						}

#navbar li ul {display:none}


#navbar li:hover ul {display:block;
        position:absolute;
				width:10.1em;}
					
#navbar li ul li {float:none;
        position:relative;
				top: -30px; left: 90px;
					}
#navbar .navunter a {font-size: 12px;}

div#main {
         width: 725px;
         height: 380px;
         position: absolute; top: 130px; left: 140px;
         padding:10px 10px;

         }

div#col1 {
         width: 450px;
         height: 350px;
         position:absolute;
         top: 15px; left: 15px;
				 padding:10px 10px;
         margin:0px 0px;
         border:solid;
         color:black;
         z-index: -50;
         }

div#col2 {
         width: 185px;
         height: 350px;
         position:absolute;
         top: 15px; left: 500px;
         padding:10px 10px;
         margin:0px 0px;
         border:solid;
         color:black;
         background:url(../greenscetch.jpg);
         }

div#galerie {
position: relative;
height: 300px; /* So hoch wie das groesste Bild */
}
a.smallpic {display: block;} /* zwingt die Bilder untereinander */
a.smallpic img {
border: 1px solid #CCFFCC;
padding: 5px;
margin-bottom: 5px;
}
/*
a.smallpic:hover {
background-color: transparent;
}*/
a.smallpic:hover img {
background: #E3004F;
}

/* Die nächsten drei Anweisungen gelten für die grossen Bilder */
a.smallpic span {
position: absolute;
background: #000033;
padding: 10px;
left: 50px;
border: 1px solid #000066;
visibility: hidden;
color: white;
text-decoration: none;
}
a.smallpic span img {
border-width: 0;
padding: 2px;
}
a.smallpic:hover span {
visibility: visible;
top: 0;
left: -380px; /* Position von links */
z-index: 50;
}

/* CSS zur Gestaltung der Tabelle */
/*
div#table {width: 210px;
position:absolute;
         top: 350px; left: 725px;
         padding:10px 10px;
         margin:0px 0px;
         border:solid;
         color:white;
}

table {
   width: 200px;
   border-collapse: collapse;
   background-color: transparent;
   color: black;
   border: 1px solid #990000;
}
/* Überschrift gestalten */
caption {
   font-size: 15px;
   background-color: #FF00CC;
   color: black;
   text-align: left;
   padding: 1em;
   padding-left: 0;
}
/* Tabellenzellen gestalten */
th, td {
   padding: 0;
   text-align: left;
   vertical-align: top;
}
th {
   font-family: Arial, sans serif;
   font-size: 10px;
   font-variant: small-caps;
   letter-spacing: 2px;
   font-weight: normal;
}

th {
   font-family: Arial, sans serif;
   font-size: 8px;
   font-variant: small-caps;
   letter-spacing: 0px;
   font-weight: normal;
}


thead {
   background-color: #6666FF;
   color: black;
   border-bottom: 1px solid #999;
}
tfoot { border-top: 1px solid #999; }

/* Zebrastreifen und Hovern */
tr.zebrastreifen { background-color: #6633CC; color: black; }

tr:hover { background-color: #000000; color: white; }
thead tr:hover,
tfoot tr:hover {
   background-color: transparent;
   color: inherit;
}

 div.line hr {display: none;}
div.line {z-index: inherit;
         height: 20px;
         position: absolute;
         top: 510px; left: 0px;
         background: url(punkt.png) repeat-x;
         margin: 10px, 0px}
/* Linie aus Grafik */



div#footer {
         position:absolute;
         top: 540px; left: 20px;
         width: 900px;
         height: 150px;
         background:url(../footi_1.png);
         background-color: transparent;
         background-repeat:no-repeat;
          }
          
a.footer, div#footer_text {
          position:absolute;
          top:100px; left: 20px;
          color: white;
          font-size: 10px;
          font-weight: bold;
          text-decoration: none;
          display:inline;
          background-color: transparent;
          text-align: left;
          line-height:130%;
          }

div#breadcrumb {
         position: fixed; bottom: 25px; left: 15px;
         padding:3px 3px 0 0;
         margin:3px 3px;
          font-size: 10px;
          font-weight: bold;
          text-decoration: none;
          background-color: transparent;
          text-align: left;
          text-indent:20px;	
                }

div#breadcrumb a, li {display:inline;
               background-color: transparent;
                text-align: left;
                text-indent:20px;
                line-height:150%;}

div#breadcrumb a visited {
        color: red;
        a.breadcrumb visited {
        color: red;