/*
    @file: base.css
    @info: general styles
 * * * * * * * * * * * * * * * * * * * * * * * */

body
{
	/*font: normal 75%/1.25 Helvetica,Arial;*/
	font: normal 75%/1.25 Arial;
	color: #333;
} 

a
{
    text-decoration: none;
    color: #00628f;
}
a:hover
{
    text-decoration: underline;
}
a img
{
	border: 0;
}
a.arrowLink
{
    background: url(gfx/arrow-10-black.png) 0 2px no-repeat;
    padding-left: 18px;
    color: #333;
    font-size: 14px;
}		



h1
{
	font-size: 35px;
	margin: 10px 0 20px;
}
h2
{
	font-size: 30px;
}
h3
{
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: normal;
}
h1, h2
{
	line-height: 1;
}

p
{
	margin: 0 0 20px;
}

.print-button
{
    background: url(gfx/icons/printers/warszawinka-printer.png) 0 0 no-repeat;
    float: right;
    margin-right: 10px;
    margin-top: 12px;
    width: 24px;
    height: 24px;
    display: none;
    cursor: pointer;
}

.accessibility
{
	position: absolute;
	left: -9999em;
	top: -9999em;
}

#wrapper .noBorder,
#wrapper .noBorder tr,
#wrapper .noBorder td,
#wrapper .noBorder th,
.noBorder,
.noBorder tr,
.noBorder td,
.noBorder th
{
    border:none;
}

#page
{
    background: #fff url(gfx/backgrounds/bg-body.jpg) 50% 0 repeat-x;
}

#wrapper
{
	background: url(gfx/backgrounds/bg-page.jpg) 50% 100% repeat-x;
	min-width: 1040px;    
} 
 
#header,
#container,
#footer
{
	margin: 0 auto;
	position: relative;
	width: 1040px;
}
 
#container
{
	width: 980px;
	min-height: 580px;
}
 
 
#header
{
	padding: 57px 0 0;
	overflow: hidden;
	margin-bottom: 13px;
}

.headerHold
{
    position: relative;
    min-height: 93px;
}
 
/* = form elements = */ 
legend
{
	display: none;
}
input
{
    padding: 0;
    margin: 0;
    vertical-align: middle;
}
.inputWrapper
{
	background: url(gfx/buttons/input-lefter.png) 0 0 no-repeat;
	float: left;
	height: 35px;
	position: relative;
	margin-right: 10px;
	} 
	.inputWrapper input
	{
		border: 0;
		font-size: 18px;
		margin: 6px;
		float: left;
		display: inline;
		z-index: 999;
		position: relative;
	}
	.inputWrapper .righter
	{
		background: url(gfx/buttons/input-righter.png) 0 0 no-repeat;
		height: 35px;
		position: absolute;
		right: -4px;
		top: 0;
		width: 4px;
	}

.buttonWrapper
{
	background: url(gfx/buttons/button-lefter.png) 0 0 no-repeat;
	float: left;
	height: 37px;
	position: relative;
	} 
	.buttonWrapper input
	{
		border: 0;
		background: none;
		cursor: pointer;
		font-size: 12px;
		text-transform: uppercase;
		overflow: visible;
		padding: 0 15px;
		margin: 0;
		vertical-align: top;
		height: 35px;
		position: relative;
		z-index: 999;
	}
	.buttonWrapper .righter
	{
		background: url(gfx/buttons/button-righter.png) 0 0 no-repeat;
		height: 37px;
		position: absolute;
		right: -6px;
		top: 0;
		width: 6px;
	}	

.logo
{
	left: 30px;
	position: absolute;
	}
	.logo a
	{
		width: 165px;
		height: 18px;		
		display: block;
	} 
	.logo a img
	{
	    border: 0;
	}

/* = search box = */
.searchBox
{
	position: absolute;
	right: 36px;
	top: 40px;
	width: 400px;
	}
	.searchBox .inputWrapper,
	.searchBox .buttonWrapper
	{
		float: right;
	}
	.searchBox .inputWrapper
	{
		margin-right: 10px;
		}
		.searchBox .inputWrapper input
		{
			width: 124px;
		}

.headerPanel
{
    position: absolute;
    right: 39px;
    bottom: 74px;
	width: 168px;
    z-index: 20;
    }
	.headerPanel .login 
	{
		position: absolute;
		right: 100%;
		margin: 0 9px 0 0;
	}
    .headerPanel .searchBox
    {
        position: static;
        float: left;
        width: auto;
    }
	.headerPanel .searchBox .inputWrapper
	{
		height: 29px;
		margin-right: 6px;
		background: url(gfx/buttons/input-small.png) no-repeat;
		}
		.headerPanel .searchBox .inputWrapper .righter
		{
			background: url(gfx/buttons/input-small.png) no-repeat 100% 0;
		}
		.headerPanel .searchBox input
		{
			font-size: 14px;
			margin-top: 7px;
		}
	.headerPanel .searchBox .buttonWrapper
	{
		background: url(gfx/buttons/button-short.png) no-repeat;
		}
		.headerPanel .searchBox .buttonWrapper .righter
		{
			background: url(gfx/buttons/button-short.png) no-repeat 100% 0;
		}
    .headerPanel .searchBox .buttonWrapper input
    {
        text-indent: -999em;
        padding: 0;
        width: 26px;
		margin: 0;
        height: 31px;
        display: block;
        background: url(gfx/backgrounds/bg-search.gif) 7px 40% no-repeat;
    }
    .headerPanel .loginBtn
    {
        float: left;
        display: inline;
		height: 30px;
		font-size: 9px;
        padding-right: 25px;
		padding: 0 17px 0 8px;
        background: url(gfx/backgrounds/bg-login.gif) 95% 40% no-repeat;
    }
    .headerPanel fieldset
    {
        float: left;
    }
	.headerPanel .buttonWrapper
	{
		height: 31px;
		background: url(gfx/buttons/button-small.png) no-repeat;
		}
		.headerPanel .buttonWrapper .righter
		{
			height: 31px;
			background: url(gfx/buttons/button-small.png) no-repeat 100% 0;
		}
