*					                     { margin: 0; padding: 0; }
body				                     { font: 12px "Lucida Grande", Helvetica, Arial, Sans-Serif; background: url(http://www.sanfranciscoreise.de/images/background-sfreise.jpg) no-repeat center top fixed #243567;}
html                                     { overflow-y: scroll;}
a                                        { text-decoration: none; outline: 0; }
a img                                    { border: 0; }
#page-wrap		                         { width: 900px; margin: 0 auto; position: relative;}

#nav-bar                                 { background: url(../images/navbar-bg.gif) repeat-y; width: 191px; position: fixed; -moz-border-radius-bottomleft: 18px; -moz-border-radius-bottomright: 18px; -webkit-border-bottom-left-radius: 18px; -webkit-border-bottom-right-radius: 18px; }
#nav-bar ul                              { list-style: none; margin: 100px 0 100px 0; }
#nav-bar ul li                           { font-size: 14px; text-align: right; }
body#facts ul li.facts a,
body#index ul li.index a,
body#to-be-seen ul li.to-be-seen a,
body#neighborhoods ul li.neighborhoods a,
body#reiseinfos ul li.reiseinfos a,
body#events ul li.events a,
body#impressionen ul li.impressionen a,
body#map ul li.map a,
body#umgebung ul li.umgebung a,
body#links ul li.links a,
body#impressum ul li.impressum a,
#nav-bar ul li.active a                  { position: relative; background: white; z-index: 300; border-bottom-color: white; border-top-color: white; }
#nav-bar ul li.active a:hover            { background: white; }
#nav-bar ul li a                         { display: block; padding: 10px 40px 10px 5px; border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); color: #444; text-shadow: 1px 1px 1px white; font-weight: bold; }
#nav-bar ul li:first-child a             { border-top: 0; }
#nav-bar ul li:last-child a              { border-bottom: 0; }
#nav-bar ul li a:hover                   { background: rgba(0,0,0,0.07); }


h1                                       { font: bold 32px Helvetica, Sans-Serif; letter-spacing: -1px; padding: 18px 0 18px 210px; color: white;}
#main-content                            { position: relative; z-index: 200; margin: 0 0 0 180px; background: white; -moz-border-radius: 18px; -webkit-border-radius: 18px; -moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.6); padding: 30px; min-height: 500px; }
#ajax-loader                             { display: none; position: absolute; top: 100px; left: 280px; }

#nav-bar .support                        { text-align: left; margin: 0 25px 20px 20px; }
#nav-bar .support h4                     { text-transform: uppercase; border-bottom: 1px solid #4660e2; color: #4660e2; padding-bottom: 5px; margin-bottom: 5px; }
#nav-bar .support ul                     { margin: 0 0 0 12px; list-style: disc; }
#nav-bar .support ul li                  { text-align: left; font-size: 11px; margin: 0 0 4px 0; }

li {margin-left:20px;}

/*
    Typography
*/
p                                        { line-height: 1.5; margin: 0 0 15px 0; }
.callout                                 { background: #fdfce4; padding: 15px; border: 1px solid #fff000; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.quotes									 { float:right; font-size:10px; height:auto; width:200px; background: #FAFFED; padding: 15px; margin:5px; border: 1px solid #fff000; -moz-border-radius: 6px; -webkit-border-radius: 6px; }                  
h2                                       { font-size: 20px; margin: 0 0 15px 0; color: #4660E2; }
h3                                       { font-size: 16px; margin: 0 0 15px 0; color: #4660E2 }
h4                                       { font-size: 14px; margin: 0 0 15px 0; }
pre                                      { padding: 15px; background: #eee; border: 1px solid #666; margin: 0 0 15px 0; white-space: pre-wrap; }
code                                     { font: 11px Monaco, Courier, MonoSpace; }

#main-content a                          { text-decoration: underline; }
#main-content a:hover                    { text-decoration: none; border-bottom: 2px solid #4660e2; }

#link-table {
margin-top:10px;
text-align:justify;}

#link-table th, td {
	border:solid black 1px;
	width: 300px;
	text-align:left;
	height:auto;
	padding: 4px;
	}

#link-table td {
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	}
	
#link-table a, a:visited, a:visited {
	text-decoration:none;
	color: #4660E2;
	}
	
#map-wrap	{ 
	background: url(http://www.sanfranciscoreise.de/images/map-bg.png) no-repeat;
	width: 600px; height: 450px;
	margin: 10px auto;				  
	position: relative;
	}
				  
#real-map	{ width: auto; height: auto; padding:80px 0px 0px 50px;  }

#img-pages {float:right; background: white; padding: 15px; border: 1px solid #fff000; -moz-border-radius: 6px; -webkit-border-radius: 6px; }