body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 62.5%;
	font-family:  Helvetica, Arial, sans-serif;
	background-color: #EEE;	
}

a img{
	border:none;
	text-decoration: none;
}

p, ul {
	font-size: 1.2em;
}

#wrapper {
	position: relative;
	margin:22px auto 0 auto;
	text-align:left;
	width:906px;	
	background: #FFF url(/illustratorene/images/bg-edge.gif) repeat-y top right;	
}

#banner {
	height: 50px;
	background: url(/illustratorene/images/bg-bann.gif) no-repeat top right;
}

#banner p {
	float:right;
	background:url(/illustratorene/images/symbol.gif) no-repeat 97% 50%;
	border: 1px solid #cccccc;
	padding:4px 24px 3px 8px;
	margin:32px 24px 0 0;
}

#banner img{
	float: left;	
	margin: 30px 0 0 25px;
	width: 350px;
}

/*#nav {
	clear:both;
	margin:0;
	text-align: center;
	outline: 1px solid red;
}*/

ul#nav {
	margin: 0 0 0 179px;
	padding: 40px 0 0 0;
	list-style: none;
}

#nav li {
	float: left;
	margin-right: 4px;
	}
	
/* Main Navigation Image Replacement */

/* Master */	
#nav li a:link span , #nav li a:visited span{ position:absolute; width:100%; height:100%; }


/* Home */
#nav li#hjem { width:54px; height:27px; position:relative; }
li#hjem a:link span, li#hjem a:visited span { background:url(/illustratorene/images/hjem_com.gif) no-repeat; }
li#hjem a:hover span, li#hjem a:active span { background-position:-54px 0; }

/* Portfolio */
#nav li#portfolio { width:96px; height:27px; position:relative; }

body#home li#portfolio a:link span,
body#home li#portfolio a:visited span { background:url(/illustratorene/images/Portfolio.png) no-repeat; }
body#home li#portfolio a:hover span,
body#home li#portfolio a:active span { background-position:-96px 0; }
body#home li#portfolio a.current span { background:url(/illustratorene/images/Portfolio.png) no-repeat; background-position:-96px 0; }

/* Kontakt */
#nav li#kontakt { width:81px; height:27px; position:relative; }
li#kontakt a:link span, li#kontakt a:visited span { background:url(/illustratorene/images/kontakt_com.gif) no-repeat; }
li#kontakt a:hover span, li#kontakt a:active span { background-position:-81px 0; }

ul#subnav {
	margin: 0 33px 0 0;
	padding: 0;
	display: block;
	font-size: 11px;
	float: right;
}

ul#subnav li {
	float: left;
	list-style:none;
	padding:4px 6px 4px 8px ;
	background-color:#bc1a8c;
}

ul#subnav li a {
	color: #FFf;
	text-decoration: none;
}

/*----------
  subnav
--------- */

body#home ul#subnav li { background-color:#bc1a8c; 	color: #FFF;}
body#home ul#subnav li a:link, body#home ul#subnav li a:visited { border-bottom: 3px solid #bc1a8c;}
body#home ul#subnav li a:hover, body#home ul#subnav li a:active, body#home ul#subnav li a.current { border-bottom: 3px solid #FFF; color: #FFF;}

ul#subnav li a:hover,
ul#subnav li a:active,
ul#subnav li a.current {
	text-decoration: none;
	padding:0 0 1px 0;
	}

#main {
	margin:32px 0 0 0;
}

#left {
	float:left;
	width:177px;
	padding:0 0 150px 24px;
	margin: 0;
	display: inline;
}

#left p{
	margin: 0;
	padding: 0;
}

#left a img{
	text-decoration:none;
}

#left a {
	color:#666;
}

#left a:link, a:visited {
	text-decoration: none;
}

#left a:hover, a:active {
	text-decoration: underline;
}


#id_box {
	width:153px;
	border: 1px solid #cccccc;
}

#id_box h2{
	color:#00adef;
	border-bottom: 1px solid #cccccc;
	font-size: 1.8em;
	font-weight:bold;
	line-height:110%;
	padding:0 20px 15px 15px;
	margin:10px 0 0 0;
}

address {
	color:#666;
	font-style:normal;
	line-height:120%;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

#download {
	padding:0;
}

#download img{
	margin: 0 5px -3px 0;	
	display: inline;
}

#download p {
	margin: 0;
}

#download a:link, #download a:visited {
	text-decoration: underline;
	}	

#download a:hover, #download a:active {
		text-decoration: underline;
		}

ul.communication {
	color:#666;
	font-style:italic;
	text-decoration:none;
	list-style-type:none;
	font-size:1.2em;
	margin:8px 0 0 0;
	padding: 0;
}

ul.communication a{
	color:#666;
	font-style:italic;
	text-decoration:none;
}

ul.communication li{
	line-height:1.4em;
}

ul.communication li.email {
	margin-bottom: 1em;
}

#right {
	float:right;
	display: inline;
	width:690px;
	padding:0 0 50px 0;
}

#gallery {
	margin:0 0 0 24px;
}

#scroller {
	float:left;
	width:422px;
}

.imgwrap {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;	
	border-top: 1px solid #CCC;
}

.imgwrap img {
	border-top: 1px solid #CCC;
}

.desc {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 1em;
}

.desc p, .desc h4 {
	margin: 0;
	padding: 0;
}

#controls {
	float:left;
	margin:0;
	padding:0;	
}

#gallery ul {
	border: 1px solid #ccc;
	font-style:normal;
	margin:10px 0 0 0;
	padding: 0px 22px 0px 4px;
	background:url(/illustratorene/images/mag.gif) no-repeat 100% 50%;
}