/* = operating status = */
.operatingStatus
{
	position: absolute;	
	width: 167px;
	height: 77px;
	right: 30px;
	background: url(gfx/backgrounds/bg-op-status.png) 0 0 no-repeat;
	}
	.operatingStatus .content
	{
		padding: 15px 20px;
	}
	.operatingStatus h3
	{
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		margin: 0;
	}
	.operatingStatus p
	{
		font-size: 11px;
	}
	
.operationStatusPage a
{
    
}
.operationStatusItem
{
    padding-bottom: 20px;
    }
    .operationStatusItem h3
    {
        padding-bottom: 10px;
        margin: 0;
    }
    .operationStatusItem h2
	{
	    font-size: 25px;
	    padding-bottom: 10px;
        margin: 0;
	}
    .operationStatusItem dl
    {
        padding-bottom: 5px;
    }
    .operationStatusItem dt,
    .operationStatusItem dd
    {
        float: left;
        padding-right: 10px;
        line-height: 1.5;
        }
        .operationStatusItem dd.divider
        {
            float: none;
            clear: both;
            width: 100%;
            font-size: 0;
            line-height: 1px;
        }
    .operationStatusItem dt
    {
        width: 140px;
    }
    .operationStatusItem p
    {
        margin: 0;
    }
.statusHold
{
	padding-bottom: 22px;
}
.alertBox
{
    margin: 0 auto 4px;
    position: relative;
	width: 982px;
    }
	.alertBox .t
	{
		height: 9px;
		overflow: hidden;
		background: url(gfx/backgrounds/bg-alert-box-t.png) no-repeat;
	}
	.alertBox .c
	{
		width: 100%;
		background: url(gfx/backgrounds/bg-alert-box-c.png) repeat-y;
	}
	.alertBox .c:after
	{
		content:"";
		display: block;
		clear: both;
	}
	.alertBox .b
	{
		height: 24px;
		overflow: hidden;
		background: url(gfx/backgrounds/bg-alert-box-b.png) no-repeat;
	}
    .alertBox .content
    {
        padding: 5px 20px;
        position: relative;
        float: left;
		margin: -7px 0 -21px;
		width: 940px;
        font-size: 14px;
    }
    .alertBox .content p
    {
        margin: 0;
    }

	.alertBox dt
	{
		float: left;
		position: relative;
		font-weight: bold;
	}
	.alertBox dd
	{
		display: inline;
	}
	.alertBox dt
	{
		padding-right: 10px;
		font-weight: bold;
	}    
    

.waterInformation
{
    padding-bottom: 30px;
    }
    .waterInformation table
    {
        width: 100%;
        border-collapse: collapse;
        padding-bottom: 20px;
    }
    .waterInformation td,
    .waterInformation th
    {
        border: 1px solid #ccc;
        padding: 3px;
        }
        .waterInformation th
        {
            background: #f1f1f1;
            text-align: left;
        }
        .waterInformation td.addresse
        {
            
        }
        .waterInformation td.projectType
        {
            width: 150px;
        }
        .waterInformation td.start
        {
            width: 120px;
        }
        .waterInformation td.end
        {
            width: 120px;
        }
        .waterInformation td.icon
        {
            width: 25px;
            text-align: center;
            }
            .waterInformation td.icon img
            {
                vertical-align: middle;
            }
        .waterInformation td.map
        {
            width: 25px;
            }
            .waterInformation td.map a
            {
                display: block;
                width: 20px;
                height: 20px;
                background: url(gfx/buttons/link-map.gif) 50% 50% no-repeat;
                text-indent: -9999em;
            }
    .waterInformation h4
    {
        padding: 10px 0 5px 0;
        font-size: 16px;
    }

/* = top navigation = */
.topNav
{
	position: absolute;
	bottom: 0;
	border-bottom: 1px solid #000;
	width: 100%;
	}
	.topNav ul
	{
		margin: 0 30px;
		height: 35px;
		overflow: hidden;
	}
	.topNav li
	{
		float: left;
		text-transform: uppercase;
		margin-right: 20px;
		}	
		.topNav li a
		{
			display: block;
			color: #000;
			border-bottom: 2px solid #fff;
			padding-bottom: 18px;
		}
		.topNav li a:hover
		{
		    text-decoration: none;
		}
		.topNav li a:hover,
		.topNav li.current a
		{
			border-color: #000;
		}
		.topNav li.current
		{
			font-weight: bold;
		}
		
