@media Screen
{
	body
	{
	background: #98a4a8;
	color: #000000;
	}

	/* layout */

	body #layout
	{	
	position: relative;
	background: #bbc9cc url(/img/main-bg.jpg) 0 0 no-repeat;
	z-index: 2;
	overflow: hidden;
	//overflow-y: visible;
	min-width: 950px;
	max-width: 1300px;
	width: expression( ( document.getElementsByTagName('body')[0] && document.getElementsByTagName('body')[0].clientWidth < 1285 )
		? ( document.getElementsByTagName('body')[0].clientWidth < 850 ? '850px' : '100%' ) : '1285px' );
	}

	#reducer
	{
	height: 100%;
	border-right: 115px solid #98a4a8;
	//border-right: 0 hidden;
	margin-left: -15px;
	}

	#header
	, #reducer
	, #map-outer
,#content-layout
	{
	min-width: 850px;
	max-width: 1200px;
	width: 100%;
	width: expression( ( document.getElementsByTagName('body')[0] && document.getElementsByTagName('body')[0].clientWidth < 1200 )
		? ( document.getElementsByTagName('body')[0].clientWidth < 850 ? '850px' : '100%' ) : '1200px' );
	}

	#navigation
	, #content-layout
	{
	padding-top: 120px;
	}

	#content-layout
	{
	float: left;
	width: 77%;
	padding-bottom: 11em;
	position: relative;
	left: 23%;
	border-right: 115px solid #98a4a8;
	//border-right-width: 100px;
	//float: none ! important;
	//left: 0;
	//margin: 0 -100px 0 23%;
	//width: 100% ! important;
	//height: 100%;
	}



	#content
	{
	left: 0;
	min-height: 400px;
	//height: 400px;
	}

	/* header */

	#header
	{
	height: 120px;
	position: absolute;
	z-index: 2;
	left: 0;
	}


	/* navigation */

	#navigation
	{
	z-index: 5;
	font-weight: bold;
	}
	#navigation ul
	{
	font-size: 0.95em;
	}
	#navigation ul,
	#navigation form
	{
	padding-left: 15px;
	}
	#navigation ul ul
	{
	font-size: 1em;
	padding-left: 0;
	}
	#navigation a
	{
	color: #467e96;	
	}
	#navigation a.selected,
	#navigation b.selected
	{
	color: #566c76;
	}
	#thermo
	{
	margin: 0.4em 0;
	background: #eceff1;
	padding: 0.5em 3.1em 0.7em;
	font: 0.85em Tahoma, sans-serif;
	}
	#thermo a
	{
	color: #467e96;
	}

	#thermo b
	{
	font-weight: normal;
	}


	/* content */

	#content
	{
	background: #ffffff url(/img/content-bg.jpg) right bottom no-repeat;	
	}

	#content form
	{
	background: #eceff1;
	margin: 0.3em 0 1em 0;
	padding: 1em;
	//width: 100%;
	}

	#content .padder
	{
	padding: 1em 1em 3em 1em;
	position: relative;
/*	min-height: 100em;*/
	//width: 100%;
	}

	#content .banner
	{
	position: absolute;
	right: 100%;
	margin-right: 1px;
	top: 17em;
	}

	#blueprint
	{
	position: absolute;
	right: -159px;	
	bottom: -71px;	
	width: 370px;
	height: 382px;	
	background: url(/img/blueprint.png);
	}


	/* content add */

	#content-add
	{
	position: relative;
	float: left;	
	width: 18%;
	margin-top: 180px;
	background: #F4F3EB url(/img/content-add-bg.gif) left bottom no-repeat;
	font: 0.85em Tahoma, sans-serif;
	}

	#content-add .wrapper
	{
	width: auto;
	padding: 1.5em 1em 40px 0;
	}

	#content-add .block
	{
	margin: 1em 0 1em 1.5em;
	}

	#content-add .clips
	{
	position: absolute;
	left: -10px;
	top: -135px;
	width: 42px;
	height: 152px;
	background: url(/img/content-add-clips.png);
	}

	#content-add-border
	{
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 100%;
	width: 8px;
	height: 100%;
	overflow: hidden;
	background: url(/img/content-add-border.png) 0 0 repeat-y;
	}


	/* footer */

	#footer a
	{
	color: #0077b5;
	}

	#contacts
	{	
	padding-left: 2em;
	}


	/* shadow */

	.shadow-t,
	.shadow-r,
	.shadow-b,
	.shadow-l
	{
	position: absolute;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	}

	.shadow-t div,
	.shadow-r div,
	.shadow-b div,
	.shadow-l div
	{
	overflow: hidden;
	}

	.shadow-t
	{
	left: -17px;
	top: -5px;	
	width: 100%;	
	}

	.shadow-t div
	{
	height: 9px;	
	margin-left: 12px;	
	background-image: url(/img/shadow-t.png);
	}

	.shadow-r
	{
	left: -17px;
	top: -5px;
	margin-left: 100%;	
	height: 100%;
	width: 22px;
	}

	.shadow-r div
	{	
	height: 100%;
	width: 22px;
	background-image: url(/img/shadow-r.png);
	}

	.shadow-b
	{
	top: 100%;	
	right: 0;
	margin-right: -4px;
	margin-top: -5px;	
	width: 100%;
	height: 10px;
	}

	.shadow-b div
	{
	height: 10px;
	background: url(/img/shadow-b.png) right bottom;
	}

	.shadow-l
	{	
	left: -6px;
	bottom: 0;
	margin-bottom: -4px;
	width: 10px;
	height: 100%;	
	}

	.shadow-l div
	{
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 10px;	
	background: url(/img/shadow-l.png) left bottom no-repeat;
	}

	/* index page */

	#index_page #map-outer
	{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 494px;
	}

	#index_page #map
	{
	position: absolute;
	left: 100%;
	margin-left: -760px;
	top: 0;
	width: 847px;
	height: 494px;
	background: url(/img/map.png);
	//background:	none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/map.png),sizingMethod=crop);	
	}

	#index_page #point
	{
	position: absolute;
	left: 164px;
	top: 223px;
	width: 46px;
	height: 24px;
	background: url(/img/flag.png);
	//background:	none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/flag.png),sizingMethod=crop);	
	}

	#index_page .intro
	{
	background: #eceff1 url(/img/intro-bg.jpg) 0 0 no-repeat;
	padding: 155px 1em 1em 1em;	
	//width: 100%;
	}

	#index_page #content
	{
	margin-top: 220px;
	}

	#index_page #content-add
	{
	margin-top: 400px;
	}
}
/* content styles */

