html{
height: 100.1%;
}

body{
color: #363636;   
background: url(./images/bg.gif) repeat;
background-color: #F1F1F1;
font:11px verdana, sans-serif;
margin-top:10px;
}

    a:link, a:visited {
      font:12px verdana, sans-serif;
      font-weight:bold;
      color:#363636;
      text-decoration:none;
      background-color: transparent;
      }
    a:hover {
      font:12px verdana, sans-serif;
      font-weight:bold;
      color: #333333;
      background-color: transparent;
      text-decoration:underline;
      }
    a.fotolink:link, a.fotolink:visited {
	  background: url(./images/fotolink.gif) no-repeat;
      font:12px verdana, sans-serif;
      font-weight:normal;
      color:#363636;
      text-decoration:none;
      padding          : 0px 0px 0px 20px;
      }
    a.fotolink:hover {
	  background: url(./images/fotolink2.gif) no-repeat;
      font:12px verdana, sans-serif;
      font-weight:normal;
      color: #2558A2;
      text-decoration:underline;
      padding          : 0px 0px 0px 20px;
      }

    a.readmore:link, a.readmore:visited {
  background: url(./images/button-01.gif) repeat;
  background-color: #2558A2;
  color            : #FFFFFF;
  font-size        : 12px;
  font-weight      : bold;
  padding          : 2px 4px 4px 4px;
  margin-top       : 0px;
  margin-left      : 0px;
  border: 1px solid #99B7E2;
  text-decoration:none;
  float: right;
      }
    a.readmore:hover {
  background: url(./images/button-02.gif) repeat;
  background-color: #2558A2;
  color            : #FFFFFF;
  font-size        : 12px;
  font-weight      : bold;
  padding          : 2px 4px 4px 4px;
  margin-top       : 0px;
  margin-left      : 0px;
  border: 1px solid #2558A2;
  text-decoration:none;
    float: right;
      }
h1{
font-family: Verdana, sans-serif;
font-size: 12px;
color: #000000;
font-weight:bold;  
text-transform: uppercase;
padding: 4px 3px 3px 0px;
background: url(./images/md-nashville-h3.gif) repeat;
background-color: transparent;
border-bottom: 1px solid #333333;
margin-top: 0px;
margin-bottom: 5px;
}

h2{
font-family: Verdana, sans-serif;
font-size: 12px;
color: #000000;
font-weight:bold;  
text-decoration:underline;
padding: 5px 3px 0px 0px;
background: url(./images/md-nashville-h3.gif) repeat;
background-color: transparent;
border-bottom: 0px solid #E1E1E1;
margin-top: 0px;
margin-bottom: 2px;
}


p {
font-family: Verdana, sans-serif;
font-size: 12px;
color: #363636;      
background-color: transparent;
padding: 5px 5px 5px 0px;
margin-top: 0px;
margin-bottom: 5px;
border: 0px solid #C2C2C2;
}
p.tooltipp {
font-family: Verdana, sans-serif;
font-size: 12px;
color: #363636;      
background-color: #E6F4FF;
padding: 5px 5px 8px 5px;
margin-top: 0px;
margin-bottom: 10px;
border: 1px solid #C2C2C2;
}

#header{
margin: auto;
color:#FFFFFF;
background: url(images/header.jpg) no-repeat;
background-color: #FFFFFF;
width: 770px;
height: 60px;
text-align:left;
border: 1px solid #BABABA;
border-bottom:: 0px;
}

#header a.logo {
float: left;
background: url(./images/md-nashville-logo.gif) no-repeat;
width: 300px;
height: 45px;
margin-left: 5px;
margin-top: 5px;
}
#header a.logo:hover {
background: url(./images/md-nashville-logo-2.gif) no-repeat;
}
#header a.logo:focus {
background: url(./images/md-nashville-logo-2.gif) no-repeat;
}

#header-2{
margin:auto;
color:#FFFFFF;
background: url(./images/md-nashville-h1.gif) no-repeat;
background-color: #DEDEDE;
width: 770px;
height: 27px;
text-align: right;
border: 1px solid #BABABA;
border-bottom:: 0px;
}

