/* mac hide\*/ 
#body, html, body {height:100%} 
/* end hide */ 
body { 
	padding:0; 
	margin:0; 
	text-align:center; /* for ie6 and under */ 
	min-width:1000px;/* for mozilla*/ 
	font-family:Arial;
	font-size:12px;
} 
#outer{ 
   min-height:100%; 
   width:100%; /* add 2px if borders are not used */ 
   color: #000000; 
   text-align:left; 
   margin:auto; 
   position:relative; 
/* The background image needs to be the same width as the #left div. The one I used is 138px X 9px */ 
} 

* html #outer {height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/ 
#header{ 
	min-height:105px; 
	position:relative;
	background-image:url('http://www.webcurve.nl/images/top.png');
	background-position:center;
	background-repeat: no-repeat;
	background-color:#121f26;
	color:#FFFFFF;
	font-size:12px;
} 
* html #header{ height:105px; }

#MiddleHead {
	width:800px;
	height:105px;
	position:relative;
	left:50%;
	margin-left:-400px;
}

.BigTextWhite {
	font-size:20px;
	padding:0px 0px 0px 70px;
}

.BigTextOrange {
	font-size:28px;
	color:#e85826;
	font-weight:bolder;
	padding:0px 0px 0px 100px;
}

#SloganTxt {
	width:580px;
	padding:15px 0px 0px 40px;
	position:relative;
	float:left;
}

#LoginPanel {
	position:relative;
	float:left;
	text-align:right;
	width:180px;
	padding:35px 0px 0px 0px;
}

#WelcTxt {
	padding: 35px 0px 0px 0px;
	margin:0px;
}
.loginboxdiv {
	margin:0px;
	height:19px;
	width:88px;
	float:right;
	background-image:url('http://www.webcurve.nl/images/field.png');
	background-repeat:no-repeat;
	background-position:bottom;
}
/* attributes of the input box */
input.LoginField {
	background:none;
	border:none;
	width:80px;
	height:15px;
	margin:0;
	padding: 2px 7px 0px 7px;
	font-size:10px;
	color:gray;
}

input.LoginButton {
	margin: 5px 0px 0px 0px;
	width:55px;
	background-color:#e85826;
	border: 1px solid #FFFFFF;
	color:#FFFFFF;
}

.LoginHead {
	font-size:13px;
	margin: 0px 0px 0px 0px;
	font-weight:bolder;
}

.LoginForm {
	padding:0px;
	margin:0px;
}
#menu{ 
	height:88px; 
	position:relative;
	background-color:#FFFFFF;
	width:100%;
} 

#LogoDiv {
	width:380px;
	height:88px;
	position:relative;
	float:left;
	z-index:1;
	padding:5px 5px 5px 15px;
}

#imghead{ 
	height:152px;
	width:100%;
	position:relative;
	background-image:url('http://www.webcurve.nl/images/orange_bg.png');
	background-position:center; 
	background-repeat: no-repeat;
	background-color:#e85826;
	z-index:-1;
}

.OuterBttn {
	position:relative;
	float:right;
}

.Link {
	width:120px;
	height:88px;
	line-height:80px;
	text-align:center;
	display:block;
	background-image:url('http://www.webcurve.nl/images/orange_corner.png');
	background-repeat:no-repeat;
	background-position: 105px 70px;
}