a:link,
.pseudo-link
{
color: #c83800;
}
@media Screen
{
	h1
	{
	background: #94b8c8;
	color: #ffffff;
	padding: 0.5em 1.5em;	
	}
}
h2
{
color: #bfbeb2;	
}
h3
, h4
{
color: #40687c;	
}
h2 .value
, h3 .value
, h4 .value
{
color: #000000;
font-style: normal;
font-weight: normal;
text-transform: lowercase;
}

/* persons & departments */

#content .persons a
, #content .departments a
{
font-size: 1.3em;
}
#content .persons li
, #content .persons p
, #content .departments li
, #content .departments p
{
margin-bottom: 1.5em;
}

@media Screen
{
	#content .header
	{
	position: relative;
	height: 150px;
	margin-bottom: 1em;
	}
	#content .header div
	{
	position: absolute;
	left: 140px;
	bottom: -1em;
	}
	#content .header .photo
	{
	position: absolute;
	left: 0;
	bottom: 0;
	}
}

/* popup */

@media Screen {
	#popup_page #layout
	{
	min-width: 600px;
	-width: expression( document.getElementsByTagName('body')[0] && document.getElementsByTagName('body')[0].clientWidth < 600 ? '600px' : '100%' );
	max-width: 100%;
	}
	#popup_page #layout #header
	, #popup_page #layout #reducer
	{
	min-width: 0;
	max-width: 100%;
	width: 100%;
	left: 0;
	margin-left: 0;
	}
	#popup_page #layout #logo
	{
	left: 60px;
	}
	#popup_page #layout #content-layout
	{
	left: 30px;
	width: 100%;
	margin-left: 0;
	padding-bottom: 30px;
	border-right: 1px solid;
	}
	#popup_page #layout #content
	{
	width: 90%;
	min-height: 0;
	height: auto;
	//height: 1px;
	}
	#popup_page #layout #content .padder
	{
	padding-bottom: 0;
	min-height: 0;
	}
	#popup_page .wrapper
	{
	background: #eceff1;
	margin: 0.3em 0 1em 0;
	padding: 1em;
	width: auto;
	//width: 100%;
	min-height: 200px;
	//height: 200px;
	}
	#popup_page #content form
	{
	margin: 0;
	padding: 0;
	}
}

@media handheld {
	body
	{
	background: #BBC9CC;
	}
	#content
	{
	background: #FFFFFF;
	}
	#content-add
	{
	background: #F4F3EB;
	}
	#content .banner
	{
	display: none;
	}
}

.dialog {
        margin: -150px 0pt 0pt -120px;
        padding: 1em 1em 1em 1em;
        /*overflow: auto;*/
        width: 250px;
        height: 330px;
        position: fixed;
        top: 50%;
        left: 50%;
        background-color:#EEF;
        border: 1px solid black;
        text-align: center;
        z-index:10;
        display:block;
}

.dialog .dcontainer {
        /*margin: -100px 0pt 0pt -100px;*/
        text-align:left;
        overflow: auto;
        width: 244px;
        height: 280px;
        /*position: fixed;
        top: 50%;
        left: 50%;*/
        background-color:#FFF;
}


.probel {margin:0 20px 0 0; float:left;}

h2.term {font-size:1.3em;}