/* = left sidebar = */		
.leftSidebar
{
	float: left;
	width: 215px;
	margin-right: 30px;
	margin-left: -10px;
	position: relative;
	padding-bottom: 30px;
}
.leftMenu a,
.leftMenu span.selected
{
	color: #333;
	display: block;
	font-size: 14px;
	padding: 12px;
}
.leftMenu a.selected
{
	background: #f1f1f1;
	font-weight: bold;
	padding-bottom: 10px;
}

.leftMenu span.selected
{
    background: #f1f1f1;
    font-weight: bold;
}
.leftMenu a:hover
{
    color: #000;
}
.leftMenu li
{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border-top: 1px solid #ccc;
}

.leftMenu h3
{
    margin: 0;
}
.leftMenu h3 a
{
	padding: 10px;
	margin: 0;
	text-transform: uppercase;	
	font-size: 14px;
	font-weight: bold;
	border: 0;
}
.leftMenu li ul
{
	background: #f1f1f1;
	}	
	.leftMenu li ul
	{
	    padding-left: 15px;
	    padding-bottom: 5px;
	}
	.leftMenu li li
	{
	    border-top: 0;
	    /*padding-bottom: 5px*/
	    }
	    .leftMenu li li ul
	    {
	        padding-bottom: 0;
	    }
	.leftMenu li li a,
	.leftMenu li li span.selected
	{
		font-size: 12px;
		font-weight: normal;
		border: 0;
		padding: 0 12px 10px;
	}
	.leftMenu li li span.selected
	{
	    font-weight: bold;
	}

/* = center column = */
.mainContent
{
	float: left;
	width: 490px;
	}
	.mainContent.withoutSidebar
	{
	    width: 735px;
	    padding-right: 10px;
	}
	.mainContent.full
	{
		width: 100%;
	}
    .mainContent .mainBottom .editMode
    {
        min-height: 100px;
        background: infobackground;
    }
    .mainContent .mainBottom.withPadding
    {
        padding-bottom: 30px;
    }


/* = right sidebar = */
.rightSidebar
{
	width: 235px;
	float: right;
	padding-bottom: 20px;
    }
    .rightSidebar .editMode
    {
        min-height: 200px;
        background: infobackground;
    }

.infoBox
{
	background: #dededf;
	margin-bottom: 20px;
	width: 465px;
	height: 270px;
	overflow: hidden;
	}

	.infoBox.smallInfoBox
	{
	    width: 235px;
	    min-height: 200px;
	    height: auto;
	    background: #dededf;
	}
	.infoBox h3
	{
		margin-bottom: 10px;
		font-size: 40px;
		line-height: 1.3;
		font-weight: bold;
	    }
	    .infoBox.smallInfoBox h3
	    {
	        font-size: 18px;
	        font-weight: normal;
	    }
	.infoBox .content
	{
		padding: 15px 10px 26px 38px;
		font-size: 20px;
	    }
	    .infoBox.smallInfoBox .content
	    {
            font-size: 12px;
            padding: 15px;
	    }
	ul.customList li
	{
		padding: 5px 0 5px 20px;
		background: url(gfx/bullets/arrow-10.png) 0 7px no-repeat;
		font-weight: bold;
		}
		ul.customList li a
		{
			color: #333;
		}

	
.topPart
{
	border-bottom: 1px solid #000;
	overflow: hidden;
	margin-bottom: 20px;
}

.selfService
{
	width: 319px;
	float: right;
	font-size: 14px;
	background: url(gfx/backgrounds/bg-self-serv-narrow-c.gif) repeat-y;
	}
	.selfService .inner
	{
	    background: url(gfx/backgrounds/bg-self-serv-top-narrow.png) 0 0 no-repeat;
	    }
	.selfService .content
	{
	    min-height:279px;
	    background: url(gfx/backgrounds/bg-self-serv-narrow.png) left bottom no-repeat;
	    padding: 5px 20px 8px;
	}
	.selfService h1
	{
	    margin: 0;
		padding: 10px 0 15px;
		font-size:25px;
	}
	.selfService .firstColumn
	{
		width: 178px;
	}
	.selfService dt
	{
		font-weight: bold;
		padding: 2px 0;
	}
	.selfService dd
	{
		padding: 2px 0;
	}
	.selfService dl
	{
		padding-bottom: 13px;
	}

    .selfService ul
    {
        margin: 0;
        list-style: none;
    }
	.selfService ul li
	{
	    margin-bottom: 15px;
	}
	.selfService a
	{
	    color: #333;
	    padding: 0 0 0 18px;
        background: url("gfx/arrow-10-black.png") no-repeat scroll 0 2px transparent;
	    text-decoration: none;
	}
	.selfService a:hover
	{
	    color: #000;
	    text-decoration: underline;
	}
