/* 
	///// general setup 
*/

html {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height:1.35em;
	color: #111;

    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
      
    _padding:80px 250px 0px 0px;
}

body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;	
    zoom:1;
}

p { 
	margin: 0 0 4px 0;
}


/* 
	///// head 
*/

#head {
    overflow:hidden;
    position:absolute;
    width:100%;
    height:80px;
    top:0;
    left:0;
    _zoom:1;
    _overflow:visible;
    _padding:0 0 0 0; 
 }

#head .frame{
  
  overflow:auto;
  _padding:0 0 0 0; 
  _zoom:1;
  
}

/* logo */

#head .logo {
    position:absolute;
    top:20px;
    left:20px;

	margin: 0;
	padding: 0;
	width:211px;
	float:left;
}
#head .logo h1 { 
	background: transparent url(pics/mikeljaso.gif) no-repeat top left; 
}
.logo h1 { 
	width: 211px; 
	height: 20px;
	float: left;
	padding: 0;
	margin: 0;
}
.logo h1 span {
	display: none;
}
.logo h1 a {
	width: 211px; 
	height: 20px;
	display: block;
	text-decoration: none;
}
#head .logo h1 a {
	height: 20px;
}
.logo img {
	display: none;
}

/* navigation */

#head .navigation {
    position:absolute;
    /* top:27px; */
    bottom:36px;
    left:230px;

	padding: 0;
	float:left;
}

#head .navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#head .navigation ul li {
	float: left;
	margin-left: 20px;
}

#head .navigation ul li a {
	color: #111;
	text-decoration: none;
}
#head .navigation ul li a.act {
	text-decoration: underline;
}

#head .navigation ul li a:hover, #head .navigation ul li a:active {
	color: #000;
	text-decoration: underline;
}

/* nav item margins */

#head .navigation ul li.nav_1 {
	margin-left: 20px;
}
#head .navigation ul li.nav_2 {
	margin-left: 19px;
}
#head .navigation ul li.nav_3 {
	margin-left: 19px;
}
#head .navigation ul li.nav_4 {
	margin-left: 19px;
}
#head .navigation ul li.nav_5 {
	margin-left: 19px;
}
#head .navigation ul li.nav_6 {
	margin-left: 19px;
}
#head .navigation ul li.nav_7 {
	margin-left: 19px;
}
#head .navigation ul li.nav_8 {
	margin-left: 19px;
}
#head .navigation ul li.nav_9 {
	margin-left: 19px;
}
#head .navigation ul li.nav_10 {
	margin-left: 19px;
}



/* 
	///// frame setup 
*/

#project, #projects {
	margin: 0;
	padding: 0;
	clear:both;
}

#modules {
	
    overflow:hidden;
    position:absolute;

    top:80px;
    left:250px;	
    right:0px;
    bottom:0px;
    z-index:2;

    _top:80px;
    _bottom:auto;
    _height:100%;
}

#modules .frame {
	overflow:auto;
}

/* home page projects */

#projects #modules {
    left:20px;
}


#projectinfo {
  
    overflow:hidden;
    position:absolute;
    width:210px;
    /* height:370px; */

    top:71px;
    bottom:0px;
    left:20px;
    z-index:4;

    _height:100%;
    _bottom:auto;
    _padding:0 0 0px 0;	
}

#projectinfo .frame {
    overflow:hidden;
    _padding:0 0 0px 0;	
}

.frame{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
    zoom:1;
    _right:0;
    _bottom:0;
    _width:100%;
    _height:100%;
    _position:relative;

}
.frame-bd{
  zoom:1;
}

#projecttext {
	position:relative;
	width:210px;
	height:500px;
	padding:0;
	margin:0;
}

#projecttext .text {
	position:absolute;
	top:48px;
}

.shopinfo { 
	background: transparent url(pics/shop.gif) no-repeat top right; 
}

.shopinfo .text { 
	top:140px !important;
}

p.return {
	margin-top:17px;
}

/* project navigation */

#projecttext .nav {
	position:relative;
}

#projecttext .nav .top {
	position:absolute;
	top:-1px;
	left:0;
}
#projecttext .nav .back {
	position:absolute;
	top:-1px;
	left:38px;
}
#projecttext .nav .sep {
	position:absolute;
	top:1px;
	left:55px;
	color:#111;
}
#projecttext .nav .fwd {
	position:absolute;
	top:-1px;
	left:65px;
}