.FontBlack { color:#000000; }
a:link.Link { text-decoration:none; font-size:20px; color:#E8622A; }
a:visited.Link { text-decoration:none; font-size:20px; color:#E8622A; }
a:hover.Link { text-decoration:underline; font-size:20px; color:#E8622A; font-weight:bold; }
a:active.Link { text-decoration:underline; font-size:20px; color:#E8622A; font-weight:bold; }

a:link.sublink { text-decoration:none; font-size:12px; color:#000000; }
a:visited.sublink { text-decoration:none; font-size:12px; color:#000000; }
a:hover.sublink { text-decoration:underline; font-size:12px; color:#000000; }
a:active.sublink { text-decoration:underline; font-size:12px; color:#000000; }

ul.submenu {
	list-style:none;
	padding:5px;
	margin:0px;
	display:none;
	background-color:#FFFFFF;
	height:142px;
	width:110px;
	overflow:hidden;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	z-index:999999;
}

#imgBoven {
	background-image:url('http://www.webcurve.nl/images/leftup.png');
	background-position:top left;
	width:397px;
	height:31px;
}

#DownImgHead {
	width:100%;
	height:2px;
	border-bottom:1px solid #e85826;
}

#body {
	width:100%;
	height:auto;
}
#BreadCrumb {
	padding:5px;
	height:20px;
	font-size:12px;
}

.BreadCrumbLink {
	color:#E8622A;
	font-size:12px;
}

a:link.BreadCrumbLink { text-decoration:underline; font-size:12px; color:#E8622A; }
a:visited.BreadCrumbLink { text-decoration:underline; font-size:12px; color:#E8622A; }
a:hover.BreadCrumbLink { text-decoration:underline; font-size:12px; color:#E8622A; }
a:active.BreadCrumbLink { text-decoration:underline; font-size:12px; color:#E8622A; }

#content { 
   position:relative;/*ie needs this to show float */ 
   width:100%;
}

#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	margin: 0 230px 0 215px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	padding:0px 5px 5px 5px;
}

#leftcolumn{
	float: left;
	width: 215px; /*Width of left column*/
	margin-left: -100%;
	padding-top:40px;
}

#submenu_content {
	width:200px;
	border:1px solid #304854;
	margin:0px 5px 5px 5px;
}

#SubHead {
	width:200px;
	height:30px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#304854;
	line-height:30px;
}

#SubBody {
	width:190px;
	padding:5px 5px 5px 5px;
}

.SubBodyUl {
	list-style:none;
	margin:0px;
	padding:0px;
	width:190px;
}

a:link.SubItemsBody { text-decoration:none; font-size:12px; color:#000000; }
a:visited.SubItemsBody { text-decoration:none; font-size:12px; color:#000000; }
a:hover.SubItemsBody { text-decoration:underline; font-size:12px; color:#000000; }
a:active.SubItemsBody { text-decoration:underline; font-size:12px; color:#000000; }

#rightcolumn{
	float: left;
	width: 230px; /*Width of right column*/
	margin-left: -230px; /*Set left marginto -(RightColumnWidth)*/
	padding-top:40px;
}

#footer { 
   width:100%; /* add 2px if borders are not used on the #outer div */ 
   clear:both; 
   height:24px; 
   color: #FFFFFF;
   text-align:right;
   left:0;
   bottom:0; 
   position: absolute;
} 

* html #footer {/*only ie gets this style*/ 
   height:26px;/* for ie5 */ 
   height:24px;/* for ie6 */ 
   margin-bottom:-1px; 
}

a:link.CopyFooterLink { text-decoration:underline; font-size:10px; color:#FFFFFF; }
a:visited.CopyFooterLink { text-decoration:underline; font-size:10px; color:#FFFFFF; }
a:hover.CopyFooterLink { text-decoration:underline; font-size:10px; color:#FFFFFF; }
a:active.CopyFooterLink { text-decoration:underline; font-size:10px; color:#FFFFFF; }

#CopyFooter {
	padding:3px 5px 0px 0px;
	color:#FFFFFF;
	font-size:10px;
}

#UpFooter {
	width:100%;
	height:2px;
	border-top:1px solid #e85826;
}

#DownFooter {
	width:100%;
	height:21px;
	background-image:url('http://www.webcurve.nl/images/bottom.png');
	background-repeat:no-repeat;
	background-position:center;
	background-color:#223039;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/ 

#clearfooter {width:100%;height:24px;clear:both} /* to clear footer */ 

h1.title{
	font-size:18px;
	color:#304854;
	text-align:left;
}

h1 {
	color:#304854;
	font-size:16px;
}

h2 {
	color:#304854;
	font-size:14px;
}

h3 {
	color:#304854;
	font-size:12px;
}

a:link { text-decoration:underline; font-size:12px; color:#E8622A; }
a:visited { text-decoration:underline; font-size:12px; color:#E8622A; }
a:hover { text-decoration:underline; font-size:12px; color:#E8622A; }
a:active { text-decoration:underline; font-size:12px; color:#E8622A; }

p { text-align:left; }

/*-----------------*/
/*	Call snippet   */
/*-----------------*/
a.CallPanel {
	width:200px;
	height:300px;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url('http://www.webcurve.nl/images/call_me_panel.png');
	background-repeat:no-repeat;
	text-align:center;
	display:block;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
}

#TextCall {
	position:relative;
	top:50px;
	font-size:16px;
	font-weight:bolder;
	text-align:right;
	padding-right:15px;
}

#LinkCall {
	position:relative;
	top:105px;
	text-align:right;
	padding-right:10px;
}

/*-----------------*/
/*	Contact Form   */
/*-----------------*/
#contactform{
	width: 100%;
}

#contacttd {
	vertical-align:top;
	width:50%;
	border: 1px solid #E8622A;
	padding: 15px;
	background-color: #fbf7f5;
}

div#errors {
	width: 400px;
	margin:0 auto;
}
label {
	float: left;
	width: 140px;
	text-align: left;
	padding-top: 5px;
}

input, textarea {
	padding: 3px;
	margin: 3px;
	border: 1px solid #bac5d6;
	font: 10px Verdana, sans-serif;
	background: #fff;
}
input.fout, textarea.fout {
	border: 1px solid #FF0000;
}

label.fout {
	color: #FF0000;
}

/*-----------------*/
/*	Cloud snippet	 */
/*-----------------*/

#CloudBox {
	width:210px;
	border:1px solid #E8622A;
	margin:auto;
	overflow:hidden;
}
.TagHead {
	width:210px;
	height:20px;
	background-color:#E8622A;
	text-align:center;
	margin:0px;
	padding:5px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bolder;
}

.word {
	font-family: Verdana, Tahoma, Arial;
	padding: 4px 4px 4px 4px;
	letter-spacing: 3px;
	text-decoration: none;
	font-weight: normal;
}
.size9 {
	color: #000;
	font-size: 26px;
}
.size8 {
	color: #111;
	font-size: 24px;
}
.size7 {
	color: #222;
	font-size: 22px;
}
.size6 {
	color: #333;
	font-size: 20px;
}
.size5 {
	color: #444;
	font-size: 18px;
}
.size4 {
	color: #555;
	font-size: 16px;
}
.size3 {
	color: #666;
	font-size: 14px;
}
.size2 {
	color: #777;
	font-size: 12px;
}
.size1 {
	color: #888;
	font-size: 8px;
}
.size0 {
	color: #999;
	font-size: 6px;
}
/*-----------------*/
/* Portfolio Stuff */
/*-----------------*/
#PortfolioContainer {
	position: relative;
	text-align: center;
	margin: 0px auto;
	width: 750px;
	max-width: 750px;
}

#PortfolioInnerContainer {
	position: relative;
	text-align: left;
	margin: 0px auto;
	width: 600px;
	max-width: 600px
}

#portfolio {
	position: relative;
	width: 600px;
}

.itempanel {
	padding:10px 30px 45px 10px;
	width:575px;
	background-image:url('http://www.webcurve.nl/images/panel.gif');
	background-repeat:no-repeat;
	height:385px;
	color:#FFFFFF;
}

.portfolioItems {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.overview img {
	border:3px solid #e65b25;
	float:left;
	margin: 0px 5px 5px 0px;
}

.overview p {
	line-height:18px;
}

.overview a:link { color:#FFFFFF;	font-weight:bold; text-decoration:none; }
.overview a:visited{ color:#FFFFFF;	font-weight:bold; text-decoration:none; }
.overview a:hover { color:#FFFFFF;	font-weight:bold; text-decoration:underline; }
.overview a:active { color:#FFFFFF;	font-weight:bold; text-decoration:underline; }

.extended a:link { color:#e65b25;	font-weight:bold; text-decoration:none; }
.extended a:visited{ color:#e65b25;	font-weight:bold; text-decoration:none; }
.extended a:hover { color:#e65b25;	font-weight:bold; text-decoration:underline; }
.extended a:active { color:#e65b25;	font-weight:bold; text-decoration:underline; }

#portfolio .itempanel .extended {
	clear: left;
}

.HeadText {
	font-size:15px;
	font-weight:bolder;
	color:#FFFFFF;
}

.scrollButton {
	POSITION: absolute; TEXT-INDENT: -3000em; WIDTH: 75px; DISPLAY: block; BACKGROUND: url('http://www.webcurve.nl/images/arrows.gif') no-repeat; HEIGHT: 64px; TOP: 168px;
}

#scrollLeft {
	BACKGROUND-POSITION: 0px 0px; LEFT: -75px
}

#scrollLeft:hover {
	BACKGROUND-POSITION: 0px -64px; CURSOR: pointer
}

.hover#scrollLeft {
	BACKGROUND-POSITION: 0px -64px; CURSOR: pointer
}

#scrollRight {
	BACKGROUND-POSITION: -75px 0px; RIGHT: -75px
}

#scrollRight:hover {
	BACKGROUND-POSITION: -75px -64px; CURSOR: pointer
}

.hover#scrollRight {
	BACKGROUND-POSITION: -75px -64px; CURSOR: pointer
}

/*-----------------*/
/*	news snippet   */
/*-----------------*/
#NewsContainer {
	width:200px;
	height:220px;
	overflow:hidden;
	border:1px solid #E8622A;
}

#portfolioNews {
	margin:0px;
	padding:0px;
	list-style:none;
}

ul#portfolioNews li {
	padding-left:4px;
	margin-bottom: 0.5em;
	line-height: 1.5;
}