/* ----------------------------------------------- */
/* - Main Layout                                 - */
/* ----------------------------------------------- */
body
{
    border:0;
    margin:10px;
    padding:0;
}

.TableBlue 
{
	background-color:#AAB3D3;
}

.TableHeaderBlue 
{
	background-color:#1377a8;
}

#MainCell /* main page content cell */
{
    min-width:470px;
    float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.SectionCell
{
	margin-left:5px;
	margin-right:15px;
	margin-top:0px;	
	vertical-align:top;
	/*width:468px;*/
	clear:left;
	/*float:left;*/
}

.HomeSectionCell
{
	margin-left:5px;
	margin-right:0px;
	margin-top:0px;	
	vertical-align:top;
	/*width:468px;*/
	clear:left;
	float:left;
}

.SectionText
{
    width:468px;
    padding:10px 0 10px 0;
}

.SectionImage
{
	vertical-align:bottom;
}

.SectionTitle
{
    background:#ffffff url(~/media/Images/GUI/sectionbolletjes%20gif.ashx) no-repeat top left;
	font-family: Verdana,Arial,Helvetica;
	text-decoration:none; 
	font-size:180%;
	font-weight: normal;
	color: #336699;
	vertical-align:top;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 70px;
	/*height:100%;*/
	line-height:normal;
}

.SectionBody
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 10px;
}

.MenuColumn
{
    width:255px;
    max-width:255px;
}
/* ----------------------------------------------- */
/* - Top menu                                    - */
/* ----------------------------------------------- */

.TopMenu
{
	vertical-align:middle;
	padding:0 50px 0 0;
}

a.MenuButton:link
{
	font-family: Verdana,Arial,Helvetica;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	float: left;
	font-size: 100%;
	font-weight: bold;
	padding: 4px;
}

a.MenuButton:visited 
{
	font-family: Verdana,Arial,Helvetica;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	float: left;
	font-size: 100%;
	font-weight: bold;
	padding: 4px;
}

a.MenuButton:hover 
{
	background-color:#E7B37A; /* orange */
}

.MenuSeparator
{
	font-family: Verdana,Arial,Helvetica;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	float: left;
	font-size: 100%;
	font-weight: bold;
	padding: 1px;
}

.Slogan1
{
	font-family: Verdana,Arial,Helvetica;
	text-align: left;
	vertical-align:middle;
	text-decoration: none;
	color: #d6d7e9;
	float: left;
	font-size: 150%;
	font-weight: bold;
	margin: 10px;
	letter-spacing: 5px;
	padding-top:25px;
	line-height:normal;
}

.Slogan2
{
	color: #ffffff;
	padding-left:20px;
}

#streepjesheader
{
    background:#336699 url(~/media/Images/GUI/streepjesheader%20gif.ashx) no-repeat bottom left;
	text-align: right;
	vertical-align:middle;
	text-decoration: none;
	margin:0;
	list-style-type:none;
	list-style-image:none;
	font-size: 100%;
	font-weight: bold;
	color:#ffffff;
	float:right;
	width:100%;
}

#streepjesheader li
{
    text-align: right;
    padding:1px 10px 1px 10px;
    float:right;
	text-align:center;
	vertical-align:bottom;
	line-height:25px;
}

#streepjesheader a
{
    text-decoration: none;
    color:#ffffff;
}

/* ----------------------------------------------- */
/* - Side menu                                 - */
/* ----------------------------------------------- */

#MenuTab
{
	color:#ffffff;
	font-family: Verdana,Arial,Helvetica;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 0;
	float:left;
	margin:0px 0 0 0;
	border-top:solid 20px white;
	list-style:none;
	list-style-image:none;
	width:100%;
	background:#888888 url(~/media/Images/GUI/3tabs%20gif.ashx) no-repeat top left;
}

#MenuTab li.active a
{
    color:#cc9999;
}

#MenuTab a
{
	color:#ffffff;
	text-decoration: none;
	margin:0;
}