#topnavigation{
color:#000000;
background-color: transparent;
height: 16px;
color: #000000;
float: right;
margin-right: 10px;
margin-left: 3px;
margin-top: 5px;
padding: 1px;

}

#topnavigation ul {
margin:auto;
color: #FFFFFF;
list-style:none;
background-color: inherit;
padding:0px 0px 0px 0px;
border: none;
}
    #topnavigation li {
      display:inline;
      margin: 0px;
	  background-color: inherit;
	  color: #FFFFFF;
      }
    #topnavigation a {
      background-color: #E0E0E0;
      font:11px verdana, sans-serif;
      font-weight:bold;
      color:#545454;
      text-decoration:none;
      padding:2px 3px 3px 3px;
      border: 1px solid #7E7E7E;
      margin-top:1px;
      }
    #topnavigation a:visited {
      background-color: #E0E0E0;
      font:11px verdana, sans-serif;
      font-weight:bold;
      color:#545454;
      text-decoration:none;
      margin-top:1px;
      }
      
    #topnavigation a:hover {
      background-color: #F1F1F1;
      font:11px verdana, sans-serif;
      font-weight:bold;
      color: #545454;
      padding:2px 3px 3px 3px;
      text-decoration:none;
      margin-top:0px;
      }
      
    #topnavigation a.active {
	    background: url(./images/button-08.gif) repeat;
      background-color: #F1F1F1;
      font:11px verdana, sans-serif;
      font-weight:bold;
      color:#545454;
      text-decoration:none;
      padding:2px 3px 3px 3px;
      border: 1px solid #7E7E7E;
            margin-top:0px;
      }
    #topnavigation a.active:visited {
	    background: url(./images/button-08.gif) repeat;
      background-color: #F1F1F1;
      font:11px verdana, sans-serif;
      font-weight:bold;
      color:#545454;
      text-decoration:none;
      }
      
    #topnavigation a.active:hover {
	  background: url(./images/button-08.gif) repeat;
      background-color: #F1F1F1;
      font:11px verdana, sans-serif;
      font-weight:bold;
      color:#545454;
      text-decoration:none;
      }
      
#content{
margin: auto;
color: #363636;
width: 770px;
height: 100%;
overflow: auto;
min-height:380px;
background: url(./images/contentbg.gif) repeat;
background-color: #FAFAFA;
padding: 0px 0px 0px 0px;
border: 1px solid #BABABA;
}
#navigation{
font:11px verdana, sans-serif;
color:#FFFFFF;
width: 160px;
height: 100%;
overflow: hidden;
float: left;
background-color: transparent;
padding:0px 0px 0px 0px;
margin-top: 2px;
border-top: 1px solid #DADADA;
border-right: 1px solid #DADADA;
}

#navigation a {
  width: 145px;
  background: url(./images/button-01.gif) repeat;
  background-color: #EDEDED;
  color            : #333333;
  font-size        : 12px;
  font-weight      : bold;
  display          : block;
  padding          : 3px 5px 5px 10px;
  margin-top       : 0px;
  margin-left      : 0px;
  border-bottom: 1px solid #CFCFCF;
        text-decoration:none;
}

#navigation a:visited {
background: url(./images/button-01.gif) repeat;
  background-color: #EDEDED;
  color            : #333333;
  font-size        : 12px;
  font-weight      : bold;
  display          : block;
  padding          : 3px 5px 5px 10px;
}

#navigation a:hover {
	background: url(./images/button-02.gif) repeat;
  background-color: #FFFFFF;
  font-size        : 12px;
  font-weight      : bold;
  color            : #333333;
    border-bottom: 1px solid #CFCFCF;
}  


#navigation a.active {
  width: 145px;
  background: url(./images/button-01.gif) repeat;
  background-color: #FFFFFF;
  color            : #333333;
  font-size        : 12px;
  font-weight      : bold;
  display          : block;
  padding          : 3px 5px 5px 10px;
  margin-top       : 0px;
  margin-left      : 0px;
  border-bottom: 1px solid #CFCFCF;
        text-decoration:none;
   }
         