.serviceBanner
{
    width: 470px;
    height: 290px;
    position: relative;
    overflow: hidden;
    }
    .serviceBanner .pager
    {
        position: absolute;
        top: 20px;
        right: 18px;
        z-index: 2;
        }
        .serviceBanner .pager li
        {
            float: left;
            margin-right: 2px;
            width: 30px;
            height: 40px;
            
            background: url(gfx/buttons/button-service-bg.gif) 0 0 no-repeat;
            }
            
            .serviceBanner .pager li a
            {
                display: block;
                float: left;
                font-size: 20px;
                color: #929292;
                padding-top: 7px;
                text-align: center;
                width: 30px;
            }
            .serviceBanner .pager li a:hover,
            .serviceBanner .pager li.sel a
            {
                text-decoration: none;
                color: #000;
            }
    .serviceBanner #imagesServ
    {
        z-index: 1;
    }
    .serviceBanner #imagesServ li a
    {
        color: #000;
        display:block;
        height:290px;
        width:470px;
        text-decoration:none;
        cursor:pointer;
     }
     .serviceBanner #imagesServ li a:hover
    {
        text-decoration:none;
     }
    .serviceBanner .descr
    {
        width: 282px;
        z-index: 2;
        position:absolute;
        bottom: 20px;
        left: 20px;
        background: url(gfx/backgrounds/bg_article.png) 0 0 no-repeat;
        }
        .serviceBanner .descr .wrapp
        {
            font-size: 14px;
            padding: 7px 10px;
            font-weight: bold;
        }
        .serviceBanner .descr .wrapp a
        {
            color:#000;
        }

.serviceBanner .frame
{
    position:absolute;
    z-index:1;
    background:url(gfx/servBanner_frame-small.gif) 0 0 no-repeat;
    width:470px;
    height:290px;
    top:0;
    left:0;
    }

.sendMid
{
    display: none;
}    	

.sendMForm li
{
    overflow: hidden;
    padding-bottom: 15px;
    position:relative;
}
.sendMForm li .label
{
    float: left;
    width: 100px;
    padding-top: 5px;
}
.sendMForm li .value
{
    position: relative;
}
.sendMForm li .value span
{
    position: absolute;
    top: 5px;
}
.sendMForm li .value input
{
    width: 250px;
    padding: 2px;
    margin-right: 5px;
}
.sendMForm li .value textarea
{
    width: 398px;
    height: 120px;
    padding: 1px;
    margin-right: 5px;
}
.sendMForm li.button 
{
    padding-left: 100px;
}
.sendMForm li.button input
{
    padding: 2px 5px;
}
.sendMForm li ul.captcha
{
    position: absolute;
    left: 310px;
    bottom: 23px;
}
.sendMForm li .recaptcha-field
{
    padding: 2px;
    width: 180px;
    margin-left: 3px;
}
.sendMForm li .captcha-message
{
    color: Red;
    padding: 0 0 5px 100px;
    margin:0;
}
.sendMForm li #recaptcha_widget .captcha-message
{
    padding-left: 0;
    padding-top: 3px;
}
.sendMForm li ul.captcha li
{
    padding-bottom: 5px;
}
.sendMForm li ul.captcha li .reload
{
    display: block;
    width: 10px;
    height: 12px;
    background: url(gfx/icon-reload.png) 0 0 no-repeat;
    cursor: poimter;
    font-size: 0;
}
.sendMForm li ul.captcha li .audio
{
    display: block;
    width: 12px;
    height: 10px;
    background: url(gfx/icon-audio.png) 0 0 no-repeat;
    cursor: pointer;
    font-size: 0;
}
.sendMForm li ul.captcha li .image
{
    display: block;
    width: 12px;
    height: 12px;
    background: url(gfx/icon-image.png) 0 0 no-repeat;
    cursor: pointer;
    font-size: 0;
}
/*.sendMForm #recaptcha_widget_div{
    display:none;
}*/

.sendMForm #recaptcha_widget
{
    margin-left: 100px;
    position:relative;
}

/*trio form*/
.trioSendForm
{
    margin: 10px 0 0 0 !important;
    }
    .trioSendForm li
    {
        list-style-type: none;
        }
        .trioSendForm li .label
        {
            font-weight: bold;
            padding-bottom: 2px;
        }
        .trioSendForm li .value
        {
            padding-bottom:3px;
            }
            .trioSendForm li .value input 
            {
                width: 92%;
                padding: 2px; 
            }
    .trioSendForm .button input
    {
        width: 60px;
        padding: 3px 0;
    }
/*END trio form*/

.infoBox .sendMForm
{
    margin: 15px 0 5px 0;
    }
    .infoBox .sendMForm .label
    {
        width: 45px;
        padding-top: 4px;
    }
    .infoBox .sendMForm .value input
    {
        width: 140px;
    }
    .infoBox .sendMForm li.button 
    {
        padding:0 0 0 44px;
    }

.infoBox .sendMForm
{
    margin: 15px 0 5px 0;
    }
    .infoBox .sendMForm .label
    {
        width: 45px;
        padding-top: 4px;
    }
    .infoBox .sendMForm .value input
    {
        width: 140px;
    }
    .infoBox .sendMForm li.button 
    {
        padding:0 0 0 44px;
    }

.topBanner
{
	float: right;
	width: 470px;
    }
    .topBanner .editMode
    {
	    width: 320px;
	    height: 301px;
        }
        .topBanner .editMode .infoBox
        {
            margin: 0;
        }
        
