/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Elements */

body {
	background: #33FFCC url(bilder/road.jpg);
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
}

h1 {
}

h2, h3 {
	margin-top: 0px;
}

h4, h5, h6 {
}

p, ol, ul, dl, blockquote {
}

a {
	color: #333333;
}

a:hover {
	text-decoration: none;
}

.img1 {
	float: left;
	margin: 3px 15px 0px 0px;
}
/* Header */

#header {
	width: 800px;
	height: 300px;
	margin: 0px auto;
	background: url(bilder/compostela.jpg);
        border-top: solid #000000;
        border-right: solid #000000;
        border-bottom: solid #000000;
        border-left: solid #000000;
}
}

#header h1 {
	margin: 0px;
	padding: 160px 0 0 38px;
	font-size: 52px;
	font-style: italic;
}

#header h2 {
	margin: 0;
	padding: 0 0 0 380px;
	font-size: 16px;
	font-style: italic;
	color: #666666;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}
/*hover for kartan */
#imap a#title {
  display:block; 
  width:900px; 
  height:0; 
  padding-top:300px; 
  overflow:hidden; 
  position:absolute; 
  left:0; 
  top:0; 
  background:transparent url(bilder/compostela_hover.jpg) no-repeat 400px 400px; 
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:240px;
  he\ight:0;
  }
  /* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0; 
  z-index:10;
  }
  /* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute; 
  padding:0; 
  margin:0;
  }
#imap #picp {
  left:87em; 
  top:10px; 
  z-index:20;
  }
#imap #pico {
 left:100px; 
 top:10px; 
 z-index:10;
 }
#imap #pica {
  left:85em; 
  top:10em; 
  z-index:20;
  }
#imap #picr {
  left:70em; 
  top:12em; 
  z-index:20;
  }
#imap #picj {
  left:57em; 
  top:10em; 
  z-index:20;
  }
#imap #picg {
  left:36em; 
  top:100px; 
  z-index:20;
  }
  #imap #picl {
  left:48em; 
  top:10em; 
  z-index:20;
  }
  /* style the <dd><a> links physical size and the background image for the hover */
#imap a#index {
  display:block; 
  width:85px; 
  height:85px; 
  background:transparent url(bilder/pilgrim.jpg) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
  /* style the <dd><a> links physical size and the background image for the hover Pamplona */
#imap a#pamplona {
  display:block; 
  width:85px; 
  height:85px; 
  background:transparent url(bilder/pamplona.jpg) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
  /* style the <dd><a> links physical size and the background image for the hover santiago */
#imap a#santiago {
  display:block; 
  width:85px; 
  height:85px; 
  background:transparent url(bilder/santiago.jpg) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
   /* style the <dd><a> links physical size and the background image for the hover lugo */
#imap a#lugo {
  display:block; 
  width:85px; 
  height:85px; 
  background:transparent url(bilder/lugo.jpg) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
  /* style the <dd><a> links physical size and the background image for the hover Leon */
#imap a#leon {
  display:block; 
  width:85px; 
  height:85px; 
  background:transparent url(bilder/leon.jpg) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
  
  /* style the <dd><a> links physical size and the background image for the hover Burgos */
#imap a#burgos {
  display:block; 
  width:85px; 
  height:85px; 
  background:transparent url(bilder/burgos.jpg) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
  /* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }
  /* move the link background image to position 0 0 when hovered */
#imap a#santiago:hover, #imap a#burgos:hover, #imap a#leon:hover, #imap a#index:hover, #imap a#lugo:hover, #imap a#pamplona:hover {
  background-position:0 0;
  }

/* Menu */

#menu {
	width: 800px;
	height: 52px;
	margin: 0px auto;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 80px;
	height: 32px;
	padding-top: 10px;
	padding-left: 80px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 16px;
	letter-spacing: -2px;
	background: url(bilder/gradient.jpg) ;
}

#menu .current a {
	background: url(bilder/gradient_current.jpg) ;
}

#menu a:hover {
	color:#0000FF;
	background:url(bilder/gradient_current.jpg);
}
/* Menu in english */

#menuenglish {
	width: 800px;
	height: 52px;
	margin: 0px auto;
}

#menuenglish ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menuenglish li {
	display: inline;
}

#menuenglish a {
	display: block;
	float: left;
	width: 80px;
	height: 32px;
	padding-top: 10px;
	padding-left: 80px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 16px;
	letter-spacing: -2px;
	background: url(bilder/gradient.jpg) ;
}

#menuenglish .current a {
	background: url(bilder/gradient_current.jpg) ;
}

#menuenglish a:hover {
	color:#0000FF;
	background:url(bilder/gradient_current.jpg);
}

/* Content */

#content {
	background: #FFFFFF;
	width: 800px;
	margin: 0px auto;
	padding: 1px 0px 0px 0px;
}

#colOne {
	float: right;
	width: 600px;
	margin-top: 20px;
	padding-right: 20px; 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#000000; font-size:14px;
}

#colTwo {
	float: left;
	width: 120px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	
}



#content h1 {
	padding: 5px 0px 5px 5px;
	color: #173E68;
}

#content h2 {
	padding: 5px 0px 5px 5px;
	text-transform: uppercase;
	font-size: 16px;
	color: #2D2D2D;
	border-bottom: 1px dashed;
}

#content h3 {
	color: #6C6C6C;
}
/* Footer */

#footer {
	width: 600px;
	margin: 0px auto;
	padding: 3px 0px;
	height: 90px;
	background: #EEEEEE;
}

#footer p {
	margin: 0px;
	padding-top: 15px;
	text-align: center;
	font-size: 11px;
	color: #999999;
}

#footer a {
	color: #666666;
}

#footer a:hover {
	color: #333333;
}
/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(bilder/gradient_current.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #00FFFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}
/* searchbox */
#search
{
right:20em;
top:0px; 
z-index:30
}
/* slut searchbox */
/* tables heights */
.TDheight { padding: 2px}
.TDHeight3 {padding: 3px}
.TDHeight4 {padding: 4px}
.TDHeight5 {padding: 5px}
.TDHeight10 {padding: 10px}
/* searchbox */

#utrustning
{vertical-align:top}
/* slut searchbox */
.right { right:auto}