/* CSS Document */

html {
	height: 100%;
	/*background: #CC3333;*/
	background: white;
}

h1 {
	background: #c64934;
	height: 50px;
	margin-bottom: 1px;
	text-align: center;
}
a.link_normal {
 	/*font-style: italic;*/
 	font-size: 18px;
 	font-variant: small-caps;	
 	word-spacing: 0em;
 	font-family: Helvetica, Baekmuk Dotum, arial, sans-serif;
 	color: #FF9933;
}
a.link_submenuselect {
 	/*font-style: bold;*/
 	font-size: 18px;
 	font-variant: small-caps;	
 	word-spacing: 0em;
 	font-family: Helvetica, Baekmuk Dotum, arial, sans-serif;
 	color: white;
}
a.link_side {
 	/*font-style: italic;*/
 	font-size: 18px;
 	font-variant: small-caps;	
 	word-spacing: 0em;
 	font-family: Helvetica, Baekmuk Dotum,arial, sans-serif;
 	color: #CC3333;
} 
a.link_portfolio {
 	/*font-style: italic;*/
 	font-size: 15px;
 	font-variant: small-caps;	
 	word-spacing: 0em;
 	font-family: Helvetica, Baekmuk Dotum,arial, sans-serif;
 	color: #CC3333;
 	/*font-stretch: expanded;*/
}
a.link_subportfolio {
 	font-size: 15px;
 	font-variant: small-caps;	
 	word-spacing: 0em;
 	font-family: Helvetica, Baekmuk Dotum,arial, sans-serif;
 	color: #FF9933;
}
a.link_mailke {
 	/*font-style: italic;*/
 	font-size: 12px;	
 	word-spacing: 0em;
 	font-family: Helvetica, Baekmuk Dotum,arial, sans-serif;
 	color: #CC3333;
}
a:link, a:visited {
	text-decoration:none;
}
a.link_side:hover {
	color: #FF9933;
}
a.link_portfolio:hover {
	color: #FF9933;
}
a.link_normal:hover  {
	color: white;
}

a.link_button:link img, a.link_button:visited img {
	border-style: none;
} 
a.link_mailke:hover {
	color: #FF9933;
}

p.warning {
	color: red;
	height: 25px;
	font-style: italic;
	border: 3px solid green;
	text-align: center;
	width: 350px;
	margin-left: 100px;
	padding-left: 2em;
}	
div.selectiebalk {
   position: absolute;
	margin-left:15px;
	margin-top: 150px;
}
div.portfolio_selectiebalk {
        position: absolute;
	margin-left: 15px;
	margin-top: 150px;
}
div#rodebalk {
	position: absolute;
	background: #CC3333;
	/*border: 1px solid black;*/
	margin-left: 60px;
	margin-top: 87px;
        width: 531px;
	height: 35px;
	/*margin-right: 10%;*/
	/*text-align: center;
	vertical-align: bottom;*/
	padding-left: 110px;
	padding-top: 10px;
        word-spacing: 0.75em;
}
div#bovenbalk {
	position: absolute;
	margin-top: 10px;	
}
img.logo {
	margin-left: 60px;
   /*width: 80px;
   height: 80px;*/
   background: blue;
	/*border: 1px solid black;*/
}
img.bislogo {
	margin-left: 10px;
   /*width: 80px;
   height: 80px;*/
   background: blue;
	/*border: 1px solid black;*/
}
img.centerimage {
	margin-left: 81px;
	margin-top: 31px;
}
img.centerimageV {
        /*width: 290px;
	height: 368px;*/
   	width: 255px;
	height: 323px;
	margin-left: 130px;
		
}
img.banalelogo {
	position: absolute;
	/*text-align: right;*/
	margin-left: 170px;
}
img.leftarrowbutton {
	/*position:absolute;*/
	margin-left: 20px;
	/*margin-top: -20px;*/
	width: 57px;
	height: 11px;
}
img.rightarrowbutton {
	/*position:absolute;*/
	margin-left: 380px;
	/*margin-top: -20;
	margin-left: 450px;*/
	width: 57px;
	height: 11px;
}
/*p.leftarrowbutton span, p.rightarrowbutton span  {
	display: none;
}*/


img.leftarrowbuttondisabled {
	margin-left: 20px;
	/*margin-top: 10px;*/
	width: 57px;
	height: 11px;
	color: grey;
}

img.rightarrowbuttondisabled {
	margin-left: 380px;
	width: 57px;
	height: 11px;
	color: grey;
}

