.simpleSkin{}
/* Copyright (c) 2009 interApps - websites and internet applications 

Permission is hereby granted, free of charge, to any person obtaining a copy of this software 
and associated documentation files (the "Software"), to deal in the Software without restriction, 
including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, 
and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, 
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial 
portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT 
NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, 
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE 
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

*/

html
{
	height: 101%;
	/*
	height: 100%; margin-bottom: 1px;
	causes firefox to always have a scrollbar
	*/
}

body
{
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #000000;
    background-color: #ffffff; 
}
/* wrapper to fill the complete browser window, could be used for backgrounds */
.main
{
    padding: 0px 0px 0px 0px; margin: 35px 0px 0px 0px; border: solid 0px #dcdcdc;
    width: 100%;
}

/* set the  width of the skin and optionally center it in the browser window */
.pagemaster 
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
	margin-left: auto;
	margin-right: auto;
	width: 891px; /* main skin width */
	height:auto;
}
/* header section of the skin */
.toppane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    border-bottom: solid 0px #cdcdcd;
    height: auto;
    background-color: #ffffff;
}
.logopane
{
    float: left;
    padding:0px;
    padding: 0px 0px 0px 0px; margin: 0px;
    width: auto; /* flexible in size */
}

.userinfopane 
{
	border:solid 1px black;
	border-top: solid 0px black;
	padding:2px;
}

.topmenu 
{
	float:left;
}

/* container around the language and search skin objects, to keep them aligned together*/
.langsearchwrapper
{    
    padding: 10px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    height: auto;
    width: 200px;
    float: right;
    text-align: left;
}

.languagepane,
.searchpane
{    
    padding: 10px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
}

.searchpane a, .searchpane a:link, .searchpane a:visited, .searchpane a:hover, .searchpane a:active
{
 	font-family: Verdana, Arial, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
	color: #333333;
}
.searchpane a:hover, .loginpane a:hover
{
    text-decoration: underline;
}

/* limit the width of the searchbox */
.searchpane .NormalTextBox
{
    width: 115px;
}


/* */
.breadcrumbpane
{
    color: #ffffff;
    font-size: 11px;
    line-height: 120%;
    font-family: Verdana, Arial, Sans-Serif;
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    height: 25px;
    background-color: #993205;
    clear: both; /* realizes normal document flow again */
}

.mainlinkspane
{
    padding: 4px 0px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    float: left;
    width: auto;
    color: #ffffff;
}


.loginpane
{
    padding: 4px 20px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    width: auto;
    height: auto;
    float: right;
    text-align: right;
}
.user
{
    color: #333333;
}

.breadcrumbpane .user, 
.footerpane .user, 
.mainlinkspane a, .mainlinkspane a:link, .mainlinkspane a:visited, .mainlinkspane a:hover, .mainlinkspane a:active,
.loginpane a, .loginpane a:link, .loginpane a:visited, .loginpane a:hover, .loginpane a:active
{
 	font-family: Verdana, Arial, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
	color: #FFFFFF;
}

/* not used in this skin but often you are likely to use a empty div with a floatclearer class */
.floatclearer
{
    clear: both;
}

/* content panes section */
.contentrow {
    padding: 0px 0px 0px 0px; 
    border: solid 0px red; 
    margin: 0 0 0 0px;
    vertical-align: top;
    text-align: left;
    width: 891px;
    clear: both;
}

/* table to keep the content together */
.contentrowtable
{
    height: auto;
}


/* using the combination of pane and a wrapper helps in preventing box model issues in ie6 
   in cases where you want to apply padding on the panes in the skin, in this skin we have
   padding applied in the container, so here it is not really needed. */

.menupanewrapper
{
    padding: 0px 0px 0 0px;
    margin: 0px; 
    width: 210px;
    vertical-align: top; /* glue to the top */
	background-color:#ffff00;
}

.topimagepane
{
    padding: 0px 0px 0 0px;
    margin: 0px; 
    width: 891px;
    min-height:180px;
    /*overflow:hidden;*/
    vertical-align: top; /* glue to the top */
}