#gallery li{
	display:inline;
}

/*--------------------
	pagination links
----------------------*/

#scroller a, #scroller span {
	padding: 0px;
	margin: 0 0em;
	font-weight: bold;
}

#scroller a:link, 
#scroller a:visited {
	color:#666;
	text-decoration: none;
}

 
#scroller a:hover, 
#scroller a:active {
	color:#FFF;
	text-decoration:none;
}

span.current {
	font-weight:bold;
	color: #FFF;
}	

p.fave {
	float:right;
	border: 1px solid #ccc;
	border-bottom: none;
	border-right: none;
	margin: 0 0 0 0;
	padding:4px 24px 3px 8px;
	letter-spacing:normal;
	background:url(/illustratorene/images/fav.gif) no-repeat 100% 50%;
}

p.paginate {
	float: left;
	border: 1px solid #ccc;
	border-bottom: none;
	margin: 0;
	padding:4px 4px 3px 4px;
	letter-spacing:normal;
}

p.summary {
	clear: left;
}


#projects {
	float:left;
	display: inline;
	width:146px;
	margin:0 0 0 24px;
}

#projects img {
	margin:0 8px 8px 0;
}

#projects a img {
	text-decoration: none;
	padding: 0;
}
	

#menu p{
	border: 1px solid #ccc;
	color:#00adef;
	margin:0 18px 0 0;
	text-align:center;
	letter-spacing:1px;
	padding:8px 0 4px 0;
	font-weight:bold;
}

#biog {
	float: left;
	width: 550px;
	margin: 20px 0 0 24px;
	display: inline;
}
#biog .entry{
	clear: both;
	float: none;
}
#biog .entry_text{
	float: left;
	width: 430px;
	margin: 0px;
	display: block;
	text-align: justify;
}
#biog .entry_image{
	float: right;
/*	border: 1px green solid; */
	margin: 0px;
}

#news {
	float:right;
	margin:20px 0 0 0;
	padding:0 120px 0 0;
	width:200px;
}

#news a {
	text-decoration:none;
	color:#00ADEF;
	}

#news a:link, a:visited {
	text-decoration: none;
}

#news a:hover, a:active {
	text-decoration: underline;
}

#footer {
	clear:both;
	background:url(/illustratorene/images/bg-foot.gif) no-repeat bottom right;
	height: 50px;

}

#footer p {
	padding:0 0 10px 0;
}

div.spacer {
	clear: both;
}

#left h3 {
	margin:20px 0 18px 0;
}

h3 {
	color:#00adef;
	margin: 20px 0 18px 0px;
	font-size: 1.6em;
	font-weight:normal;	
}
	
h4 {
	color:black;	
	margin: 20px 0 12px 0px;
	font-size: 12px;
}	

#biog h4, #news h4 {
	clear: left;
}
	
p {
	color:#636466;
	font-size:1.2em;
	line-height:130%;
}

#ad_footer p{
	font-size: 11px;
}

#ad_footer a{
	color:#666;
}

#ad_footer a:link, #ad_footer a:visited {
	text-decoration: underline;
	padding: 2px;
	margin-left: -2px;
}

#ad_footer a:hover, #ad_footer a:active {
	background-color: #00ADEF;
	color: #FFF;
	text-decoration: none;
	margin-left: -2px;
	padding: 2px;
}

/*
Error Message styles
*/

#error { width: 575px; }
#error-msg { float: right; width: 300px; padding: 4em 0 0 0; }
#error img { float: left; border-right: 1px solid #9C9EA1; margin: 1em 0; }
#error h1 { font-size: 2.4em; color: #FFF; background-color: red; margin-left: -0.45em; padding: 0.4em 0.7em 0.15em 0.4em; width: 60px; }
#error h2 { font-size: 1.8em; margin: 1.25em 0; }
#error p { font-size: 1.3em; }
#error a { margin-left: -2px; padding: 2px; }
#error a:link, a:visited { color: #7FAE41; text-decoration: underline;}
#error a:hover, a:active { color: #FFF; background-color: #7FAE41; text-decoration: none;}

#kon {
	float:left;
	width:300px;
	margin:0 0 0 24px;
}

#visit {
	float:right;
	margin:0 0 0 0;
	padding:0 120px 0 0;
	width:200px;
}

#kon h3,
#visit h3 {
	color:#fff;
	background:#7fae41;
	padding: 6px 3px 3px 3px;
	letter-spacing:1px;
	font-weight:bold;
}
h3.green {
	color:#fff;
	background:#7fae41;
	padding: 6px 3px 3px 3px;
	letter-spacing:1px;
	font-weight:bold;
	width: 68px;
}

#kon h3 { 
	width:68px;
}

#visit h3{
	width:68px;
}

#kon h4, #visit h4 {
	letter-spacing:1px;
}

/*----------------
	#biog h3, #news h3
-----------------*/

#biog h3, #news h3 {
	color:#fff;	
	padding: 6px 3px 3px 3px;
	letter-spacing:1px;
	font-weight:bold;
}

#biog h3 {
	float:left;
	clear: left;
	line-height: 1em;
}

#news h3 {
	width:3.8em;
}

/*----------------
	#news a
-----------------*/


#project_items a {
	color:#666;
	font-size: 1.1em;
}
#project_items a:link, a:visited {
	text-decoration: none;
}
#project_items a.first {
	margin-left: 0px;
}
#project_items a.second {
	margin-left: 10px;
}