div.sidebar {
	position: absolute;
	margin-top: 0px;
	top: 0;
	bottom: 0;
	/*left: 0;*/
	/*right: 98%;
	width: 30px;*/
	width: 40px;
	
	height: 523px;
	/*background: #663333;*/
	background:url(images/balkvl.jpg);
}
div.sidebar2 {
	position: absolute;
	margin-top: 0px;
	top: 0;
	bottom: 0;
	/*left: 0;*/
	/*right: 98%;*/
	width: 10px;
	height: 523px;
	/*background: #CC3333;*/
	background: #663333;
	margin-left: 30px;
}
div#aboutboody {
	position: absolute;
	/*top: 20%;
	bottom: 60%;
	left: 10%;
	right: 90%;*/
	margin-left: 171px;
	margin-top: 133px;
	margin-bottom: 0px;
	margin-right: 0px;
	width: 530px;
	height: 390px;
	/*background: green;
	border: 1px solid black;*/
	background-image:url(aboutme/wsaboutmejustme.jpg);
}
div#homeboody {
	position: absolute;
	/*top: 20%;
	bottom: 60%;
	left: 10%;
	right: 90%;*/
	margin-left: 171px;
	margin-top: 133px;
	margin-bottom: 0px;
	margin-right: 0px;
	width: 530px;
	height: 390px;
	/*background: green;
	border: 1px solid black;*/
	background-image:url(images/wshome.jpg);
}
div#contactboody {
	position: absolute;
	/*top: 20%;
	bottom: 60%;
	left: 10%;
	right: 90%;*/
	margin-left: 171px;
	margin-top: 133px;
	margin-bottom: 0px;
	margin-right: 0px;
	width: 530px;
	height: 390px;
	/*background: green;
	border: 1px solid black; */
	background-image:url(images/wscontact.jpg);
}

div#portfolioboody {
	position: absolute;
	/*top: 20%;
	bottom: 60%;
	left: 10%;
	right: 90%;*/
	margin-left: 171px;
	margin-top: 133px;
	margin-bottom: 0px;
	margin-right: 0px;
	width: 530px;
	height: 390px;
	/*background: green;
	border: 1px solid black;*/
	background-image:url(portfolio/wsportfolio.jpg);
}
div#portfoliocvboody {
	position: absolute;
	/*top: 20%;
	bottom: 60%;
	left: 10%;
	right: 90%;*/
	margin-left: 171px;
	margin-top: 133px;
	margin-bottom: 0px;
	margin-right: 0px;
	width: 530px;
	height: 390px;
	/*background: green;
	border: 1px solid black;*/
	background-image:url(aboutme/wsaboutmecv.jpg);
}
div#banaledesignboody {
	position: absolute;
	/*top: 20%;
	bottom: 60%;
	left: 10%;
	right: 90%;*/
	margin-left: 171px;
	margin-top: 133px;
	margin-bottom: 0px;
	margin-right: 0px;
	width: 530px;
	height: 390px;
	/*background: green;
	border: 1px solid black;*/
	background-image:url(banale_design/wsbanaledesignwhy.jpg);
}
div#banalesourceboody {
	position: absolute;
	/*top: 20%;
	bottom: 60%;
	left: 10%;
	right: 90%;*/
	margin-left: 171px;
	margin-top: 133px;
	margin-bottom: 0px;
	margin-right: 0px;
	width: 530px;
	height: 390px;
	/*background: green;
	border: 1px solid black;*/
	background-image:url(banale_design/wsbanaledesignbs.jpg);
}
div#artworkboody {
	position: absolute;
	/*top: 20%;
	bottom: 60%;
	left: 10%;
	right: 90%;*/
	margin-left: 171px;
	margin-top: 133px;
	margin-bottom: 0px;
	margin-right: 0px;
	width: 530px;
	height: 390px;
	/*background: green;
	border: 1px solid black;*/
	background-image:url(banale_design/wsbanaledesignaop.jpg);
}
body.bodystyle {
	position: absolute;
   /*margin-top:10px;*/
   margin-top:3%;
   margin-left:10%;
	width: 701px;
	/*border: 1px solid black;
   *border: 1px solid black;
   _border: 1px solid black;*/
   height: 523px;
   background:white;
         
}
div#boody {
	position: absolute;
	/*top: 20%;
	bottom: 60%;
	left: 10%;
	right: 90%;*/
	margin-left: 171px;
	margin-top: 133px;
	margin-bottom: 0px;
	margin-right: 0px;
	width: 530px;
	height: 390px;
	/*background: green;*/
	/*border: 1px solid black;*/
	background-image:url(images/underconstruction.jpg);
}
p.rightalign {
	position: absolute;
	text-align: right;
	/*right: 490px;*/
	margin-left: 500px;
	width: 200px;
	font-size: 12px;
	color: #CC3333;
}
p.leftalign {
	position: absolute;
	text-align: left;
	/*right: 490px;*/
	margin-top:70px;
	margin-left: 60px;
	width: 200px;
	font-size: 12px;
	color: #CC3333;
}
p.aboutbodytekst {
	font-size: 15px;
	color: white;
	font-variant: small-caps;	
	line-height: 0.75em;
	font-family: Helvetica, Baekmuk Dotum,arial, sans-serif;
}
em.blacktext {
	color: black;
	font-size: 12px;
	font-variant: small-caps;	
	/*line-height: 1em;*/
	font-family: Helvetica, Baekmuk Dotum,arial, sans-serif;
}
div#aboutbody {
	position: absolute;
	margin-top: 200px;
	margin-left: 35px;
	width: 260px;
}
div#aboutbottom {
	/*margin-top: 1px;*/
		position: absolute;
	margin-left: 35px;
}
em.slashke {
	color:maroon;
}

p.tekstalign {
	/*height: 100%;*/
	/*height: 200px;*/
	/*border: 3px solid green;*/
	text-align: left;
/*	text-indent: -2em; */
	padding-left: 2em;
	padding-right: 3em;
/*	width: 600px;*/
/*	overflow: auto;*/
}	


/*ol.listtest {
	text-align: right;
	margin-right: 580px;
}*/
ol li {
	list-style-type: decimal;
	/*width: 450px;*/
	padding-left: 2em; 
}