#MenuTab a:hover
{
	color:#cc9966;
	text-decoration: none;
	margin:0;
}

#MenuTab li
{
    float:left;
    margin:0;
	padding:7px 0px 7px 0px;
	text-align:center;
}

#MenuHome
{
    width:29%;
}

#MenuProducts
{
    width:32%;
}

#MenuApplications
{
    width:39%;
}

.SideMenu, .SideMenuHome
{
	font-family: Verdana,Arial,Helvetica;
	text-decoration: none;
	color: #336699;
	background-color:#ebebf5;
	font-size: 100%;
	font-weight: bold;
	clear:both;
	margin:0px;
	padding:20px 0px 20px 10px;
	padding-left:0px;
	border:0px;
	height:auto;
}

.SideMenu ul, .SideMenuHome ul, .SideMenuActive ul, .SideMenuNotActive ul
{
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
}

.SideMenu ul li
{
    text-decoration: none;
	padding-left:10px;
	padding-top:1px;
	padding-bottom:1px;
}

.SideMenuHome ul li
{
	border-bottom:solid 1px #9999cc;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.SideMenuHome ul li ul li
{
	border:0;
	padding:1 0 0 10;
}

.SideMenuActive, .SideMenuActive a, .SideMenuActive a:link, .SideMenuActive a:visited, .SideMenuActive a:hover
{
	text-decoration:none;
	color: #cc9999;
}

.SideMenuNotActive, .SideMenuNotActive a, .SideMenuNotActive a:link, .SideMenuNotActive a:visited
{
	text-decoration:none;
	color: #336699;
}

.SideMenuNotActive a:hover
{
	color:#cc9966;
}

/* ----------------------------------------------- */
/* - BreadCrumbs                                 - */
/* ----------------------------------------------- */
.BreadCrumbs
{
	font-family: Verdana,Arial,Helvetica;
	text-decoration: none;
	color:#336699;
	font-size: 70%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

a.BreadCrumbs:link
{
	text-decoration: none;
	color:#1377a8;
}

a.BreadCrumbs:visited 
{
	text-decoration: none;
	color:#1377a8;
}

a.BreadCrumbs:hover 
{
}

/* ----------------------------------------------- */
/* - ImageMenu                                   - */
/* ----------------------------------------------- */

.ImageMenu
{
	background-color:#ffffff;
	padding:0px;
	border:5px;
	margin:0px;
	margin-top:5px;
}

.ImageMenu h1, .ImageMenu a
{
	font-size:100%;
	color:#c2c4dd;
	height:auto; /*35px;*/
	margin:0px;
	padding-top:0px;
	padding-bottom:4px;
	text-decoration:none;
	border:0px;
	/*vertical-align:middle;*/
}

.ImageMenu td
{
	background-color:#8590bd;
	text-align:center;
	vertical-align:top;
	padding:0px;
	border:0px;
	margin:0px;
	width:220px;
}

/* ----------------------------------------------- */
/* - Search                                      - */
/* ----------------------------------------------- */
.Search
{
	padding:4px;
	padding-bottom:10px;
}

#SearchButton
{
    background-color:#336699;
    color:#ffffff;
    border-bottom-style:groove;
    border:rigde 1px #ffffff;
    margin:0 5px 0 5px;
}

#SearchInput
{
    background-color:#ebebf5;
    color:#336699;
    border-bottom-style:solid;
    border:rigde 1px #ffffff;
    margin:0 5px 0 5px;
}

/* ----------------------------------------------- */
/* - Banner                                      - */
/* ----------------------------------------------- */
.Banner
{
    width:468px;
    height:60px;
    clear:both;
    padding:0px 0px 0px 0px;
    border:solid 0px #336699;
    text-align:center;
    vertical-align:middle;
    margin: 0px 0px 0px 0px;
}

/* ----------------------------------------------- */
/* - Themas                                      - */
/* ----------------------------------------------- */
#Themas
{
    width:472px;
    line-height:normal;
   	float:left;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#Themas h1 /* Themas title */
{
    font-size:150%;
    font-weight:normal;
    color:#ffffff;
    background:#9999cc;
    padding:2px 10px 2px 10px;
    margin: 4px 3px 3px 1px;
}

#Themas dl /* Thema */
{
    float:left;
    text-align:center;
    padding:0px 1px 0px 1px;
    margin:0px 0px 0px 0px;
    width:232px;
}
* html #Themas dl
{
    width:234px;
}

#Themas dl.left
{
    padding:0px 2px 0px 0px;
}

#Themas dl.right
{
    padding:0px 0px 0px 2px;
}

#Themas dl.full
{
    width:468px;
}

#Themas dt, #Themas dt a /* Thema title */
{
    font-size:100%;
    font-weight:bold;
    color:#ffffff;
    background-color:#336699;
    padding:1px 2px 1px 5px;
    margin:0px 0px 3px 0px;
    clear:both;
    text-decoration:none;
}

#Themas dt a:visited
{
    color:#cc99cc;
}

#Themas dd /* thema text & image */
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
}

#Themas dd p /* thema text */
{
    margin:0px 0px 0px 0px;
    padding:5px 5px 5px 5px;
    float:right;
    text-align:right;
}

#Themas dd img /* thema image */
{
    margin:1px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border:0;
    float: left;
    width:232px;
}

#Themas p /* ThemasFooter */
{
    clear:both;
    padding:5px 0px 0px 0px;
}

/* ----------------------------------------------- */
/* - Varia right                                 - */
/* ----------------------------------------------- */
#Varia
{
    float:left;
    min-width:225px;
    max-width:440px;
    /*width:auto;*/
    width:98%;
    /*expression(document.getElementById("Varia").width > 450 ? "450px" : "auto" );*/
    /*width:expression(document.body.offsetWidth > 1240 ? "440px" : (document.body.offsetWidth < 1024 ? "225px" : "auto"));*/
    margin: 0px 0px 0px 5px;
}

#Varia dt
{
    margin: 4px 0px 0px 0px;
    padding:0px 0px 2px 30px;
    font-weight:bold;    
    font-size:130%;
    color:#336699;
}

#Varia dt a
{
    text-decoration:none;
    color:#336699;
}

#Varia dd
{
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 10px;
    background-color:#c7eac9;
}

#Varia dd href
{
    height:100%;
    width:100%;
}

#Varia dd a img
{
    text-decoration: none;
    border: 0px;
    margin: 0;
    padding: 0;
}

/* ----------------------------------------------- */
/* - Varia right                                 - */
/* ----------------------------------------------- */
.ProductTable td
{
    vertical-align:top;
    padding-top:15px;
}


/* ----------------------------------------------- */
/* - Contacts                                 - */
/* ----------------------------------------------- */
.Contact dl
{
    margin:20px 0px 0px 0px;
}

.Contact dt
{
    font-style:italic;
    font-weight:bold;
}

/* ----------------------------------------------- */
/* - Print button                                - */
/* ----------------------------------------------- */
.LinkButtons
{
    
}

.Button
{
    background-color:#336699;
    color:#ffffff;
    border-bottom-style:groove;
    border:rigde 1px #ffffff;
    margin:0 5px 0 5px;
}


/* ----------------------------------------------- */
/* - Print footer                                - */
/* ----------------------------------------------- */
.PrintFooter
{
    /*background:#ffffff url(/upload/images/gui/printfooter.gif) no-repeat top left;*/
    margin-left : 0px;
    margin-top : 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-left : 20px;
    padding-top : 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    
    /*position: fixed;*/
    bottom: 0;
}

/* ----------------------------------------------- */
/* - Entire Site                                - */
/* ----------------------------------------------- */
#EntireSite
{
    height:98%;
    height:expression(document.body.offsetHeight - 20);    
    max-width:1200px;
    width:expression(document.body.offsetWidth > 1184 ? "1184px" : "auto");    
    margin: 0px 0px 50px 0px;
    text-align:center;
}