#navigation a:visited.active {
  width: 145px;
  background: url(./images/button-01.gif) repeat;
  background-color: #FFFFFF;
  color            : #333333;
  font-size        : 12px;
  font-weight      : bold;
  display          : block;
  padding          : 3px 5px 5px 10px;
  margin-top       : 0px;
  margin-left      : 0px;
  border-bottom: 1px solid #CFCFCF;
        text-decoration:none;
   } 
   
#navigation a:hover.active {
  width: 145px;
  background: url(./images/button-01.gif) repeat;
  background-color: #FFFFFF;
  color            : #333333;
  font-size        : 12px;
  font-weight      : bold;
  display          : block;
  padding          : 3px 5px 5px 10px;
  margin-top       : 0px;
  margin-left      : 0px;
  border-bottom: 1px solid #CFCFCF;
        text-decoration:none;
   } 
   
#navigation a.sublevel {
  width: 150px;
  background: url(./images/button-04.gif) repeat;
  background-color: #002D6B;
  color            : #FFFFFF;
  font-size        : 11px;
  font-weight      : bold;
  display          : block;
  padding          : 3px 5px 5px 9px;
  margin-top       : 0px;
  margin-left      : 0px;
  border-bottom: 1px solid #7E7E7E;
  text-align: right;
   }

#navigation a:visited.sublevel {
	background: url(./images/button-04.gif) repeat;
  color            : #FFFFFF;
  background-color: #002D6B;
  padding          : 3px 5px 5px 5px;
   } 
   
#navigation a:hover.sublevel {
	background: url(./images/button-05.gif) repeat;
  background-color: #002960;
  color            : #FFD800;
  padding          : 3px 5px 5px 5px;
   } 
   
#navigation a.sublevel-active {
	background: url(./images/button-05.gif) repeat;
  width: 150px;
  background-color: #002D6B;
  color            : #FFD800;
  font-size        : 11px;
  font-weight      : bold;
  display          : block;
  padding          : 3px 5px 5px 5px;
  margin-top       : 0px;
  margin-left      : 0px;
  border-bottom: 1px solid #99B7E2;
  text-align: right;
   }

#navigation a:visited.sublevel-active {
	background: url(./images/button-05.gif) repeat;
  color            : #FFD800;
  background-color: #002D6B;
  padding          : 3px 5px 5px 5px;
   } 
   
#navigation a:hover.sublevel-active {
	background: url(./images/button-05.gif) repeat;
  background-color: #002960;
  color            : #FFD800;
  padding          : 3px 5px 5px 5px;
   }   
 
#content-links{
font:11px verdana, sans-serif;
color:#363636;
width: 580px;
float: left;
background: transparent;
padding:0px 5px 10px 15px;
margin-right: 0px;
margin-top: 9px;
margin-left: 0px;
}
#content-links-03{
font:11px verdana, sans-serif;
color:#363636;
width: 527px;
float: left;
background: transparent;
padding:0px 5px 10px 10px;
margin-right: 0px;
margin-top: 9px;
margin-left: 0px;
}
#content-links-01{
font:11px verdana, sans-serif;
color:#363636;
width: 198px;
float: left;
background: transparent;
padding:0px 0px 0px 0px;
margin-right: 0px;
margin-top: 0px;
margin-left: 0px;
}
#content-links-02{
font:11px verdana, sans-serif;
color:#363636;
width: 195px;
float: right;
background: transparent;
padding:0px 0px 0px 0px;
margin-right: 0px;
margin-top: 0px;
margin-left: 0px;
}
#content-rechts{
font:11px verdana, sans-serif;
color:#FFFFFF;
width: 100px;
float: right;
background: transparent;
padding:0px 0px 0px 0px;
margin-top: 9px;
margin-right: 30px;
}



