/*By Johannes Leuchvoius @ Wepic visions, www.wepic.se - johannes@wepic.se*/

/*----- Global Properties -----*/
body { color: black; background: #a9171c /*url(../images/bg.jpg) repeat-x*/; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
li { font-size: 10px;}
a:link { color: #a9171c; text-decoration: underline; }
a:visited { color: #a9171c; text-decoration: underline; }
a:hover { color: #640003; text-decoration: underline;  }
form { display: inline; }
fieldset { display: inline; padding: 2px 2px 2px 2px; margin: 0px 5px 0px 0px; }
img { border: none; margin: 0px; padding: 0px;}
a { border: 0px; margin: 0px; padding: 0px;}
a img { border: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, div { margin: 0; padding: 0; text-indent: 0px;}
h1 { font-size: 15px; }
h2 { color: #000; font-size: 13px; padding: 1px 0px 3px 0px; }
h3 { color: #fff; font-family: Georgia; font-size: 12px; padding: 4px 0px 0px 0px; }
p { font-size: 11px; margin-bottom: 5px; padding: 0px 0px 0px 0px; }
ul { margin: 0px; padding: 0px; text-decoration: none; list-style: none; text-indent: 0px; }
li { margin: 0px; padding: 0px; }
.clear { clear: both; }
.clear5 { clear: both; height: 5px; }
.clear15 { clear: both; height: 15px; }
.left { float: left; padding: 0px 0px 0px 0px; }
.right { float: right; padding: 0px 0px 0px 0px; }
.center { text-align: center; }

/*#nilsContainer { background: url(../images/bg_.jpg) repeat-x; width: 850px; height: 850px; margin-left: auto; margin-right: auto; padding: 40px 0px 0px 0px; }*/
#subNilsContainer { width: 655px; margin-left: auto; margin-right: auto; padding: 40px 0px 0px 0px; }
#subNilsContainer h1 { background: url(../images/logo.gif) no-repeat; width: 270px; height: 57px; text-indent: -100em; overflow: hidden; display: block; float: left;}
#subNilsContainer .cv { background: url(../images/logo_cv.gif) no-repeat; width: 270px; height: 57px; text-indent: -100em; overflow: hidden; display: block; float: left;}
#logo { background: url(../images/logo.jpg) no-repeat; width: 251px; height: 57px; }
#top { background: url(../images/top.gif) no-repeat; width: 650px; height: 18px; float: left; }
#middle { background: #dfd9c2; width: 610px; padding: 0px 20px 0px 20px; float: left; }
#middle h2 { width: 300px; padding: 0px 0px 5px 0px; }
#middle p { line-height: 16px;}
#middle object { float: left; margin-top: 2px;}
#bottom { background: url(../images/bottom.gif) no-repeat; width: 650px; height: 18px; float: left; }

/*.index { padding: 0px 0px 0px 15px; font-size: 11px; line-height: 13px; width: 285px; float: left; }*/
.index { background: url(../images/index_text.gif) no-repeat; width: 300px; height: 301px; float: left; }

#menu { width: 294px; padding: 30px 0px 0px 10px; float: right; }
#menu ul { padding: 5px 0px 0px 0px; }
#menu li { display: inline; font-size: 13px; /*width: 75px;*/margin-left: 18px; float: left; }
#menu a:link { color: #dfd9c2; font-weight: bold; text-decoration: none; display: block; /*width: 70px;*/ /*border-bottom: 5px solid #dfd9c2;*/ float: left; }
#menu a:visited { color: #dfd9c2; font-weight: bold; text-decoration: none; display: block; /*width: 70px;*/ /*border-bottom: 5px solid #dfd9c2;*/ float: left; }
#menu a:hover { color: #000; font-weight: bold; text-decoration: none;  display: block; /*width: 70px;*/ /*border-bottom: 5px solid #000;*/ float: left; }

#start #nav-start a, #fakta #nav-fakta a, #utdrag #nav-utdrag a, #cv #nav-cv a, #kontakt #nav-kontakt a
{ color: #000; font-weight: bold; text-decoration: none;  display: block;  /*width: 70px;*/ /*border-bottom: 5px solid #000;*/ float: left; }

/*----- Fakta -----*/

#info { width: 280px; float: left; }
#info h2 { width: 150px;  }
#forfattare { width: 150px; float: left;  }
#forfattare h2 { width: 150px;  }
#forfattare2 { width: 150px; float: left;  padding: 22px 0px 0px 0px; }

.specialtopmargin { margin-top: 7px;}
/*----- Fakta ends -----*/

/*----- Utdrag -----*/
#uppslag {  margin-left: auto; margin-right: auto; width: 600px; /*height: 375px;*/ text-align: center; }
#uppslag img { /*border: 1px solid #999999;*/  }
/*#uppslag #mittlinje { border-right: 1px solid #999999; width: 300px; height: 376px; float: left; position: absolute; z-index: 1;}*/

#pag { font-size: 12px; margin-left: auto; margin-right: auto; width: 600px; margin-top: 7px; clear: left;}
#pag p { font-size: 12px; color: #a9171c; text-align: right; width: 173px; float: left;}
#pag .zoom  { background: url(../images/zoom.gif ) no-repeat; float: left; text-indent: 16px;}
#pag .back  { background: url(../images/back.gif ) no-repeat; float: left; text-indent: 16px;}
#pag .next  { background: url(../images/next.gif ) no-repeat right; float: right; width: 107px;}


/*----- Utdrag ends -----*/

/*----- kontakt -----*/
#kontakaMig { width: 305px; float: left; }
#bokKop { width: 305px; float: left; }
.boken { margin-left: 80px; }

#contactForm { width: 206px; height: 260px; padding: 0px 0px; float: left; font-size: 11px;}
#contactForm .textInput { border: 1px solid #c2bdb9; font-size: 11px; padding: 2px; width: 200px; height: 15px; margin-bottom: 6px; }
#contactForm .textarea { border: 1px solid #c2bdb9; font-size: 11px; height: 150px; padding: 2px; width: 200px; margin-bottom: 6px; font-family: verdana; overflow: auto; }
#contactForm .buttonInput { color: #dfd9c2; background: url(../images/submit.gif ) no-repeat; border: none; font-size: 11px; height: 22px; padding: 2px; width: 100px; float: right; }
#mailLog { margin-top: 100px; margin-left: 30px; }
#mailLog p { font-size: 11px; }
#mailLog  { font-size: 11px; }

/*----- kontakt ends -----*/

.Middle { font-size: 12px; }
.Middle h2 { font-size: 16px; padding: 10px 0 5px 0; }
.Middle h3 { color:#000; font-size: 12px; font-family: verdana; padding: 15px 0 0px 0; float:left; }
.Middle table h2 { font-size: 16px; padding: 10px 0 5px 0; float:left; }
.Middle table p { font-size: 12px; float:left; padding: 15px 0 0 10px; margin: 0; }
.Middle a {  }
.Middle table td { padding: 0 0 3px 0;  }

/*----- CV ends -----*/

#foot { color: #771519; float: left; padding: 3px 0px 10px 0px; }
#foot a:link { color: #771519; }
#foot a:visited { color: #771519; }
#foot a:hover { color: #dfd9c2; }