/***Fonts- and Page-Style in general*************
***from here***********************************/
a {
   text-decoration:none;
  }

a:link, a:visited {
		   font-family:Verdana,Arial; 
           text-decoration:underline;
		   font-style:oblique;
	       color:#ddd;

          }    /* noch nicht besuchte Ziele */
			      /* besuchte Ziele */


a:hover, active, focus {
			 font-family:Verdana,Arial; 
             text-decoration: underline; 
             color:yellow;  
            }   /* Verweise bei "MouseOver" */


body 
{ top:0px; 
  margin:0;
  padding:0;
  height:100%; 
  /*margin-right:197px; */
  color:#ddd;
  font-family:Verdana,Arial;
  background-color:#333;
}

td
{vertical-align:top;}

DIV.nav1
{
  position:absolute; 
  top:0px; 
  right:1px;  
  width:194px;
  height:100%; 
  z-index:7;
  padding-top:3px; 
  margin-right:0px; 
  border-style:dotted;
  border-left-width:1px;
  border-right-width:0px;
  border-top-width:0px;
  border-bottom-width:0px;
  border-color: orange;
  background-image:url('../images/navigation.png'); 
  background-repeat:no-repeat; 
  background-position: top; 
  background-color: #333; 
}
DIV.nav
{
position:absolute; 
top:0px; 
right:1px;  
width:194px; 
z-index:7;
padding-top:3px; 
margin-right:0px; 
background-image:url('../images/anny.gif'); 
background-repeat:no-repeat; 
background-position: top; 
background-color:#333;
}
DIV.navbottom
{ position:absolute; 
  bottom:7px; 
  left:210px;  
  text-align:center; 
  z-index:7;
}

#toledot /* top-left-dotted DIV */
{
float:left; 
padding:0.4em;
border-top:dotted 1px gold;
border-left:dotted 1px gold;
}

#boledot /* bottom-left-dotted DIV */
{
max-height:7em; 
min-width:14em;
display: inline; 
content: inherit; 
overflow:auto /* verhindert Überlauf und fügt bei Bedarf Scrollbalken ein */;
float:left; 
clear:left; /*soll als ergänzneder Abschluß direkt unter #toledot */
padding:0.4em;
border-bottom:dotted 1px gold;
border-left:dotted 1px gold;
}

a.searchLink: link, a.searchLink:visited, a.searchLink:focus, a.searchLink:active
{text-decoration: none;
   color: #c7c;
}

a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:focus, a.breadcrumb:active
{
text-decoration:none;
font-weight:bolder;
font-family:Verdana,Arial;
color:#eee; 	
background: orange;
}
a.breadcrumb:hover, a.breadcrumb:active 
{
text-decoration:underline;
font-family:Verdana,Arial;
color:yellow; 	
}

.breadcrumb
{
margin:0;
padding:0.1em;
font-weight:bold;
font-family:Verdana;
color:ddd; 	
background: orange;
}


/* ### ROUND CORNERS FROM HERE ### */
.round
{
    margin: 0.3em auto;
    border: 0px solid #ffffff;
    color: #FFFF99;
    padding: 1em;
    text-align: left;
    border: 1px solid #999900;
    /* Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    CCborderRadius: 21px;
}

/*** ROUND CORNERS BIS HIER ***/


        
		#leftColumn{
		background-color:#333;
		width:161px;
		float:left;		
		color:#ddd;
		margin-right: 1em;
	}
	#contentColumn{
		background-color: #DAA520;
		color: #191970;
		width:565px;
		float:left;
	}
	#footer{
		margin-top:0.5em;
		width:728px;
		background-color:blue;
		clear:both;
      color: #B8860B;
	}
	#header{
		margin-bottom:0.5em;
		width:728px;
		background-color:orange;
		clear:both;
		color:#008000;
	}
	.clear{
		clear:both;
	}
	p
	{
		margin-top:0px;
		margin-bottom: 1em;
	}
	/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#777777;
    font-weight: bold;
    cursor: default;
}
/*** NAVIGATIONSMENUE VON HIER ***********************************/
a.jc70:link, a.jc70:visited, a.jc70:focus {
border:.1em solid #eeeeee; TEXT-DECORATION: none;
FONT-FAMILY: arial;
FONT-SIZE: .6em;
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
COLOR: #008000;
PADDING: 0.1em;
MARGIN:0em}    /* noch nicht besuchte Ziele */

a.jc70:hover, a.jc70:active {
COLOR: white;
FONT-SIZE: .6em;
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
BACKGROUND-COLOR: orange;
BORDER-COLOR:black;
BORDER-WIDTH: 0.1em; 
BORDER-STYLE: solid;
BORDER-COLOR:#000000;
PADDING: 0.1em;
MARGIN:0em; }   /* Verweise bei "MouseOver" */



a.ohne:link, a.ohne:visited, a.ohne:focus, a.ohne:hover, a.ohne:active 
        {  font-family:Verdana; 
           font-size: 11px;  
           text-decoration:none;
         }

a.m:link, a.m:visited, a.m:focus 
         {
           font-family:Verdana, Arial;
           font-size: 0.7em; 
           letter-spacing:0.1em;
           text-decoration:underline; 
           color: #FFFF99;  
          }    /* noch nicht besuchte Ziele */

a.m:hover, a.m:active 
           {
             font-family:Verdana, Arial; 
             font-size: 0.7em; 
             letter-spacing:0.1em;
             text-decoration:none; 
             color: #FFCC66;  
            }   /* Verweise bei "MouseOver" */


