/*******************************************************************************
* DEFAULT
*******************************************************************************/
body { background-color: #fff; margin-bottom: 50px; margin-top: 0; }

body #site input,
body #site select,
body #site button,
body #site textarea { font-size: 1.1em; font-family: arial; }

body #site a { color: #2E4494; text-decoration: none; }
body #site a:hover { color: #FF3300; text-decoration: none; }

body button { background-color: #2E4494; color: #fff; border: 1px solid #2E4494; margin: 0; padding: 0; }
body button:hover { border: 1px solid #2E4494; background-color: #F5E849; color: #2E4494; }

body h1, body h2, body h3, body label { color: #2E4494; }
body h1, body h2, body h3 { margin: 0; line-height: 2em; }

table,
table thead,
table tbody,
table tfoot,
table thead tr th,
table tbody tr td,
table tfoot tr td { border: none; padding: 0; vertical-align: top; border-collapse: collapse; margin: 0; }

table.contact,
table.contact thead,
table.contact tbody,
table.contact tfoot,
table.contact thead tr th,
table.contact tbody tr td,
table.contact tfoot tr td { padding-right: 30px; padding-bottom: 2px; }
table.contact { margin-top: 20px; }

/*******************************************************************************
* CLASSES
*******************************************************************************/
.container { width: 900px; }

body #site #breadcrumbs { position: relative; height: 25px; }
body #site #breadcrumbs ul { list-style-type: none; margin: 0; }
body #site #breadcrumbs ul li { float: left; display: inline; margin: 0; margin-left: 5px; margin-top: 5px; margin-right: 5px; }
body #site #breadcrumbs ul li .seperator { margin-right: 3px; }
body #site #breadcrumbs ul li a { padding: 0; }

body #site table .rightcolumn { line-height: 1.2em; }

body #site .redButton { display: inline-block; line-height: 17px; padding: 4px 10px 4px 10px; background-color: #FF3300; border: 1px solid #D52B00; color: #fff; margin: 0; text-decoration: none; }
body #site .redButton:hover { color: #fff; background-color: #FF7D5E; border: 1px solid #FF3300; text-decoration: none; }

/*******************************************************************************
* IDENTIFIERS
*******************************************************************************/
body #site #header { position: relative; height: 80px; width: 900px; }
body #site #logo { position: absolute; left: 0; top: 0; }
body #site #header #slogan { position: absolute; right: 0; bottom: 12px; }

body #site #header #slogan #header1 { height: 100%; width: 100%; }
body #site #header #slogan #header1 .slide { width: 100%; height: 100%; }
body #site #header #slogan #header1 .slide .slideDescription { color: #2C4492; font-style: italic; font-size: 2em; right: 0; text-align: right; width: 100%; height: 30px; bottom: 0; }

body #site #splash { width: 900px; position: relative; margin-top: 10px; }
body #site #header #garantie { position: absolute; right: 380px; bottom: -3px; z-index: 20; }
body #site #splash #header2play,
body #site #splash #header2pause,
body #site #splash #header2previous,
body #site #splash #header2next { display: none; }
body #site #splash #header2 .slideDescription { display: none; }
body #site #splash #header2 { overflow: hidden; height: 200px; }
body #site #splash #header2 .headerSlideIterator {display: none; }
body #site #header2numbers {display: none; }

body #site #splash .controls { top: 0; left: 0; right: 0; bottom: 0; }
body #site #splash .controls ul#header2numbers { width: 100%; height: 100%; margin: 0; }
body #site #splash .controls ul#header2numbers li { margin: 0; padding: 0; width: 100%; height: 50px; display: inline-block; float: left; }
body #site #splash .controls ul#header2numbers li a { display: block; position: relative; height: 50px; margin: 0; padding: 0; width: 400px; float: left; color: #fff; cursor: default; }
body #site #splash .controls ul#header2numbers li a .headerSlideIterator { font-size: 2.3em; position: absolute; line-height: 1.8em; left: 25px; }
body #site #splash .controls ul#header2numbers li a .headerSlideTitle { font-size: 1.7em; position: absolute; line-height: 2.5em; left: 65px; }
body #site #splash .controls ul#header2numbers li a:hover { text-decoration: none; }
body #site #splash .controls ul#header2numbers #headerSlideLi0 .current { color: #FFFF00; }
body #site #splash .controls ul#header2numbers #headerSlideLi1 .current { color: #FFFF00; }
body #site #splash .controls ul#header2numbers #headerSlideLi2 .current { color: #FFFF00; }
body #site #splash .controls ul#header2numbers #headerSlideLi3 .current { color: #FFFF00; }


body #site #footer { line-height: 1.2em; }
body #site #footer p { margin: 0; }

.nederland { position: relative; z-index: 1; height: 260px; }
.nederland img { position: absolute; bottom: -61px; right: -30px; z-index: 1; }

.roundbiggest { width: 665px; }
.roundbiggest .top    { background: transparent url( ../images/round-leftbiggest-top.png ) no-repeat left top; height: 20px; width: 100%; }
.roundbiggest .middle { position: relative; background: transparent url( ../images/round-leftbiggest-middle.png ) repeat-y left top; width: 100%; display: block; padding-left: 20px; }
.roundbiggest .middle h1,
.roundbiggest .middle h2 { margin-top: 0; }
.roundbiggest .middle p { width: 625px; margin-bottom: 0; margin-top: 20px; }
.roundbiggest .middle table p { width: auto; }
.roundbiggest .bottom { background: transparent url( ../images/round-leftbiggest-bottom.png ) no-repeat left top; height: 20px; width: 100%; padding-bottom: 10px; clear:both;}

/* special white space manipulator
.roundbiggest #colum_layout_main_page_1_block_1 .bottom,
.roundbiggest #colum_layout_main_page_1_block_2 .bottom,
.roundbiggest #colum_layout_main_page_1_block_3 .bottom,
.roundbiggest #colum_layout_main_page_1_block_4 .bottom,
.roundbiggest #colum_layout_main_page_1_block_5 .bottom { padding-bottom: 10px; }*/

.roundbiggest .colum_layout_main.widget .top,
.roundbiggest .colum_layout_main.widget .middle,
.roundbiggest .colum_layout_main.widget .bottom,
.roundbiggest .colum_layout_main.textblock .top,
.roundbiggest .colum_layout_main.textblock .middle,
.roundbiggest .colum_layout_main.textblock .bottom {
	background: none;	
}

.roundbiggest .colum_layout_main.textblock .bottom  {
	border-bottom: 1px solid #E0E1E9;
}

.noBackground .bottom { padding-bottom: 10px; }
.noBackground { padding-bottom: 30px; }

.roundbigger { width: 900px; }
.roundbigger .top    { background: transparent url( ../images/round-leftbigger-top.jpg ) no-repeat left top; height: 20px; width: 100%; }
.roundbigger .middle { position: relative; background: transparent url( ../images/round-leftbigger-middle.jpg ) repeat-y left top; width: 860px; padding-left: 20px; padding-right: 20px; }
.roundbigger .middle h1,
.roundbigger .middle h3,
.roundbigger .middle table,
.roundbigger .middle h2 { margin-top: 0; }
.roundbigger .middle p { margin-bottom: 0; }
.roundbigger .bottom { background: transparent url( ../images/round-leftbigger-bottom.jpg ) no-repeat left top; height: 20px; width: 100%; padding-bottom: 10px; clear:both;}

#footer .roundbigger .top    { background: transparent url( ../images/round-footer-top.jpg ) no-repeat left top; }
#footer .roundbigger .middle { position: relative; background: transparent url( ../images/round-footer-middle.jpg ) repeat-y left top; float: left; }
#footer .roundbigger .bottom { background: transparent url( ../images/round-footer-bottom.jpg ) no-repeat left top; }

.roundbig { width: 430px; }
.roundbig .top    { background: transparent url( ../images/round-leftbig-top.png ) no-repeat left top; height: 20px; width: 100%; }
.roundbig .middle { position: relative; background: transparent url( ../images/round-leftbig-middle.png ) repeat-y left top; width: 100%; display: inline-block; padding-left: 20px; }
.roundbig .middle h1,
.roundbig .middle h2 { margin-top: 0; }
.roundbig .middle p { width: 390px; margin-bottom: 0; margin-top: 20px; }
.roundbig .bottom { background: transparent url( ../images/round-leftbig-bottom.png ) no-repeat left top; height: 20px; width: 100%; padding-bottom: 10px; }

.roundsmall { width: 195px; }
.roundsmall .top    { background: transparent url( ../images/round-righttwo-top.png ) no-repeat left top; height: 20px; width: 100%; }
.roundsmall .middle { position: relative; background: transparent url( ../images/round-righttwo-middle.png ) repeat-y left top; width: 100%; padding-left: 20px; }
.roundsmall .middle h1,
.roundsmall .middle h2 { margin-top: 0; }
.roundsmall .middle p { margin-bottom: 0; margin-top: 20px; width: 155px; }
.roundsmall .bottom { background: transparent url( ../images/round-righttwo-bottom.png ) no-repeat left top; height: 20px; width: 100%; padding-bottom: 10px; }

/*******************************************************************************
* PASCAL APPLICATIE
*******************************************************************************/
#pascal .container { width: 820px; margin-left: 15px; margin-right: 15px; }
body #header #loginBlock { position: absolute; right: 0; top: 0px; z-index: 2; width: 500px; text-align: right; }
body #header #loginBlock #login { background: transparent url( ../images/login.png ) no-repeat left top; width: 150px; height: 35px; right: 0; top: -15px; position: absolute; }
body #header #loginBlock #login:hover { background-position: left bottom; }
body #header #loginBlock #login a { display: inline-block; padding: 0; margin: 0; width: 100%; height: 100%; }

body #content #pascal form,
body #content #pascal table { margin: 0; }
body #content #pascal .row label { width: 120px; display: block; float: left; }
body #content #pascal .row input { width: 250px; clear: left; }
body #content #pascal .row { margin-bottom: 5px; }
body #content #pascal .links { clear: both; margin-left: 100px; }
body #content #pascal .links .row label { width: 100px; display: block; float: left; }
body #content #pascal .links .row input { width: 150px; clear: left; }

body #content #pascal table { width: 100%; border: 1px solid #C9C9C9; background-color: #fff; }
body #content #pascal table thead tr th,
body #content #pascal table tbody tr td,
body #content #pascal table tfoot tr td { padding: 5px; margin: 0px; vertical-align: top; text-align: left; }
body #content #pascal table thead tr th { color: #fff; background: #EFEFEF url( /templates/default/images/th-background.png ) repeat-x; padding-left: 10px; }
body #content #pascal table tbody tr td { border-top: 1px solid #ddd; padding-left: 10px; }

body #content #pascal table tbody tr.odd { background-color: #fff; }
body #content #pascal table tbody tr.even { background-color: #eee; }

body #content #pascal .month { width: auto; }
body #content #pascal .monthname,
body #content #pascal .monthnavigation { background-color: #d6d6d6; text-align: center; }

body #content #map_canvas { width: 625px; height: 600px; display: inline-block; }
body #content .smallmaps #map_canvas { width: 500px; height: 600px; display: inline-block; }
body #content .aTab { background-color: #FCFCFE; }

body #pascal .previousnext { background-color: #C7C9D8; padding: 10px; }

body #content #pascal { margin-right: 40px; }
body #content #pascal #offerte-aanvragen h1 { line-height: 30px; }
body #content #pascal #offerte-aanvragen div { float: left; }
body #content #pascal #offerte-aanvragen ul { list-style-type: none; margin: 0; float: right; line-height: 1.6em; }
body #content #pascal #offerte-aanvragen ul li { background: transparent url( ../images/offerte-aanvraag-stap.png ) no-repeat left top; margin: 0; float: left; display: inline-block; width: 20px; height: 20px; font-size: 1em; color: #72779C; text-align: center; margin-right: 2px; }
body #content #pascal #offerte-aanvragen ul li.current { background-position: left bottom; color: #fff; font-weight: bold; }
body #content #pascal #offerte-aanvragen ul li.title { background: none; width: auto; text-align: left; font-size: 1.3em; margin-right: 10px; color: #000; color: #2E4494; font-weight: bold; }

/*******************************************************************************
* DROPDOWN MENU
*******************************************************************************/
body #site #menu                 { position: relative; background: #ffffff url( ../images/menu-background.png ) no-repeat left top; width: 900px; height: 38px; }
body #site #menu #nav            { width: 1000px; position: absolute; left: 0; top: 0; }
body #site #menu #nav li         { font-size: 1.3em; line-height: 38px; }
body #site #menu #nav li a       { padding: 0; margin: 0; color: black; background: transparent url( ../images/menu-button.png ) no-repeat left top; text-decoration: none; display: block; width: 148px; height: 38px; border-right: 2px solid white; text-transform: uppercase; }
body #site #menu #nav li.last a  { border-right: 0; width: 150px; }
body #site #menu #nav li.first a {}

body #site #menu #nav #subMenusContainer a:hover,
body #site #menu #nav li #subMenusContainer a:focus,
body #site #menu #nav li a.mainMenuParentBtnFocused,
body #site #menu #nav li #subMenusContainer a.subMenuParentBtnFocused,
body #site #menu #nav li a:hover { background-position: center bottom; color: #F5E849; }
body #site #menu #nav li.first a:hover { background-position: left bottom; color: #F5E849; }
body #site #menu #nav li.last a:hover  { background-position: right bottom; color: #F5E849; }
body #site #menu #nav li a span  {}

body #subMenusContainer .smOW ul            { font-size: 1.5em; color: #000000; border: 2px solid #203068; margin-left: 1px; min-width: 148px; }
body #subMenusContainer .smOW ul li a       { background: none; color: #ffffff; background-color: #2E4494; display: block; padding: 0; padding: 10px; padding-top: 8px; padding-bottom: 8px; border-right: 3px solid #203068; }
body #subMenusContainer .smOW ul li a:hover { color: #F5E849; background-color: #203068; }

#tinymce { background: none; margin-top: 20px; }
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);

a.vakman-btn {
	display:block;	
	height:32px;
	line-height:32px;
	padding: 0px 0px 0px 15px;
	background-image: url(../images/vakklusser-btn-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: 'Lato', sans-serif;
	text-transform:uppercase;
	font-size: 14px;
	font-weight: 900;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
a.vakman-btn span {
	display:inline-block;
	float:left;
	height:32px;
	line-height:32px;
	padding: 0px 15px 0px 0px;
	background-image: url(../images/vakklusser-btn-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: 'Lato', sans-serif;
	text-transform:uppercase;
	font-size: 14px;
	font-weight: 900;
	color:#fff;
	text-shadow: 1px 1px #505050;
	text-decoration:none;	
}

a.vakman-btn span:hover {
	text-transform:uppercase;
	font-size: 14px;
	font-weight: 900;
	color:#000;
	text-shadow: 1px 1px #ddd;
	text-decoration:none;
}

a.vakman-btn.green {
	background-image: url(../images/vakklusser-btn-left-grn.png);	
}
a.vakman-btn.green span {
	background-image: url(../images/vakklusser-btn-right-grn.png);	
}

a.vindvakman-btn {
	display:block;
	width:195px;
	height:44px;
	line-height:44px;
	padding: 0px 0px 0px 15px;
	background-image: url(../images/vakklusser-btn-left-large.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: 'Lato', sans-serif;
	text-transform:uppercase;
	font-size: 18px;
	font-weight: 900;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
a.vindvakman-btn span {
	display:inline-block;
	float:left;
	height:44px;
	line-height:44px;
	padding: 0px 15px 0px 0px;
	background-image: url(../images/vakklusser-btn-right-large.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: 'Lato', sans-serif;
	text-transform:uppercase;
	font-size: 16px;
	font-weight: 900;
	color:#fff;
	/* text-shadow: 1px 1px #505050; */
	text-decoration:none;
	width: 165px;
}
a.vindvakman-btn span:hover {
	text-transform:uppercase;
	font-size: 16px;
	font-weight: 900;
	color:#000;
	/* text-shadow: 1px 1px #ddd; */
	text-decoration:none;
}

a.vindvakman-btn.green {
	background-image: url(../images/vakklusser-btn-left-large-grn.png);
}

a.vindvakman-btn.green span {
	background-image: url(../images/vakklusser-btn-right-large-grn.png);
}
a.vindVakman{
	color: #000 !important;
	display: block;
	width: 198px;
	height: 70px;
	text-align: center;
	background-image: url(../images/vindVakman.png);
	background-repeat: no-repeat;
	font-family: 'Lato', sans-serif;
	text-transform:uppercase;
	/* text-shadow: 1px 1px #FFF; */
	padding-top: 8px !important;
}
a.vindVakman:hover{
	color: #FFF !important;
	/* text-shadow: 1px 1px #505050; */

}
.vindVakman_small {
	font-size: 10px;
	line-height: 14px;
}
.vindVakman_lrg{
	line-height: 30px;
	font-size: 18px;
	font-weight: 900;
}
a.vindvakman-btn span {
	display:inline-block;
	float:left;
	height:44px;
	line-height:44px;
	padding: 0px 15px 0px 0px;
	background-image: url(../images/vakklusser-btn-right-large.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: 'Lato', sans-serif;
	text-transform:uppercase;
	font-size: 16px;
	font-weight: 900;
	color:#fff;
	/* text-shadow: 1px 1px #505050; */
	text-decoration:none;
	width: 165px;
}
#pascal h2 {
	font-size: 1.4em;
}

/*.rightcolumn .roundsmall .colum_layout_column_right.textblock.page_1.block_0 .top,
.rightcolumn .roundsmall .colum_layout_column_right.textblock.page_1.block_0 .middle,
.rightcolumn .roundsmall .colum_layout_column_right.textblock.page_1.block_0 .bottom {
	background: none;
	padding-left: 0px;
}*/

.rightcolumn .vind-vakman-button {
	padding-bottom: 25px;
	margin-top: 32px;
}

#footer .roundbigger .top,
#footer .roundbigger .middle,
#footer .roundbigger .bottom {
	background: none; 
} 

#footer .roundbigger .top{
	border-top: 1px solid #E0E1E9;
}

#pascal #Orders TABLE TR TH.specialismen,
#pascal #Orders TABLE TR TD.specialismen {
	width: 150px;
}

#pascal #Orders TABLE TR TH,
#pascal #Orders TABLE TR TD {
	padding: 4px 4px !important;
	font-size: 12px;
}