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

/*
* {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
*/

/*
Tabell styles
*/

.style1 {
	border-collapse: collapse;
	border-width: 0;
}
.style5 {
	background-color: #154262;
}
.style6 {
	text-align: center;
}
.style7 {
	text-align: left;
}
.style8 {
	background-repeat: repeat-x;
}

#bottom
{
 width:100%;
 height:100%;	
	
}

.img_fill
{
	background-image: url('gfx/blue_fill.jpg');
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

/*
Innehålls container
*/
.content
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #154262;
    color: #f5e6c6;
}

.contentMain{
  color: #f5e6c6;
  width: 800px;

  padding-top: 20px;
  padding-bottom: 50px;

}
.contentMain p{
  padding: 15px;
}

/*
Header
*/
.header-tile
{
	background-image: url('gfx/header_tile.png');
	background-repeat: repeat-x;
}

.header_logo
{
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center;
}

.header_rope
{
	background-image: url('gfx/rope.png');
	background-repeat: repeat-x;
}

/*
Nav menyn
*/

#nav{
  margin-top: 15px;
}

#nav ul{
	list-style-type: none;
  margin-left: 60px;
}

#nav li{
  	float: left;
    margin-left: 30px;
}

#nav li a{
	display: block;
	margin-top: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #f5e6c6;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
}

ul#nav li a:hover, ul#nav li a:active{
	font-weight: bold;
	font-style: normal;
}
	
/*
Footer
*/

.footer{
	height: 133px;
	background: #154262 url('gfx/footer_tile.png') repeat-x bottom;
}

.footer ul{
	width: 1000px;
    margin: 0 auto;
	list-style-type: none;
	padding-top: 30px;
	color: #f5e6c6;
    text-align: center;
}

.footer ul li{
    display: inline;
    margin-left: 30px;
    margin-right: 30px;
}

.footer ul li a{
	display: inline;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #f5e6c6;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
}

.footer p {
	padding-top: 40px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #f5e6c6;
}

/*
login and admin pages
*/

.overviewTable{
  width: 400px;
}

.logintext{
  color: #f5e6c6;
}

.contentColor{
    background-color: #154262;
    color: #f5e6c6;
}

.contentColor a{
  color: #f5e6c6;
}


.contentColor a:visited{
  color: #f5e6c6;
}

.overviewDiv{
    float: left;
    padding: 30px;
    width: 400px;
    margin-left: 160px;
}

.name{
    font-size: 20px;
    font-weight: bold;
    font-size: 20px;
}

fieldset{
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

legend{
  color: #f5e6c6;
}


#currentAccFieldset,
#currentBoatsFieldset{
  border: solid 1px #f5e6c6;
  width: 400px;
}

/*
editAccessory
*/

#accMainTop{
  padding: 5px;
  text-align: center;
}

#accMainBottom{
  text-align: center;
  padding-bottom: 5px;
  padding-top: 20px;
  padding-right: 5px;
  padding-left: 5px;
}

/*
editBoat
*/

.boatThumbnail{
  margin-left: 5px;
  margin-right: 5px;
}

#boatDescFieldset{
  border: solid 1px #f5e6c6;
  width: 900px;
  height: 250px;
}

#boatPicFieldset{
  border: solid 1px #f5e6c6;
  width: 900px;
}

#boatAccFieldset{
  border: solid 1px #f5e6c6;
  width:900px;
}

#infosheetFieldset{
  border: solid 1px #f5e6c6;
  width: 900px;
}

#boatMainTop{
  text-align: center;
}

#boatMainTopLeft{
  float: left;
  width: 500px;
  position: static;
}

#boatMainTopRight{
  float: left;
  width: 43%;
  position: static;
}

/* Css för interfacet för att lägga till pdf-filer till båtarna
tog bort funktionen 20090721*/
#boatMainMiddle{
  clear: both;
  float: left;
}

#boatMainBotLeft{
  clear: both;
  float: left;
}

#boatMainBotRight{
  clear: both;
  float: left;
}

#boatMainBottom{
  clear: both;
}

#boatDataTable td{
  width: 200px;
}

.boatAccTdLeft{
  width: 300px;
}

.boatAccTdRight{
  width: 100px;
}

#select_form{
  width: 220px;
  margin-right: 72px;
}

.boatPicTable tr{
  height: 120px;
}

/*
contact / shipyard / handicraft
*/

.pictureDiv{
  float: left;
  margin-left: 2px;
}

.textDiv{
  width: 400px;
  clear: both;
  padding: 10px;
  float: left;
}

.bodyTextTitleDiv{
  clear: both;
  font-weight: bold;
  padding: 10px;
  padding-top: 20px;
  float: left;
  width: 400px;
}

.email a{
  color: yellow;
}

/*
Boats
*/

#boatDesc{
  clear: both;
  float: left;
  padding: 10px;
  width: 350px;
}

#imageViewer{
  margin-left: 20px;
  float: left;
  width: 370px;
}

#specs{
  font-size: 14px;
  padding-top: 20px;
  padding-left: 10px;
  float: left;
  clear:both;
}

#largeImage{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  height: 200px;
  width: 400px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}

#smallImages{
  overflow: auto;
  height: 95px;
  width: 250px;
  white-space: nowrap;
  margin-left: 60px;
}

#accList{
  clear: both;
  float: left;
  width: 200px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

#accList a{
  color: yellow;
}

#accDesc{
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  width: 300px;

}

#accPic{
  float: left;
  padding-top: 10px;
  padding-left: 20px;
}

.thumblist{
  border: none;
}

.filler{
  float: left;
  clear: both;
  padding-top: 40px;
  padding-bottom: 10px;
  padding-left: 10px;

  width: 760px;
  border-bottom: solid 1px;
}

.boatpics{
  border: none;
  margin-bottom: -20px;
}

.middleSized{
  border-style: none;
}

/*
 * editlinkpages
 */

#siteTextFieldset{
  border: solid 1px #f5e6c6;
  width: 900px;
  height: 250px;
}

#siteTextTextarea{
  float: left;
  width: 500px;
  position: static;
}

#siteTop{
  text-align: center;
}

#sitePicturesDiv{
  clear: both;
  float: left;
}

#sitePictures{
  border: solid 1px #f5e6c6;
  width: 900px;
}