.startimagepane
{
    padding: 0px 0px 0 0px;
    margin: 0px; 
    width: 889px;
    min-height:224px;
    /*overflow:hidden;*/
    vertical-align: top; /* glue to the top */
}

.topdivider 
{
	height:5px;
	width:891px;
	margin-top:5px;
	margin-bottom:36px;
	background-color:#d2d2d2;
}

.bottomdivider 
{
	clear:both;
	height:5px;
	width:891px;
	margin-top:16px;
	margin-bottom:8px;
	background-color:#d2d2d2;
}


.menupane
{
    padding: 0px 0px 0 0px;
    margin: 0px; 
    width: 160px;
    float:left;
    vertical-align: top; /* glue to the top */
}

.rightpanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px red;
    width: 200px;
    vertical-align: top;
    color: #ffffff;
    background-color: #ffffff; 
}
.contentpanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px red;
    width: auto; /* automatically uses the remaining space = total width - menuwrapperwidth - rightwrapperwidth */
    vertical-align: top;
}
.contentwrapper 
{
	width:891px;
}


.rightpane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px red;
    float:left;
    width:232px;
    margin-left:51px;
	min-height:20px;
}

.rightpane img 
{
	border:solid 2px #d2d2d2;
	border-bottom-width:3px;
	border-top-width:3px;
}

.startrightpane
{
    padding: 0px 0px 0px 0px; 
    margin: 0px; 
    border: solid 0px red;
    float:left;
    width:242px;
	min-height:245px;
	padding-left:22px;
	vertical-align: top;
	border-left:solid 2px #d2d2d2;
}

.startrightlinks
{
    padding: 0px 0px 0px 0px; 
    margin: 0px; 
    border: solid 0px red;
    float:left;
    width:225px;
	min-height:245px;
	/*padding-left:22px;*/
	vertical-align: top;
	/*border-left:solid 2px #d2d2d2;*/
}

.contentpane
{
	padding: 0px 0px 0px 0px; 
    margin: 0px; 
    border: solid 0px blue;
    float:left;
    padding-left:45px;
    width:400px; /*429px;*/
	min-height:240px;
    border-left:solid 2px #d2d2d2;
}

.startcontentpane
{
	clear:both;
    padding: 0px 0px 0px 0px; 
    margin: 0px; 
    border: solid 0px blue;
    float:left;
    width:400px; /*560*/
	margin-top:45px;
    vertical-align: top;
}

.menucontentpane
{
    padding: 0px 0px 10px 0px; 
    margin: 0px; border: solid 0px red;
}

.footerpane
{
	clear:both;
    color: #ffffff;
    font-size: 11px;
    line-height: 120%;
    font-family: Verdana, Arial, Sans-Serif;
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 1px #ffffff;
    height: 25px;
}
.footerpuffs 
{
	width:895px;
	border:solid 0px blue;
}
.footerpuffs div
{
	padding:0;
	margin:0;
	float:left;
}

.footercontent
{
    padding: 4px 0px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    color: #000000;
    text-align: center;
}

.footercontent span 
{
	margin-left:10px;
}

.footercontent .red 
{
	font-weight:bolder;
	color:#cc000a;
}

.footercontent .snabela 
{
	color:#cc000a;
	margin-left:0px;
}

#imageslideWrapper 
{
	width:892px;
	height:222px;
	position:relative;
}

#imageslide 
{
	width:892px;
	height:222px;
	overflow:hidden;
	position:relative;
}

#imageslide div 
{
	width:892px;
	height:222px;
	position:absolute;
	left:892px;
	top:0px;
	border-left:solid 1px #ffffff;
}

#slideLeft 
{
	position:absolute;
	top:89px; 
	left: -25px;
	width:52px;
	height:52px;
	background-image:url(images/slide_left.png);
	background-repeat:no-repeat;
	z-index:999;
	cursor:pointer;
}
#slideRight 
{
	position:absolute; 
	top:89px; 
	left: 867px;
	width:52px;
	height:52px;
	background-image:url(images/slide_right.png);
	background-repeat:no-repeat;
	z-index:999;
	cursor:pointer;
}


/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Text styles ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */

p
{
    padding: 0 0 10px 0; margin: 0px; border: solid 0px red;
}

h1, h2, h3, h4, h5, h6, .SubHead, .SubSubHead, .Head
{
	font-family: Arial,Verdana Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #7e7e7e;
    text-align: left;
}
h1
{
	margin:0px 0px 10px 0px;
    font-size: 30px;
    font-weight:normal;
    
}
h2
{
	margin:0px 0px 10px 0px;
	font-weight:normal;
    font-size: 12px;
}
h3
{
	margin:0px 0px 10px 0px;
	font-weight:normal;
    font-size: 12px;
}
h4
{
	margin:0px 0px 10px 0px;
	font-weight:normal;
    font-size: 12px;
}
h5
{
	margin:0px 0px 0px 0px;
	font-weight:bolder;
    font-size: 12px;
    color: #000000;
}

.SubHead, .SubSubHead
{
    font-size: 11px;
}

div, td, .Normal, p, a, a:link, a:visited, a:hover, a:active, .SkinObject, a.CommandButton
{
	font-family: Arial,Verdana Sans-Serif;
    font-size: 12px;
    font-style:normal;
    font-weight:normal;
    letter-spacing:normal;
    text-transform: none;
    line-height: 160%;
    color: #333333;
}

a, a:link, a:visited, a:hover, a:active
{
    text-decoration: underline;
    color: #cc000a;
}

b, strong
{
	font-weight:bolder;
}

UL
{
    margin-top: 0px;
}

UL LI
{
    list-style-type: disc;
    margin-bottom: 4px;
}

UL LI LI
{
    list-style-type: circle;
    margin-bottom: 4px;
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}


a img
{
	border: dashed 0px #ffffff;
}


/* menu using the new system as explained here: 
   http://www.dotnetnuke.com/Community/Blogs/tabid/825/EntryId/1874/New-Video-Available-Demonstrating-New-CSS-Capabilites-in-DNNMenu-v2-0.aspx 
*/

/*

submenu
.m                  container for sub menu's
.m[level]           example: .m0 = first submenu level
.mid[id]            spcific item: m34

all menu items
.mi
.mi[path] .mi0 .mi1-0

.root               root level
.first              first in a level
.last               last in a level
.icn                icon
.hov                hover
.sel                selected / active item
.bc                 item in the breadcrumb path

*/

/* just the wrapper, no styling applied here */
.MenuContainer
{
}

/* rootmenu styling */
.MenuContainer .root
{
     color: #ffffff;
     padding: 4px 0px 4px 20px;
     border-bottom: solid #ffffff 1px;
     font-size: 11px;
}
/* first root menu item */
.MenuContainer .first
{
    margin-top: 19px;
}
/* submenu that is the container around the submenu items */
.MenuContainer .m
{
     color: #000000;
     margin-left: -60px; /* overlaps the main menu */
     border: solid 1px #555555;
     background-color: #ffffff;
/*     width: 50px;  /* determines the width of the submenu, it won't work if you apply it on an item. */
}

/*  you need to style the td class specifically otherwise the submenu items will not get their padding
    this is because padding and margins for td's are already defined in the skin or default.css file */
/* first level submenu items */
.MenuContainer .m0 td
{
     padding: 5px 2px 5px 6px;
}
/* hover */
.hov
{
	background-color:Gray;
}

.hov span 
{
	color:#cc000a;
}

.sel span 
{
	color:#cc000a;
}

.bc span 
{
	color:#cc000a;
}
/* hover in the submenu */
.m .hov td
{
     color: #e15c02;
     background-color: #ffffff;
}

/* breadcrumb in the submenu */
.m .bc td
{
    color: #cc000a;
}

/* breadcrumb both root and submenu */
.bc, .m .bc td
{
    font-weight: bold;
}

/* hide all the icon's in the menu*/
.MenuContainer .icn
{
    display:none;
}

.topmenu 
{
	background-image:url(images/tab_line.png);
 	background-repeat:repeat-x;
	background-position: 0px 33px;
	margin: 0px;
	padding: 0px;
	margin-left:10px;
	margin-right:15px;
	margin-bottom:8px;
	height:34px;
	width:686px;
}