a.dir:link, a.dir:visited 
         {
     TEXT-DECORATION: none;
     /* WIDTH: 126; */
     BORDER: inset 1px #000000;
     PADDING: 0px;
     margin: 1px; 
     FONT-FAMILY: verdana, arial, helvetica;
     FONT-SIZE: 1em;
     FONT-WEIGHT: normal;
     TEXT-ALIGN: left;
     COLOR: #FF9900;
     BACKGROUND-COLOR: #000066;
         }

a.dir:hover 
           {
     /* WIDTH: 126; */     
     BORDER: outset 1px #cccccc;
     BACKGROUND-COLOR: #006633;
     FONT-SIZE: 1em;
     COLOR: #FF9933;
     PADDING: 0px;
     MARGIN: 0Px;
     TEXT-ALIGN: left;
           }  /* Verweise bei "MouseOver" */
a.dir:active 
            {
     TEXT-DECORATION: none;
     /* WIDTH: 136; */
     BORDER: ridge 1px #000000;
     PADDING: 0px;
     MARGIN: 0Px;
     FONT-FAMILY: verdana, arial, helvetica;
     FONT-SIZE: 1em;
     FONT-WEIGHT: bold;
     TEXT-ALIGN: left;
     COLOR: #00FF99;
     BACKGROUND-COLOR: #663300;
            }/* Angeklickte Verweise */



/***MENUE*NAVIGATION*START*HERE******************
*************FIRST_LEVEL*************************
************************************************/
/*Hintergrundgrafik*/




/*alternative Hintergrundgrafik */
DIV.navdownloads
{
position:absolute;
float:right;
top:0px; 
right:1px;  
width:196px; 
height:100%; 
z-index:7;
padding-top:3px; 
margin-right:0px; 
/*background-image:url('../images/bg_punkt.gif'); */
Background-color: #333333;
background-repeat: repeat; 
background-position: top; 
}

/* Navigation rechts */
a.nav:link, a.nav:visited
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 140px;
BORDER: solid 1px #1199ff;
PADDING: 1px;
margin: 1px; 
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 0.7em;
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
COLOR: #CCCC99;
BACKGROUND-COLOR: #333300;
}

/*Style-Definition für die Navigation rechts bei Mouse-Over*/
a.nav:hover, a.nav:focus, a.nav:active
{
DISPLAY: block;
WIDTH: 154px;
BORDER: solid 1px orange;
COLOR: #FFCC99;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 0.7em;
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
PADDING: 1px;
MARGIN: 1px;
TEXT-ALIGN: left;
BACKGROUND-COLOR: #003300;
}


/*Style-Definition für die First-Level-Navigation*/
DIV.fstLevel a:link, DIV.fstLevel a:visited
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 140px;
BORDER: solid 1px #1199ff;
PADDING: 1px;
margin: 1px; 
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 0.7em;
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
COLOR: #333333;
BACKGROUND-COLOR: #999999;
}

/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover, DIV.fstLevel a:focus
{
DISPLAY: block;
WIDTH: 154px;
BORDER: solid 1px orange;
COLOR: #999999;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 0.7em;
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
PADDING: 1px;
MARGIN: 1px;
TEXT-ALIGN: left;
BACKGROUND-COLOR: #333333;
}


/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
text-decoration:none;
DISPLAY: block;
WIDTH: 168px;
BORDER-TOP-STYLE: solid;
BORDER-TOP-WIDTH: 1px; 
BORDER-COLOR:orange;
BORDER-BOTTOM-STYLE: solid;
BORDER-BOTTOM-WIDTH: 1px; 
PADDING: 1px;
MARGIN: 1px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 0.7em;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #CCCCCC;
BACKGROUND-COLOR: #333333;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel a:link, DIV.secLevel a:visited
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 135px;
BORDER: solid 0.1em orange;
PADDING: 0px;
MARGIN: 0.1em;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE:  0.7em;
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
COLOR: #66CC00;
BACKGROUND-COLOR: #333300;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR: #00CC00;
WIDTH: 135px;
FONT-SIZE:  0.7em;
PADDING: 0px;
MARGIN: 0.1em;
TEXT-ALIGN: left;
BACKGROUND-COLOR: #006600;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 154px;
BORDER-TOP-STYLE: solid;
BORDER-TOP-WIDTH: 2px; 
BORDER-COLOR:orange;
BORDER-BOTTOM-STYLE: solid;
BORDER-BOTTOM-WIDTH: 1px; 
PADDING: 1px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 0.7em;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #009999;
BACKGROUND-COLOR: #000066;
}

/* google.js - highlighting der suchergenisse */
#output a {font-weight: bold;}
.searchword  {color: #222; background-color: #ffd; border: 1px dotted #ffd;}
.searchword0 {color: #222; background-color: #ff0; border: 1px dotted #ff0;}
.searchword1 {color: #222; background-color: #0f0; border: 1px dotted #0f0;}
.searchword2 {color: #222; background-color: #0ff; border: 1px dotted #0ff;}
.searchword3 {color: #222; background-color: #fbb; border: 1px dotted #fbb;}
.searchword4 {color: #222; background-color: #dfd; border: 1px dotted #dfd;}
.searchword5 {color: #222; background-color: #faf; border: 1px dotted #faf;}
.searchword6 {color: #222; background-color: #ccc; border: 1px dotted #ccc;}

.rechtspfeil {
  font-family:verdana;
  font-size:1.4em; 
  background-repeat:no-repeat; 
  background-position: right; 
  background-image:url('http://www.brode.de/images/rechtspfeil.gif');
}

