@charset "UTF-8";
/* CSS Document */

BODY {
      background-color : #000000;
      font-family : Palatino Linotype, Georgia, Geneva, Arial, Helvetica, sans-serif;
      color : #CCCCCC;
      margin: 0px; 
 	  text-align:center;
      }
	

#container {
  margin: 0 auto;
  width: 1024px;
  text-align:left;
  }
 
 #container_test {
  margin: 0 auto;
  width: 1024px;
  }

.Navigation {/*The navigation on the left side, positioned absolutely*/
 	font-size: 14px;
    /* position: absolute; */
    left: 8px;
    width: 160px;
    height: auto;
    font-family : Geneva;
    line-height : 175%;/*line-height set to 110% in order to*/
    }                  /*have the navigation elements better separated*/ 
/* Palatino, Georgia,*/

.Navigation_test {/*The navigation on the left side, positioned absolutely*/
 	font-size: 14px;
    float:left;
    left: 8px;
    width: 160px;
    height: auto;
    font-family : Geneva;
    line-height : 175%;/*line-height set to 110% in order to*/
	}                  /*have the navigation elements better separated*/ 
/* Palatino, Georgia,*/
.Inhalt {/*this is the main content area*/
    background: #FFFFFF;
	font-size: 20px;
    /*declare a color together with a contrasting background color*/
    color: #000000;
	margin-top: -19%;  /*-19% */
    margin-left: 170px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    width: auto;
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
    }

.Inhalt_mac_firefox {/*this is the main content area*/
    background: #FFFFFF;
	font-size: 20px;
    /*declare a color together with a contrasting background color*/
    color: #000000;
	margin-top: -19%;  /*-19% */
    margin-left: 170px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    width: auto;
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
    }

.Inhalt_safari {
	background: #FFFFFF;
	font-size: 20px;
    /*declare a color together with a contrasting background color*/
    color: #000000;
	margin-top: -21%;  /*-19% */
    margin-left: 170px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    width: auto;
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
 }
 
  .Inhalt_ie {
	background: #FFFFFF;
	font-size: 20px;
    /*declare a color together with a contrasting background color*/
    color: #000000;
	/*margin-top: -215px;*/  /*pixels so window doesn't resize and mess it all up */
   	margin-top: -190px;
    margin-left: 170px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    width: auto;
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
 }
	
.Profile_Text_Area_test {/*this is the main content area*/
    background: #FFFFFF;
	font-size: 20px;
    /*declare a color together with a contrasting background color*/
    color: #000000;
    /*to position the content area to the right of the navigation*/
    margin-right: 10px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    width: auto;
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
  
    }
	
.Profile_Text_Area {/*this is the main content area*/
    background: #FFFFFF;
	font-size: 20px;
    /*declare a color together with a contrasting background color*/
    color: #000000;
	margin-top: -34%;  /*-3% for each navbox on left */
    margin-left: 170px;
    /*to position the content area to the right of the navigation*/
    margin-right: 10px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    width: auto;
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
    }

.Profile_Text_Area_safari {/*this is the main content area*/
    background: #FFFFFF;
	font-size: 20px;
    /*declare a color together with a contrasting background color*/
    color: #000000;
	margin-top: -36%;  /*-2% for safari */
    margin-left: 170px;
    /*to position the content area to the right of the navigation*/
    margin-right: 10px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    width: auto;
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
    }

.Profile_Text_Area_ie {/*this is the main content area*/
    background: #FFFFFF;
	font-size: 20px;
    /*declare a color together with a contrasting background color*/
    color: #000000;
	margin-top: -344px;  /* A GUESS */
    margin-left: 170px;
    /*to position the content area to the right of the navigation*/
    margin-right: 10px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    width: auto;
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
    }
	
.Profile_Text_Area_mac_firefox {/*this is the main content area*/
    background: #FFFFFF;
	font-size: 20px;
    /*declare a color together with a contrasting background color*/
    color: #000000;
	margin-top: -34%;  /*-3% for each navbox on left */
    margin-left: 170px;
    /*to position the content area to the right of the navigation*/
    margin-right: 10px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    /*width: auto;*/
    border: 0.1px solid #FFFFFF;
	height:auto;
   /*to insure that NN4.xx renders the background-color of the content area*/
    }

.large_text {
	font-size: 20px;
	background:#FFFFFF;
	}
	
.Header {
    background:#000000;
    margin-top: 10px;
    margin-left: 16px;
    } 

.Header_test {
    background:#000000;
    } 
	