.topmenu ul 
{
	margin:0;
	padding:5px 20px 0;
	list-style:none;
	list-style-type: none; 
	list-style-image: none; 
}

.topmenu li 
{	
	list-style-type: none; 
	list-style-image: none; 
	float:left;
	background:url("images/tab_right.png") no-repeat right top;
	margin:0;
	padding:0;
}
.topmenu a 
{
	display:block;
	background:url("images/tab_left.png") no-repeat left top;
	padding:5px 15px 4px;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	outline: 0;	
}

.topmenu .selected a 
{
	font-weight:bolder;
	color:#cc000a;
	padding-bottom:6px;
	height:20px;
}

/*
.topmenu 
{
	background-image:url(images/tab_line.png);
 	background-repeat:repeat-x;
	background-position: 0px 28px;
	margin: 0px;
	padding: 0px;
	margin-left:25px;
	margin-right:16px;
	margin-bottom:8px;
}
.topmenu li 
{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none; 
	list-style-image: none; 
	float:left;
	background-image:url(images/tab.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width:80px;
	height:31px;	
	text-decoration:none;
}
.topmenu .first
{	
	background-image:url(images/tab_first.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width:81px;
	height:31px;	
	text-decoration:none;
}

.topmenu .last
{	
	background-image:url(images/tab_last.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width:82px;
	height:31px;	
	text-decoration:none;
}

.topmenu .selected 
{
	background-position: 0px -31px;
}

.topmenu li span 
{
	display:block;
	width:80px;
	height:30px;
	margin-top:7px;
	text-align:center;
}
.topmenu li a 
{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
.topmenu li .current a 
{
	font-weight:bolder;
	color:#cc000a;
}
.topmenu .selected span a 
{
	font-weight:bolder;
	color:#cc000a;
}
*/
.leftmenu ul 
{
	/*
	margin-left: 0;
	padding-left: 0;
	
	display: inline;
	width:150px;
	*/
}
.leftmenu li
{
	list-style-type: none; 
	list-style-image: none;
	
}
.leftmenu .level0 
{	
}
.leftmenu .level1 
{
	text-indent:17px;
}
.leftmenu .level2 
{
	margin-left:17px;
	text-indent:17px;
}
.leftmenu .level0 div
{	
	display:none;
}
.leftmenu .selected div,
.leftmenu .breadcrumb div 
{
	display:block;
}