#content-rechts img.teaser {
  margin-bottom: 7px;
  border: 1px solid #878787;
}
img.galerie {
  margin-bottom: 5px;
  margin-right: 4px;
  border-top: 4px solid #E3E3E3;
  border-right: 4px solid #E3E3E3;
  border-bottom: 4px solid #E3E3E3;
  border-left: 4px solid #E3E3E3;
}
* html #content-rechts{
margin-right:9px;
}
#footer{
margin: auto;
width: 744px;
height: 2px;
background: url(./images/md-nashville-footer.gif) no-repeat;
background-color: transparent;
padding:6px 0px 2px 16px;
color: #FFFFFF;
vertical-align: bottom;
}

#copyright{
margin: auto;
width: 744px;
background: transparent;
padding:6px 0px 8px 16px;
color: #FFFFFF;
text-align: center;
}
#copyright a {
text-align: center;
      font:10px Verdana, sans-serif;
      font-weight:normal;
background: transparent;
color: #878787;
}
#copyright a:hover {
      font:10px Verdana, sans-serif;
      font-weight:normal;
background: transparent;
color: #656565;
}
#copyright a:active {
      font:10px Verdana, sans-serif;
      font-weight:normal;
background: transparent;
}
      
#menu {
height: 20px;
color: #000000;
background-color: #FFFFFF;
float: right;
margin-top: 2px;
margin-right: 1px;
padding: 1px;
}

#menu ul {
margin:auto;
color: #FFFFFF;
list-style:none;
background-color: inherit;
padding:0px 0px 0px 0px;
}
    #menu li {
      display:inline;
      margin: 0px;
	  background-color: inherit;
	  color: #FFFFFF;
      }
    #menu a {
	  float:left;
	    background: url(./images/button-01.gif) repeat;
      background-color: #336EC5;
      font:11px verdana, sans-serif;
      font-weight:bold;
      color:#FFFFFF;
      text-decoration:none;
      padding:2px 4px 4px 5px;
      border-right: 1px solid #A3B2D4;
      }
    #menu a:visited {
	  float:left;
	    background: url(./images/button-01.gif) repeat;
      background-color: #336EC5;
      font:11px verdana, sans-serif;
      font-weight:bold;
      color:#FFFFFF;
      text-decoration:none;
      }
      
    #menu a:hover {
	  float:left;
	    background: url(./images/button-02.gif) repeat;
      background-color: #2558A2;
      font:11px verdana, sans-serif;
      font-weight:bold;
      color: #FFFFFF;
      text-decoration:none;
      }
      
    #menu a.active {
	  float:left;
	    background: url(./images/button-03.gif) repeat;
      background-color: #FFFFFF;
      font:11px verdana, sans-serif;
      font-weight:bold;
      color:#2D2D2D;
      text-decoration:none;
      padding:2px 4px 4px 5px;
      border-right: 1px solid #A3B2D4;
      }
    #menu a.active:visited {
	  float:left;
	    background: url(./images/button-03.gif) repeat;
      background-color: #FFFFFF;
      font:11px verdana, sans-serif;
      font-weight:bold;
      color:#2D2D2D;
      text-decoration:none;
      }
      
    #menu a.active:hover {
	  float:left;
	    background: url(./images/button-03.gif) repeat;
      background-color: #FFFFFF;
      font:11px verdana, sans-serif;
      font-weight:bold;
      color:#2D2D2D;
      text-decoration:none;
      }
      