#projecttext .nav .a_s {
	padding:2px;
	display:block;
	color:#ccc;
}
#projecttext .nav a {
	color: #111;
	text-decoration: none;
	padding:2px;
	display:block;
}
#projecttext .nav a:hover, #projecttext .nav a:active {
	color: #000;
	text-decoration: none;
}




/* 
	///// link definitions 
*/

a {
	outline:none;
}

a.textl:link, a.textl:visited {
	color: #111;
	text-decoration:underline;
}
a.textl:hover, a.textl:active {
	color:#000;
}

a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}



/* 
	///// module definitions 
*/


/* home modules */

#modules {
	margin: 0;
	padding: 0;	
}

#modules_home {
	position:relative;
}

#modules_left {
	position:relative;
}

.module_homeimage {
	position:absolute;
	margin: 0;
	padding: 0;
}

.module_hometext {
	position:absolute;
	margin: 0;
	padding: 0;
	overflow:auto;
}

.module_leftimage {
	position:absolute;
	margin: 0;
	padding: 0;
}

.module_lefttext {
	position:absolute;
	margin: 0;
	padding: 0;
	overflow:auto;
}

.module_homeimage a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration:none;
}



/* image module */

.module_imageandtext {
	float:left;
	margin: 0;
	padding: 0;
}

.module_imageandtext .image_content {
	margin: 0;
	padding: 0;
	border-width: 0;
}

.module_imageandtext .text_content {
	margin: 14px 0 0 0;
	padding: 0;
}



/* text module */

.module_text {
	float:left;
	margin: -3px 0 0 0;
	padding: 0;
}

.module_text .text_content {
	margin: 0;
	padding: 0;
}

/* about text module */

.module_abouttext {
	margin: 0;
	padding: 0;
}

.module_abouttext .text_big {
	float:left;
	margin: 0;
	padding: 0;
}
.module_abouttext .text_small {
	float:left;
	width: 200px;
	margin: 4px 0 0 0;
	padding: 0;
}


/* slideshow module */

.module_slideshow {
	display:block;
	position:absolute;
	margin: 0;
	padding: 0;
}

.module_slideshow_content {
	display:block;
	float:left;
	margin: 0;
	padding: 0;
}





/* contact form module */

.module_contactform {
	position:absolute;
	margin: 0;
	padding: 0;
	width:220px;
}

.module_contactform .contact_form_title {
	font-weight:normal;
	margin: 0 0 3px 0;
}

.module_contactform .text_big {
	margin: 0;
	padding: 0;
}

.module_contactform .text_big a {
	text-decoration:none;
}

.module_contactform .form {
	margin: 0;
	padding: 0;
}

input.contactfield {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #111;
	background-color: #fff;
	width: 200px; 
	border: solid #111 1px; 
    padding: 3px 3px 2px 3px;
	margin: 0 0 5px 0;
}

.button {
	display: block;
	width: 208px;
	margin: 6px 3px 0 0;
	height: 20px;
}

/*
.button a:link, .button a:visited, .button a:active {
	color: #fff;
	font-weight: normal;
	display: block;
	text-decoration: none;
	background-color: #111;
	font-style:normal;
	line-height:16px;
}

.button a:hover {
	text-decoration: none;
	background-color: #000;
}
*/
.button a:link, .button a:visited, .button a:active {
	color: #111;
	font-weight: normal;
	display: block;
	text-decoration: none;
	background-color: #d9d9d9;
	font-style:normal;
	line-height:16px;
	border: solid #111 1px; 
}

.button a:hover {
	text-decoration: none;
	color: #000;
}

.blocklabel {
	padding: 4px 5px 2px 5px;
	display:block;
}




/* general information */

form {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: 1em;
}

.clear {
	margin:0;
	padding:0;
	clear: both;
}

.space20, .dist20 {
	clear:both;
	height: 20px;
	font-size:1px;
}

.space10, .dist10 {
	clear:both;
	height: 10px;
	font-size:1px;
}

.space5, .dist5 {
	clear:both;
	height: 5px;
	font-size:1px;
}

.space3, .dist3 {
	clear:both;
	height: 3px;
	font-size:1px;
}

.text_large {
	font-size:1.6em;
	line-height:1.2em;
}





 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benštigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benštigt nur der Internet Explorer und źber iehacks.css zugeschaltet */
  #ie_clearing { display: none; }