.directSpeech
{
    position: relative;
    height: 329px;
    }
    .directSpeech .person
    {
        position: absolute;
        top: 0;
        right: -30px;
        z-index: 0;
    }
    .directSpeech .content
    {
        position: relative;
        z-index: 10;
        padding-top: 20px;
    }
    .directSpeech h2
    {
        width: 290px;
        font-size: 30px;
        line-height: 1.2;
    }
    .directSpeech dl
    {
        font-size: 14px;
        width: 200px;
        padding: 10px 0;
    }
    .directSpeech dt
    {
        font-weight: bold;
    }
    .directSpeech a
    {
        color: #333;
    }
    .directSpeech p a
    {
        font-size: 25px;
        padding-left: 30px;
        background: url(gfx/arrow-20-black.png) 0 50% no-repeat;
        }
        .directSpeech a.linkBox
        {
            display: block;
            text-indent: -9999em;
            position: absolute;
            width: 496px;
            height: 329px;
            top: 0;
            left: 0;
            z-index: 20;
            background: red;
            opacity: 0;
        }

.separator
{
	border-top: 1px solid #000;
	clear: both;
	margin: 0 -30px;
	position: relative;
	font-size: 0;
	}
	.separator .line
	{
		width: 490px;
		border-top: 2px solid #000;
		margin-left: 30px;
	}
	.separator .faq-line
	{
	    width: 315px;
	    float: left
	}
	.separator .news-line
	{
	    margin-left: 540px; 
	    width: 95px;
	}
.separator.beforeFooter	
{
    position: absolute;
    bottom: 0;
    right: -30px;
    left: 0;
    width: 1040px;
}
	
.banner
{
	width: 465px;
	height: 270px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	}
	.banner.small
	{
		width: 235px;
		min-height: 155px;
		height: auto;
	}
	
    .banner .content
    {
        position: absolute;
        top: 0;
        left: 0;
        height: 170px;
        overflow: hidden;
        z-index: 500;
        }
        .banner.small .content
        {
            position: relative;
            height: auto; 
            padding-bottom: 35px;
        }

    .banner .pictureBg
    {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }
	
	.banner .icon
	{
	    position: absolute;
	    bottom: 18px;
	    left: 30px;
	    z-index: 100;
    	}
	
	    .banner.question .icon
	    {
	        width: 41px;
	        height: 58px;
		    background: url(gfx/question.png) 0 0 no-repeat;
	        }
	        .banner.question.small .icon
	        {
	   	        width: 26px;
    	        height: 30px;
	            background: url(gfx/question-small.png) 0 0 no-repeat;
	            bottom: 20px;
	            left: 30px;
	        }
    	
	    .banner.link .icon
	    {
	        width: 50px;
	        height: 52px;
		    background: url(gfx/arrow-50.png) 0 0 no-repeat;
		    }
		    .banner.link.small .icon
		    {
	            width: 26px;
	            height: 26px;
			    background: url(gfx/arrow-20.png) 0 0 no-repeat;
			    bottom: 20px;
			    left: 30px;
		    }
	
	.banner.darkblue
	{
		background-color: #00628f !important;
	}
	.banner.lightblue
	{
		background-color: #1b9ee9 !important;
	}
	.banner.pink
	{
		background-color: #b80059 !important;
	}
	.banner.green
	{
		background-color: #3dad23 !important;
	}
	.banner.yellow
	{
		background-color: #e4bc00 !important;
	}
	
	.banner h2
	{
		font-size: 40px;
		padding: 13px 50px 26px 30px;
		line-height: 1.3;
		color: #fff;
		}
		.banner.small h2
		{
			font-size: 18px;
			padding: 15px 10px 26px 29px;
			line-height: 1.3;
		}
	.banner a
	{
		display: block;
		background: red;
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		left: 0;
		top: 0;
		z-index: 999;
	}

.bottomArea
{
    overflow: hidden;
    width: 990px;
	margin: 0 -5px 0 -2px;
	padding: 0 0 25px;
    }
    .bottomArea .subBottomArea
    {
        position: relative;
        overflow: hidden;
		width: 990px; 
        }
    .bottomArea .banner,
    .bottomArea .infoBox
    {
        float: left;
        display: inline;
        width: 465px;
        margin: 0 0 50px 50px;
    }



.bottomArea .editMode
{
    background: infobackground;
    width: 100%;
    }
    .bottomArea .editMode .x-portlet
    {
        display: inline-block;
        width: 320px;
		vertical-align: top;
        overflow: hidden;
        }
        .bottomArea .editMode .banner,
        .bottomArea .editMode .infoBox
        {
            margin: 0;
        }

    
.x-portlet-area
{
    padding: 0 !important;
}    

#container .faq
{
    width: 470px;
    margin-right: 40px;
    float: left;
}
#container .twoColFaq
{
    width: 651px;
	float: none;
	margin: 0;
	background:url("gfx/backgrounds/bg-box-large.png") repeat-y -651px 0;
	}
	.twoColFaq .faqHolder
	{
		background:url("gfx/backgrounds/bg-box-large.png") no-repeat;
		width: 100%;
		}
		.twoColFaq .faqInner
		{
			background:url("gfx/backgrounds/bg-box-large.png") no-repeat -1302px 100%;
			height: 1%;
			padding: 10px 11px;
			overflow: hidden;
		}
