/****
*
*	FONT STYLES
*
****/
h1,h2,h3,h4,.navigation,label,p.poll_txt,.index_container { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
p,.bottom_section p, .bottom_section ul li,h5 { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { color: #000; line-height: 160%; margin-bottom: 5px; }
h3 { border-bottom: 2px solid #ededed; color: #000; line-height: 160%; margin-bottom: 5px; }
h3 a { color: #000; text-decoration: none; }
h3 a:hover { text-decoration: underline; }
h4 { color: #404C56; line-height: 160%; }
h5 { border-bottom: 2px solid #ccc; color: #999; font-size: .7em; font-weight: normal; line-height: 160%; margin-bottom: 5px; }
h5 a, h5 a:visited{ color:#0000CC; text-decoration: none; }
h5 a:hover{ text-decoration: underline; }
p { color: #000; font-size: .7em; line-height: 160%; }
p a, p a:visited { color: #0033CC; }
p.poll_txt { color: #999; font-size: 1em; font-weight: bold; line-height: 160%; margin-bottom: 5px; }
p.right { float: right; }
p.left { float: left; }
p.col.left { width: 120px; }
p.col.right { width: 360px; }
.grey { color: #999;}
.grey a{ text-decoration: none; }
.grey a:hover{ text-decoration: underline; }

p.arrest{}
p.arrest a{ color: #0000CC; display: block; line-height: 180%; padding: 4px; text-decoration: none; }
p.arrest a.even{ background-color:#EFEFEF; }
p.arrest a.odd{ background-color: #FFF; }
p.arrest a:hover{ text-decoration: underline; background-color: #E6E6E6; }




/****
*
*	GENERAL STYLES
*
****/
body{ background-color: #1c1e31; background-image: url(../img/BG_gradient.jpg); background-repeat: repeat-x; }

.page_border{ background-color: #ececec; background-image: url(../img/page_gradient.jpg); background-repeat: repeat-x; border: 2px solid #000000; height: 100%; margin: 50px auto; width: 800px; }
.page_container{ background-color: #424452; height: 100%; margin: 10px auto; padding: 10px; position: relative; min-height: 300px; width: 760px; }

.top_section{ background-color: #FFF; height: 160px; padding: 10px; width: 740px; }
.top_section .index_container{ height: 160px; width: 240px;	background-color: #d5475f; float: right; }

.index_container #index a { display: block; color: #FFF; font-weight: bold; height: 32px; line-height: 180%; padding: 0px 10px; text-decoration: none; width: 220px; }
.index_container #index a.activeSlide { background-color: #FFF; color: #000; }
.index_container #index a:hover { background-color: #424452; color: #FFF; }
.index_container #index a:focus { outline: none; }

.top_section .img_container{ height: 160px; overflow: hidden; width: 490px; }
.top_section img{ height: 160px; width: 490px; }

.left_page{ float: left; height: 100%; margin: 0px 0px 10px 0px; width: 500px; }
.left_page .item{ width: 480px;	}

.right_page{ float: left; height: 100%; margin: 0px 0px 10px 10px; width: 250px; }
.right_page .item{ width: 230px; }

.item{ background-color: #FFF; height: 100%; margin: 10px 0px; overflow: hidden; padding: 10px; position: relative; width: 100%; }
.item img { display: block; }
.item .img_container { height: 104px; width: 100px; margin-right: 10px; margin-top: 4px; }
.item .img_container img { max-height: 90px; padding: 4px; border:2px solid #EDEDED; max-width: 90px; }
.item .content_container { width: 370px; }
.item .content_container, .item .img_container { float: left; }
.item.extendedHeight{ min-height: 400px; }
.item.extend{ min-height: 400px; }

img.smallUserImg { margin-right: 10px; max-height: 50px; max-width: 50px; }

.inner_item_container{ height: 100%; width: 480px; overflow: hidden; margin-bottom: 20px; }

.bottom_section{ border-top: 10px solid #4b4d5d; clear: both; height: 100%; overflow: hidden; width: 760px; }
.bottom_section .col{ float: left; height: 100%; padding: 10px; }
.bottom_section .left{ width: 225px; }
.bottom_section .middle{ margin-left: 10px; width: 225px; }
.bottom_section .right{	margin-left: 10px; width: 230px; }
.bottom_section h3{ color: #FFF; border-color: #FFF; }
.bottom_section p,
.bottom_section ul li a{ color: #FFF; text-decoration: none; }
.bottom_section a:hover{ text-decoration: underline; }

.s2{ height: 100px; overflow: hidden; }
.s2 img{ height: 100px;	width: 230px; }

.message_container{ background-color: #EFEFEF; height: 100%; padding: 10px; margin-top: 10px; }
.message_container.success{ border: 2px solid #00CC00; }
.message_container.error{ border: 2px solid #CC3300; }
.message_container.error h3{ border-color: #FF6666; }
.message_container.success h3{ border-color: #00CC99; }

div.subscribeNewsletter{ position: absolute; top: -50px; right: 20px; }
div.subscribeNewsletter p{ color: #666; position: relative; z-index: 10; }
div.subscribeNewsletter p a{ color: #DDD; }
div.subscribeNewsletter p a:hover{ color: #FFF; }
div.subscribeNewsletter img.mailIcon{ position: absolute; top: 2px; left: -20px; }
div.subscribeNewsletter span.labelSubscribe{ background-image: url(../img/label_subscribe.png); background-position: top left; height: 64px; position: absolute; top: 0px; right: -60px; width: 64px; z-index: 1; }
div.subscribeNewsletter span.labelSubscribe:hover{ background-position: top right; }

div.attention{
/*	background:#ebf4fb;
	border:solid 2px #b7ddf2;
*/	
	background:#daffdb;
	border:2px solid #62d05f;

	height:100%;
	margin:0 0 10px 0;
	padding:20px 10px;
	width:456px;
}
div.attention p{ font-size:.9em; font-weight:bold; text-align:center; }




/****
*
*	LIST STYLES
*
****/
ul{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; line-height: 160%; }
ul.pointer li { list-style-position: outside;  margin-left: 15px; }
ul.pointer.blue li { list-style-image: url(../img/pointer_right_blue.png); }
ul.pointer.red li { list-style-image: url(../img/pointer_right_red.png); }
ul.pointer.green li { list-style-image: url(../img/pointer_right_green.png); }
ul.pointer.black li { list-style-image: url(../img/pointer_right_black.png); }

/****
*
*	NAVIGATION STYLES
*
****/
.navigation{ height: 30px; font-size: 1em; font-weight: bold; line-height: 180%; width: 760px; }
ul.navigation li { border-left: 2px solid #424452; border-right: 2px solid #424452; cursor: default; position: relative; z-index: 599; }
ul.navigation li a{ padding: 5px 20px; color: #FFF; text-decoration: none; }
ul.navigation li a:hover{ background-color: #FFF; color: #000; }
ul.navigation ul { visibility: hidden; }
ul.navigation li:hover > ul { visibility: visible; }
ul.navigation li.special { background-color: /*#ff0082*/ /*#d5475f*/ #b0c4df /*#ff7f00;*/ }
ul.navigation li.hori{ float: left; }
ul.navigation li.down{ background-image: url(../img/pointer_down_white.png); background-position: 100% 50%; background-repeat: no-repeat; }
ul.dropdown { background-color: #FFF; border-top: 2px solid; border-color: #ededed; font-size: .7em; left: 0; position: absolute; top: 100%; visibility: hidden; }
ul.dropdown li{ background-color: #FFF; border-bottom: 2px solid; border-color: #ededed; color: #000; }
ul.dropdown li a{ color: #000; display: block; }
ul.dropdown li a:hover{ background-color: #424452; color: #FFF; }
ul.dropdown li.right{ background-image: url(../img/pointer_right_red.png); background-position: 95% 50%; background-repeat: no-repeat; }
ul.flyout { border-top: 2px solid #ededed; font-size: 1em; left: 100%; position: absolute; top: -2px; visibility: hidden; }
ul.navigation li.selected a { background-color: #FFF; } 
ul.navigation li.selected a { color: #000; }
ul.navigation li.down.selected a { background-color: #FFF; background-image: url(../img/pointer_down_blue.png);  background-position: 96% 50%; background-repeat: no-repeat; }
ul.navigation li.selected ul.dropdown li a{ background-image: none; }
ul.navigation li.selected ul.dropdown li a:hover { background-color: #424452; color: #FFF; }
ul.navigation li.selected ul.dropdown li.right a { background-image: url(../img/pointer_right_blue.png); }
ul.navigation li.selected ul.dropdown li.nopointer a { background-image: none; }


/****
*
*	QUOTE STYLES
*
****/
blockquote{ background-color: #F3F3F3; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; 
font-weight: bolder; line-height: 160%; margin: 0px 10px 10px 10px; border-right: 2px solid #000; border-left: 2px solid #000; padding: 10px 20px 10px 10px; text-align: justify; }
blockquote.right { border-right: 2px solid #000; padding: 10px 20px 10px 10px; text-align: right; }
blockquote.left { border-left: 2px solid #000; padding: 10px 10px 10px 20px; text-align: left; }


/****
*
*	COMMENT STYLES
*
****/
.comment{ border-bottom: 2px dashed #FFF; height: 100%; overflow: hidden; padding: 10px; width: 460px; }
.comment .img{ float: left; height: 100%; width: 50px; margin-right: 10px; }
.comment .content{ float: left; height: 100%; width: 400px; }
.comment img{ height: 50px; width: 50px; }
.comment.even{ background-color: #efefef; }
.comment h3{ color:#999; font-size: .7em; font-weight: normal; }
.comment.even h3{ border-color: #FFF; }
.comment.uneven{ background-color: #fff; }
.comment.author{ background-color: /*#F9DED3;*/ #FFCCCC; }
.comment.admin{ background-color: #66CCFF; }
.comment.admin h5{ color: #666; border-color: #999; }


/****
*
*	IMAGE STYLES
*
****/
img.iconPrinter{ height: 16px; position: absolute; right: 14px; top: 15px; width: 16px; }
img.iconDelete{ height: 16px; position: absolute; right: 18px; top: 52px; width: 16px; }
img.smallUserImg.loginForm,img.smallUserImg.logbook, img.smallUserImg{ margin-top: 4px; max-width: 50px; max-height: 50px; }
img.cartoon{ max-width: 480px; }
img.article_header_img{ max-width: 480px; margin-bottom: 10px; }

.page_container span.labelColumns{ background-image: url(../img/label_columns.png); background-position: top left; height: 120px; left: -16px; position: absolute; width: 26px; top: 260px; }
.page_container span.labelColumns:hover{ background-position: top right; }





/****
*
*	NINE USER IMGS
*
****/
div.nineUserImgs{
	float:left;
	height:50px;
	margin:3px;
	width:50px;
}
div.nineUserImgs img{
	max-height:50px;
	max-width:50px;
}


/* * * * * * * * * * * * * * *
*							 *
*		Cartoon Styles		 *
*							 *
* * * * * * * * * * * * * * */
ul.cartoon li{ list-style:none; }




/* * * * * * * * * * * * * * *
*							 *
*		Vacature Styles		 *
*							 *
* * * * * * * * * * * * * * */
div.vacature{
	background:#ebf4fb;
	border:solid 2px #b7ddf2;
	height:100%;
	margin:0 0 10px 0;
	padding:20px 10px;
	width:456px;
}
div.vacature:hover{
	background-color: #FFCCFF;
}



/* * * * * * * * * * * * * * *
*							 *
*		Inbox Styles		 *
*							 *
* * * * * * * * * * * * * * */
p.inbox img.icon.email{ margin: 3px 6px 0px 0px; }
p.inbox img.icon.email_open{ margin: 0px 6px 0px 0px; }
p.inbox img.icon.email_reply{ margin: 0px 6px 0px 0px; }

p.inbox{ display: block; line-height: 180%; padding: 4px; }
p.inbox a{ color: #0000CC; line-height: 180%; text-decoration: none; }
p.inbox a:hover{ text-decoration: underline; }
p.inbox.even{ background-color:#EFEFEF; }
p.inbox.odd{ background-color: #FFF; }
p.inbox:hover{ background-color: #E6E6E6; }
p.inbox a.read{ color: #999; }