.leftmenu a,
.leftmenu a.active,
.leftmenu a.hover
{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
.leftmenu .breadcrumb a,
.leftmenu .selected a {
	font-weight:bolder;
	color:#cc000a;
}

.leftmenu .std a,
.leftmenu .std a{
	font-weight:bold;
	color:#000000;
}


.leftmenu .arrow 
{
	background-image:url(images/pil.png);
	background-repeat:no-repeat;
	background-position: 6px 5px;
}

.facilities ul 
{
	margin-left:0;
	padding:0;
}
.facilities li 
{
	list-style-type: none; 
	list-style-image: none;
	width:400px;
}

.facilities li div 
{	
	display:block;
	width:413px;
	padding:2px;
	padding-left:10px;
	background-color:#eaeaea;
	background-image:url(images/rod_pil.png);
	background-repeat:no-repeat;
	background-position:400px 6px;
	font-weight:bold;
	cursor:pointer;
}
.facilities li.selected div
{	
	font-weight:bolder;
}
.facilities span 
{
	float:left;
	margin-right:5px;
}
.facilities li img,
.facilities li iframe,
.facilities li a,
.facilities li br
{
	display:none;
}
.facilities li.selected img,
.facilities li.selected iframe,
.facilities li.selected a
{	
	display:inline;
}
.relatedInformationEditList 
{
	width:400px;
}
.relatedInformationEditList h2 
{
	font-size:16px;
	margin-top:8px;
	margin-bottom:4px;
}
.relatedInformationEditList div
{
	display:block;
	width:400px;
	float:right;
}
.relatedInformationEditList span 
{
	display:block;
	width:100px;
	float:right;
}

#contactform 
{
}

#contactform h3
{
	font-weight:bold;
	font-size:16px;
	margin-bottom:2px;
}


#contactform a.infoButton 
{
	background:url(images/btn_info.gif) no-repeat;
	display:block;
	width:28px;
	height:15px;
}

#contactform table
{
	font-family: Arial,helvetica,verdana,geneva;
	font-size:x-small;
}

#contactform textarea,
#contactform input 
{
	font-family: Arial,Helvetica,sans-serif;
	font-size:11px;
}

#contactform input.matris
{	
	width:50px;
}
#contactform textarea
{
	width:100%;
	height:100px;
}

#maincontent .printlogo 
{
	display:none;
}

.imageright 
{
	
}

	.imageright a
	{
		color:#000000;
		font-weight:bold;
		text-decoration:none;
	}
	
	.imageright h2 
	{
		
	}
	
	.imageright img
	{
		border:none;
	}
	
	.imageright a img
	{
		border:none;
	}
	
	.imageright h2
	{
		color: #CC000A;
		font-weight:bold;
		font-size:14px;
		margin-top: 4px;
		margin-bottom: 2px;
	}

	.imageright ul 
	{
		margin:0;
		padding:0;
		list-style:none;
		list-style-type: none; 
		list-style-image: none; 
	}

	.imageright li 
	{	
		list-style-type: none; 
		list-style-image: none; 
		margin:0;
		padding:0;
	}
	
	imageright li a 
	{
		color:#000000;
		text-decoration:none;
	}
	
	
.startlinks 
{
}

	.startlinks ul 
	{
		margin:0;
		padding:0;
		list-style:none;
		list-style-type: none; 
		list-style-image: none; 
		background-color:#f5f5f5;
	}

	.startlinks li 
	{	
		list-style-type: none; 
		list-style-image: none; 
		margin:0;
		padding:0;
		margin-right:10px;
		border-top: solid 1px #ccc;
	}
	
	.startlinks li.first
	{	
		border-top: none;
	}
	
	.startlinks li a 
	{
		display:block;
		padding-top:20px;
		padding-left:8px;
		padding-right:60px;
		height:60px;
		color:#000;
		font-weight:bold;
		text-decoration:none;
		background-image:url(images/slide_right.png);
		background-repeat:no-repeat;
		background-position:right;
		overflow:hidden;
	}

.contenttoolbar 
{
	position:relative;
	left:350px;
	top:20px;
	width:50px;
	height:18px;
	text-align:right;
	margin-right:15px;
}	
.contenttoolbar a 
{
	display:block;
	width:18px;
	height:18px;
	margin-left:5px;
	float:right;
}
.contenttoolbar a.print 
{
	background-image:url(images/print.gif);
	background-repeat:no-repeat;
}
.contenttoolbar a.send 
{
	background-image:url(images/send.gif);
	background-repeat:no-repeat;
}

.Settings .contenttoolbar 
{
	display:none;
}

#sendToFriendForm 
{
	margin-top:20px;
	padding-top:4px;
	padding-left:20px;
	width:400px;
	border:solid 1px #CC000A;
	/*display:none;*/
}

#sendToFriendForm a.close 
{
	position:relative;
	left:378px;
	width:20px;
	height:20px;
	display:block;	
	background:url(images/x.png) no-repeat;
}

#sendToFriendForm h2 
{
	margin-top:0px;
	margin-bottom:4px;
	font-size:14px;
	font-weight:bold;
}
#sendToFriendForm p 
{
	font-size:11px;
	font-weight:bold;
}

#sendToFriendForm .btnSend
{
	position:relative;
	left:260px;
	top:-15px;
}
#sendToFriendForm .btnCancel
{
	position:relative;
	left:250px;
	top:-15px;
}




/* Simple modal */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:320px; width:400px; color:#bbb; background-color:#fff; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

#simplemodal-container .contentpane 
{
	border:0;
	padding:0;	
}
#simplemodal-container .printlogo 
{
	display:block;
	margin-bottom:20px;
}
#simplemodal-container .actionbuttons 
{
	display:none;
}