.faq
{
	font-size: 14px;	
	overflow: hidden;
	}	
	.faq h1
	{
		margin: 25px 0 15px;
		font-size: 25px;
	}
	.faq h3
	{
		font-size: 15px;
		font-weight: normal;
		margin: 0;
		border-bottom: 1px solid #ccc;
		}
		.faq h3 a
		{
			padding: 15px;
			display: block;	
			color: #333;
		}
		.twoColFaq h3 a
		{
			padding: 6px;
		}
		.faq h3 a:hover
		{
		    color: #000;
			background: #dededf ;
			text-decoration: none;
		}
		.faq h3.ui-state-active
		{
			border: 0;
			background: #f5f5f5;
		}
	.faq .answer
	{
		background: #f5f5f5;
		border-bottom: 1px solid #ccc;
		padding: 10px 36px;
	}
	.twoColFaq .answer
	{
	    width: 234px;
	    overflow: hidden;
	}
	.twoColFaq h1
	{
		margin: 5px 0 6px;
		font-size: 22px;
		line-height: 24px;
	}
	.faq p.readAll
	{
		padding: 15px 15px 0;
		font-weight: bold;
	    }
    .faq .accordionWrap
    {
        float: left;
        width: 306px;
        padding: 0;
        list-style: none;
        margin: 0 0 0 16px;
        }
		.faq .firstCol
		{
			margin: 0;
		}
        .faq .accordionWrap .accordionItem
        {
            margin: 0;
            width: 100%;
            vertical-align: top;
            overflow: hidden;
        }
.news
{
    width: 465px;
    float: left;
    }
    .news h1
    {
        font-size:25px;
        margin:25px 0 25px;
    }	
    .news p.readAll
	{
		margin: -1px 0 0;
		position: relative;
		font-weight: bold;
		text-align: right;
		padding: 0 0 7px;
	}	
	.news .list .date
	{
	    font-size: 12px;
	    color: #999;
	    float: right;
	    margin: 2px 0 0 15px;
	}
	.news .list h3
	{
	    font-size: 14px;
	    font-weight: bold;
	    margin-bottom: 7px;
	    }
	    .news .list .first h3
	    {
	        font-size: 22px;
	    }
	    .news .list h3 a
	    {
	        color:#333;
	    }
    .news .list
    {
        margin: 0;
        padding: 0;
		position: relative;
		height: 218px;
		overflow: hidden;
        list-style: none;
    }
    .news .list h4
    {
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
    }
    .news .list h4 a
    {
        padding: 0 0 0 18px;
        color: #333;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        white-space: nowrap;
        background: url("gfx/arrow-10-black.png") no-repeat 0 2px;
        text-decoration: none;
    }
    .news .list h4 a:hover
    {
        color: #000;
        text-decoration: underline;
        }
    .news li
    {
        border-bottom: 1px solid #ccc;
        padding: 0 0 7px;
        margin: 0 0 5px;
        vertical-align: top;
    }
.searchResultPage
{
    float: left;
}
		
.searchResultPage .searchBox
{
    position: static;
    float: left;
    width: auto;
    padding-bottom: 20px;
    }
    .searchResultPage .searchBox .inputWrapper,
    .searchResultPage .searchBox .buttonWrapper
    {
        float: left;
        }
        .searchResultPage .searchBox .inputWrapper input
        {
            width: 250px;
        }
        
    .searchResultPage .searchBox .advancedBoxes
    {
        padding-top: 10px;
        overflow: hidden;
        }
        .searchResultPage .searchBox .advancedBoxes label
        {
            margin-right: 10px;
        }
.searchResultPage h2
{
    padding-bottom: 15px;
    font-size: 18px;
}
.searchResultPage ol
{
    padding-left: 30px;
    }
    .searchResultPage ol a
    {
        font-size: 14px;
        font-weight: bold;
        color: #333;
    }
    .searchResultPage ol span.dateTime
    {
        color: #666;
    }
    .searchResultPage ol p
    {
        padding: 5px 0;
    }
    
.searchHints
{
    padding-top: 15px;
    }
    .searchHints ul
    {
        list-style: disc;
        padding-left: 16px;
    }    
    .searchHints li    
    {
        padding-bottom: 10px;
    }
    .searchHints h2
    {
        padding-bottom: 15px;
    }