form {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #363636;      
font-weight: bold;
background-color: #F2F2F2;
padding: 5px;
margin-top: 0px;
margin-bottom: 10px;
border: 1px solid #878787;
}
form.cmxform fieldset { 
margin-bottom: 10px; 
border: 1px solid;
border-color: #7F7045;} 

form.cmxform legend { 
color: #000000;
padding: 2px 5px 3px 5px; 
font-weight: bold; 
border: 1px solid;
font-size: 12px;
border-color: #9B9B9B;} 

form.cmxform label { 
display: inline-block; 
line-height: 1.8; 
vertical-align: top; 
font-weight: normal; 
} 
form.cmxform fieldset ol { 
margin: 0; 
padding: 0; 
margin-left: -10px;
} 

form.cmxform fieldset li { 
list-style: none; 
padding: 2px; 
margin: 0;
font-weight: normal;
font-size: 12px;
 } 

form.cmxform fieldset fieldset { 
border: none; 
margin: 1px 0 0; 
} 
form.cmxform fieldset fieldset legend { 
padding: 0 0 2px; 
font-weight: normal;
} 

form.cmxform fieldset fieldset label { 
display: block; 
width: auto; 
} 

form.cmxform label { 
width: 140px; /* Width of labels */ 
} 

form.cmxform fieldset fieldset label { 
margin-left: 140px;
/* Width plus 3 (html space) */ 
}

.button {
font-family      : Verdana, Arial, Helvetica, Times,serif;
font-size        : 11px;
color            : #FFFFFF;
font-weight: bold;
border           : 1px solid #333333;
background-color: #7B7B7B;
padding          : 2px 4px 3px 4px;
margin-top       : 1px;
margin-left       : 0px;
}

.button:hover {
font-family      : Verdana, Arial, Helvetica, Times,serif;
font-size        : 11px;
color            : #FFFFFF;
font-weight: bold;
border           : 1px solid #333333;
background-color: #333333;
padding          : 2px 4px 3px 4px;
margin-top       : 1px;
margin-left       : 0px;
}
.button:visited {
font-family      : Verdana, Arial, Helvetica, Times,serif;
font-size        : 11px;
color            : #333333;
font-weight: bold;
border           : 1px solid #333333;
background-color: #7B7B7B;
padding          : 2px 4px 3px 4px;
margin-top       : 1px;
margin-left       : 0px;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, Times,serif;
  font-size        : 11px;
  color            : #333333;
  background       : #DFDFDF;
  padding          : 2px;
  border           : 2px solid #B5B5B5;
  margin-top: 3px;
  margin-bottom: 5px;
}

.inputbox:focus {
  font-family      : Verdana, Arial, Helvetica, Times,serif;
  font-size        : 11px;
  color            : #000000;
  background-color : #FFFFFF;
  padding          : 2px;
  border           : 2px solid #D30014;
  margin-top: 3px;
  margin-bottom: 5px;
}


a img {
  border           : none;
}

img.start {
  border           : 0px solid #333333;
  float: left;
  margin-right: 12px;
  margin-bottom: 6px;
}


#content-links ul {
width: 570px;
list-style-image: url(./images/list.gif);
font-family: Verdana, sans-serif;
font-size: 12px;
color: #363636;      
background-color: transparent;
padding: 5px 10px 5px 9px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 10px;
border: 0px solid #878787;
}
#content-links li {
margin-left: 11px;
margin-bottom: 4px;
background-color: transparent;
}


          a:link.back, a:visited.back {
      font:11px verdana, sans-serif;
      font-weight:bold;
      display: block;
      width: 75px;
      height: 24px;
      color:#FFFFFF;
      text-decoration:none;
      background: url(images/zurueck-01.gif) no-repeat;
      margin-top:4px;
      margin-bottom:5px;
      float:right;
      }
    a:hover.back {
      font:11px verdana, sans-serif;
      font-weight:bold;
      display: block;
      width: 75px;
      height: 24px;
      color:#FFFFFF;
      text-decoration:none;
      background: url(images/zurueck-02.gif) no-repeat;
      }
      

      
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border: 1px solid #676767;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 11px Verdana, Helvetica, sans-serif;
    color: #3E3E3E;
    font-weight: bold; 
    background-color: #FBFBFB;
	margin: 0 auto;
    padding:4px 0px 4px 0px;
    border: 1px solid #676767;
    border-top: 0px solid #676767;
	}

#imageData{
	padding:0 10px; 
	}
#imageData #imageDetails{ width: 92%; float: left; margin-bottom:5px; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 20px; float: right;  padding-bottom: 1.0em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: transparent;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}