.box {/*this is a box where the bottom-navigation*/
      /* and the copyright will be placed*/
  background: #CCCCCC;
  color : #000000;
  padding : 2px;
  margin: 2px;
  border-color : #48D1CC;
  border-style : none;
  border-width : 2px;/* the border property in longhand*/
  }
  
  .runinfo{
	font-size: 16px;
    background: #CCCCCC;
    border-style: ridge;
	border-color:#000000;
	border-width: thin;
	width: 425px;
	/*width:auto;*/
	margin-left: 0px;
	/*margin-right: 400px;*/ /* CHANGE THIS */
	margin-bottom: 0px;
	padding: 5px;
  }
  
  .comments{
	font-size: 16px;
	border-style: hidden;
	padding: 10px;
	}
.comments_adjust{
	margin-top:-15px;
}
	
.date{
	font-size: 20px;
	}
	
.welcome{
	font-size: 18px;
	}
	
.welcome_test{
	font-size: 18px;
	text-align:left;
	}
	
.bottombox{
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 5px;
	/*width:100%;*/
	/*background:#000000;*/
	}
.bottombox2{
	font-size: 14px;
	color:#FFFFFF;
	margin-bottom: 5px;
	/*width:600px;*/
	float:right;
	
	/*background:#000000;*/
	}

.bottombox_3{
	font-size: 14px;
	color:#FFFFFF;
	
	/*background:#000000;*/
	}

  .navbox {/*button-like box for the left-side navigation*/
   font-size: 17px;/*readability for the links*/
   font-family:  Palatino Linotype, Georgia, Geneva;
   color: #FFFFFF;
   background-color: #000000;
   border-color: #FFFFFF;/*or, in shorthand, the three*/
   border-style: ridge; /*border-properties would read:*/
   border-width: 2px;/*border: 2px groove #FF6633;*/
   padding: 1px;
   margin: 2px;
   }
   
   .red{
   font-size: 20px;
   color: #FF0000;
   }
   
   P, OL, UL, DL {font-size: 18px;}
/*font-family is already defined, here I only set the font-size*/
P OL, P UL, P DL, OL UL {font-size: 18px;}
/*and here the I prevent the incredible shrinking text*/
        
.six {font-size: 11px; 
  color: #999999; /*this is for small text*/
  background: #FFFFFF;}
.mit {text-align: justify;}/*justified text*/
.red {color : #FF0000; background: #FFFFFF;}
.mint {color: #009999; background: #FFFFFF;}
.ROT {font-size: 16px; /*also red, but bigger and in bold*/
  color: #FF0000; 
  font-weight: 600; 
  background: #FFFFFF;}
    
a:link {/*normal links in the text*/
  color: #000000;
  text-decoration : none; 
  background: #FFFFFF;}
a:visited {
	color: #000000;
	text-decoration : none;
	background: #FFFFFF;
}
a:hover { 
  color: #999999; 
  text-decoration : underline; 
  background: #FFFFFF;}

/*now follow the section links in the navigation bar on the left side*/        
a.nav:link {
  color: #FFFFFF; 
  text-decoration : none; 
  font-weight: 600; 
  font-size:14px;
  background: transparent;}
a.nav:visited {
  color: #FFFFFF; 
  text-decoration : none;
  font-weight: 600; 
  font-size:14px; 
  background: transparent;}
a.nav:hover { 
  color: #777777; 
  text-decoration : none; 
  font-weight: 600; 
  font-size:14px; 
  background: transparent;}
a.navtot {/*the style for the actual page*/
  color: #CDCDCD; 
  text-decoration: none; 
  font-weight: 600; 
  font-size: 14px; 
  background: transparent;}


img.right{
	float:right
	}
.left{
	float:left;
	background-color:#FFFFFF;
	width:450px;
}
.right{
	float:right;
	width:300px;
	background-color:#3399FF;
}
.profile_pic{
	margin-top: 0px;
	padding: 5px;
	}
.profile_text{
	margin-left: 0px;
	margin-top: -5px;
	padding: 5px;
	font-size: 17px;
	background-color:FFFFFF;
	/*background-color:transparent;
	background:transparent;*/
}
.divider{
	background: #FFFFFF;
	border: 0.1px solid #FFFFFF;
}
.calendar{
	color: #000000;
	margin-left: 59%;
	margin-top: -460px;
	padding: 0px;
}
.complete{
	color:#FF0000;
	font-size: 15px;
	}

.style5 {font-size: 10px}

.friends{
	float:left;
	font-size: 17px;
	background-color:transparent;
}

.friends_test{
	font-size: 17px;
	background-color:transparent;
}

.bullet{
	margin-top:inherit;
	margin-bottom:inherit;
}