.xForm table
{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.xForm label,
.xForm input
{
    float: left;
}
.xForm label
{
    width: 30%;
    padding-top: 3px;
}
.xForm input,
.xForm textarea
{
    width: 65%;
    border: 1px solid #ccc;
    padding: 3px;
}
.xForm textarea
{
    height: 100px;
}

.xForm input.button
{
    width: auto;
    overflow: visible;
    padding: 5px 20px;
    cursor: pointer;
}

.xForm td
{
    padding-bottom: 10px;
}

.xForm td,
.xForm tr
{
    border: 0;
}

/* = page content = */
.pageContent
{
    line-height: 1.6;   
    padding-bottom: 30px;
    font-size: 13px;
    }
    .pageContent h2,
    .pageContent h3,
    .pageContent h4
    {
        margin-bottom: 15px;
    }
    .pageContent h2
    {
        font-size: 25px;
    }
    .pageContent h3
    {
        font-size: 18px;
    }
    .pageContent h4
    {
        font-size: 15px;
    }
    .pageContent ol, .pageContent ul,
    .faq ol, .faq ul,
    .infoBox ol, .infoBox ul
    {
        margin: 0 0 15px 35px;
    }
    
    .pageContent ul,
    .faq ul,
    .infoBox ul
    {
        list-style: disc;
    }
    .infoBox ul.customList
    {
    	margin: 0;
    	list-style: none;
    }
    .pageContent li,
    .faq li,
    .infoBox li
    {
        margin-bottom: 5px;
    }
    .pageContent table,
    .infoBox table
    {
        margin-bottom: 15px;
        border-collapse: collapse;
        }
        .pageContent table td,
        .pageContent table th,
		.infoBox table td,
        .infoBox table th
        {
            border: 1px solid #ccc;
            padding: 3px 5px;
            }
            .pageContent .xForm table td,
            .pageContent .xForm table th
            {
                border: 0;
            }
        
        .pageContent table th,
        .pageContent table td.header,
        .infoBox table th,
        .infoBox table td.header
        
        {
        	font-weight: bold;
            background: #f1f1f1;
        }
    
    .pageContent table.noBorder td,
    .pageContent table.noBorder th,
    .infoBox table.noBorder td,
    .infoBox table.noBorder th
    {
        border: 0;
    }
    
    .pageContent img.left
    {
        float: left;
        margin: 0 10px 10px 0;
    }
    .pageContent img.right
    {
        float: right;
        margin: 0 0 10px 10px;
    }
    .pageContent.withoutPadding
    {
        padding-bottom: 0;
    }

/* = custom box with link = */

.pageContent .customBoxes
{
	width: 100%;
	overflow: hidden;
}

.pageContent .customBoxes ul
{
    margin: 0 0 0 -15px;
	position: relative;
	list-style: none;
}
.pageContent .customBoxes li
{
	float: left;
	display: inline;
	margin-left: 15px;
	padding-bottom: 20px;
	width: 235px;
	}
	.pageContent .customBoxes .customBox
	{
		width: 235px;
		height: 200px;
		position: relative;	
	}
	.pageContent .customBoxes .image img
	{
	    width: 235px;
	    height: 200px;
	}
	.pageContent .customBoxes .greyBox
	{
		position: absolute;
		width: 206px;
		height: 101px;
		bottom: 15px;
		left: 15px;
		background: #333;
		opacity: 0.6;
		z-index: 1;
	}
	.pageContent .customBoxes h2
	{
		position: absolute;
		color: #fff;
		bottom: 30px;
		left: 27px;
		z-index: 10;
		width: 185px;
	}
	.pageContent .customBoxes a
	{
		position: absolute;
		background: red;
		opacity: 0;
		width: 235px;
		height: 200px;
		display: block;
		top: 0;
		left: 0;
		z-index: 20;
	}

/* = footer = */	
#footer
{
	position: relative;
	padding-bottom: 50px;
    }
    #footer a
    {
        color: #333;
        text-decoration: none;
    }
        #footer .footerLogo
        {
            bottom: 23px;
            position: absolute;
            right: 183px;
        }
    #footer a:hover
    {
        text-decoration: underline;
        }
        #footer a.arrowLink
        {
            font-weight: bold;
        }
    #footer ul
    {
	    margin-left: 30px;
    }
    #footer li
    {
	    float: left;
	    width: 321px;
	    padding: 20px 15px 0 0;
    }
    #footer h3
    {
	    font-size: 14px;
	    text-transform: uppercase;
	    font-weight: bold;
    }
    #footer h4
    {
	    font-size: 14px;
	    font-weight: bold;
	    margin-bottom: 20px;
    }
    #footer dl
    {
	    padding-bottom: 20px;
    }
    #footer dd
    {
	    padding-bottom: 3px;
	    font-size: 14px;
	    font-weight: bold;
	    }
	    #footer dl.normal dd
	    {
		    font-size: 12px;
		    font-weight: normal;
	    }

/* = tooltip = */
.tooltip
{
        background:url("gfx/backgrounds/bg-tooltip.png") no-repeat scroll -167px 0 transparent;
        padding-top:1px;
        width:167px;
	}
	.tooltip .content
	{
        background:url("gfx/backgrounds/bg-tooltip.png") no-repeat scroll 0 100% transparent;
        padding:15px 20px;
	}
	.tooltip h3
	{
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		margin: 0;
	}
	.tooltip p
	{
		font-size: 11px;
	}

.teaserBox
{
    display: inline-block;
    width: 320px;
    font-size: 14px;
    line-height: 18px;
    vertical-align: top;
    margin: 0 3px 0;
	background: url("gfx/backgrounds/bg-box-middle.png") repeat-y -320px 0;
    }
	.teaserBox .teaserHold
	{
		background: url("gfx/backgrounds/bg-box-middle.png") no-repeat;
		}
		.teaserBox .teaserInner
		{
			background: url("gfx/backgrounds/bg-box-middle.png") no-repeat -640px 100%;
			min-height: 232px;
			padding: 12px 18px 20px;
			overflow: hidden;
		}
		.teaserBox h3
		{
			color: #292929;
			font-size: 14px;
			font-weight: bold;
			margin: 0 0 5px -3px;
		}
		
    .teaserBox .imgHold
    {
        margin: 0 0 5px;
		width: 100%;
		overflow: hidden;
        }
        .teaserBox .imgHold img
        {
            vertical-align: top;
        }
    .teaserBox a
    {
        color: #333;
        font-size: 14px;
        background: url("gfx/arrow-10-black.png") no-repeat 0 2px;
        padding: 0 0 0 18px;
        font-weight: bold;
        text-decoration: none;
    }
    .teaserBox .moreLink
    {
        position: absolute;
        bottom: 10px;
		margin: 0 0 0 200px;
    }
    .teaserBox a:hover
    {
        color: #000;
        text-decoration: underline;
    }
    .teaserBox .txt
    {
        margin: 0 0 10px;
    }
.twoColumnsBox
{
    margin: 0 0 13px;
    }
    .twoColumnsBox .news
    {
        width: 320px;
		background: url("gfx/backgrounds/bg-box-middle.png") repeat-y -320px 0;
        }
		.twoColumnsBox .news .newsHolder
		{
			background: url("gfx/backgrounds/bg-box-middle.png") no-repeat;
			width: 100%;
			}
			.news .newsInner
			{
				padding: 10px 6px 0 10px;
				overflow: hidden;
				background: url("gfx/backgrounds/bg-box-middle.png") no-repeat -640px 100%;
			}
    .twoColumnsBox .topBanner
    {
        width: 320px;
        }
        .twoColumnsBox .serviceBanner .frame,
        .twoColumnsBox .serviceBanner #imagesServ li a,
        .twoColumnsBox .serviceBanner
        {
            width: 320px;
            height: 250px;
        }
    .twoColumnsBox .leftCol
    {
        float: left;
        width: 650px;
        }
        .leftCol .holder
        {
            margin: 0 0 13px;
        }

/* = clearing = */ 
.clear
{
	clear: both;
}
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
.clearfix
{
    display: block;
}


/* = custom styles for Edit mode = */
.faqItem
{
    padding: 0 30px 30px;
    }
    .faqItem h3
    {
        padding-top: 20px;
    }

/*** - only for Evaluering bes�g xForm styles - ***/
.customFixClass .xForm input{
            margin: 2px 0 0;
}
.customFixClass .xForm label{
            padding: 0 15px 0 3px;
}
.customFixClass .xForm input,

.customFixClass .xForm label
{
            width: auto;
            float: left;
            border: none;
}
.customFixClass .xForm legend{
            display: block;
padding: 20px 0 0;
}
.customFixClass .xForm input,
.customFixClass .xForm textarea
{clear:both;
display: block;
}

.customFixClass .xForm input.xFormRadioHorisontal{
            clear:none;
}

.customFixClass .xForm .originalXFormsClass{
            border:1px solid #CCCCCC;
            padding:3px;
            clear: none;
}

.xForm table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.xForm label, .xForm input {
float:left;
}
.xForm label {
padding-top:3px;
width:30%;
}
.xForm input, .xForm textarea {
border:1px solid #CCCCCC;
padding:3px;
width:65%;
}
.xForm textarea {
height:100px;
}
.xForm input.button {
cursor:pointer;
overflow:visible;
padding:5px 20px;
width:auto;
}
.xForm td {
padding-bottom:10px;
}
.xForm td, .xForm tr {
border:0 none;
}
.pageContent .xForm table td, .pageContent .xForm table th {
border:0 none;
}

/*** end only for Evaluering bes�g xForm styles**/

.search-result .resultsList .oneResult
{
    margin-bottom: 30px;
}

.search-result .resultsList .oneResult h3
{
    margin-bottom: 5px;
}

/*  Solr Search Page */
#container .search-result h2
{
    font-size: 18px;
}

#container .search-result .resultsList
{
    padding-top: 2em;
}

#container .search-result .resultsList ul,
#container .search-result .resultsList ol
{
    margin: 0;
    padding-left: 30px;
}

#container .search-result .resultsList ul li,
#container .search-result .resultsList ol li 
{
    margin: 0; 
    padding: 0 0 20px;
}

#container .search-result .resultsList ul li p,
#container .search-result .resultsList ol li p
{
    margin: 0; 
}

#container .search-result .resultsList ul li a,
#container .search-result .resultsList ol li a
{
    font-weight: bold;
    color: #333333;
    font-size: 14px;
}

.paging
{
    height: 20px;
    padding: 4px;
    line-height: 20px;
    margin-bottom: 15px;
    overflow:hidden;
    position:relative;
}

.paging ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align:center;
}

.paging ul li
{
    display: inline;
    list-style-type: none;
    padding: 0 7px 0 4px;
    font-weight: bold;
    background: none;
}

.paging ul li.first
{
       
}

.paging ul li a
{
    font-weight: normal;
    color: #333333;
}

.paging ul li.selected a
{
    text-decoration: none;
    font-weight: bold;
}

.paging ul li.last
{
    background: none;
}

.paging .next
{
    width:20px;
    height:20px;
    position: absolute;
    top:4px;
    right:4px;
}

.paging .previous
{
    width:20px;
    height:20px;
    position: absolute;
    top:4px;
    left:4px;
}