/* ------------------------------ */
/* ---- theme(banner, Black - yellow text)  ---- */
/* ---- theme(info, Black - white text)
/* ---- theme(gray, Gray)  ---- */
/* ---- theme(lightgray, Light gray) ---- */
/* ---- theme2(gray, Gray) ---- */
/* ---- theme2(lightgray, Light gray) ---- */
/* ---------------------------- */

/**
 * Standard elements
 ******************************************************************/
 html
{
	overflow: -moz-scrollbars-vertical;
}

body
{
	background-color:#fff;
	font-family:"Verdana";
	font-size:10px;
	margin:0;
	padding:0;
}

ul
{
	list-style-type:none;
	margin:0 10px 10px 10px;
	padding:0;
}

ul li
{
	line-height:1.8em;
}

.clear
{
	clear:both;
	display:block;
	float:none;
	font-size:0;
	line-height:0;
	width:300px;
}

.right
{
	display:inline;
	float:right !important;
}

br
{
	line-height:0.5em;
}

/**
 * Fonts
 ******************************************************************/
h1
{
	font:bolder 4em/1em "Arial Black", Arial;
	padding:30px 0;
	padding-top:20px;
	letter-spacing:-3px;
}

h2, h3, h4, h5		{font-weight:bold;}
h2					{font-size:1.2em;}
h3, p				{font-size:1.1em;}

h3 i
{
	font-style:italic;
	font-weight:lighter;
	font-size:0.8em;
}

p a
{
	font-size:1em;
}

a
{
	color:#0328a1;
	font-size: 1.2em;
}

a:hover
{
	text-decoration:none;
}

a.readmore
{
	color:#0a3a5b;
	float:right;
	font-size:1.2em;
}

a img
{
	border:0;
}

.dateArticle
{
	left: 15px;
	margin: 0;
	position: absolute;
	top: 15px;
}

 /**
 * Layout
 ******************************************************************/
.container
{
	height:700px;
}

.container,
.header .center
{
	margin:0 auto;
	width:900px;
}

/**
 * Header
 ******************************************************************/
.header
{
	background: url('/images/header_background.jpg') no-repeat #000 50% 0;
}

.header .center
{
	height:188px;
	position:relative;
}

.logo
{
	position:absolute;
	left:80px;
	top:63px;
	outline:none;
}

/**
 * Menu
 ******************************************************************/
.menu
{
 	bottom:15px;
	margin: 0 0 0 -10px !important;
 	position:absolute;
	width:920px;
}

.menu div
{
	background-image: url('/images/menu_button_left.jpg');
	display: inline;
	float:left;
	margin: 0 0 0 10px;
}
 
.menu a
{
	background: url('/images/menu_button_right.jpg') no-repeat 100% 0%;
	display:block;
	float:left;
	height:24px;
	padding-top:4px;
	width: 91px !important;
	width:90px;
}

.menu a
{
	color:#fff;
	font-family:'franklin gothic medium' arial;
	font-size:14px;
	font-weight:bold;
	white-space: nowrap;
	text-align:center;
	text-decoration:none;
}

.menu a:hover, .menu .active
{
	color:#ffed00;
}

/**
 * Input elements
 ******************************************************************/

input.text
{
	background-color:#fff;
	border-top:1px solid #7c7c7c;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #c3c3c3;
	float:left;
	font-size:1.2em;
	height:17px;
	line-height:1.2em;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	width:125px;
}

.submit_button
{
	background: url("/images/submit_button_corner.gif") no-repeat;
	display:inline;
	float:left;
	height:21px;
	position:relative;
}

.submit_button input
{
	background: url("/images/submit_button_content.gif") 100% 0 no-repeat;
	border:0;
	font-size:1.1em;
	font-family:Arial;
	font-weight:bold;
	height:21px;
	margin-left:1px;
	padding: 3px 5px 2px 5px;
}

html>/**/body .submit_button input
{
	padding-top: 0;
}

/**
 * Startpage
 ******************************************************************/
.width900 .width300 div
{
	height:210px;
}
/**
 * Submenu
 ******************************************************************/
.submenu
{
	background-color:#d9dadb;
	display:inline;
	float:left;
	margin-top:10px;
	position:relative;
}

	.submenu h2
	{
		background: #000;
	}

	.submenu h2 a
	{
		background: #000;
		color: #ffed00;
		font-weight:lighter;
		padding:10px 10px 10px 15px;
	}
	
	.submenu a
	{
		border-top:1px solid #fff;
		color:#000;
		display:block;
		padding:10px 10px 10px 15px;
		text-decoration:none;
	}
	
	.submenu a:hover		        {text-decoration:underline;}
	.submenu a.active		        {font-weight:bold;}
	.submenu .sublevel .sublevel	{background-color:#efefef;}
	.submenu .sublevel .sublevel a	{padding:10px 10px 10px 30px;}

 /**
 * Float box
 ******************************************************************/
.float_box
{
	background-color:#d9dadb;
	display:inline;
	float:left;
	margin:10px 0 0 0;
	position:relative;
	white-space:normal;
	width:100%;
}
	.float_box .float_box
	{
		margin:0;
	}
	
	.float_box .width340 table
	{
		margin: 0 0 15px 15px;
	}
	
		.float_box .width340 table th,
		.float_box .width340 table td
		{
			font-size: 11px;
			padding:0;
		}
	
			.float_box .width340 table th p,
			.float_box .width340 table td p,
			.float_box .width340 table th a,
			.float_box .width340 table td a
			{
				font-size: 11px;
			}
			
	.float_box .width340 ul
	{
		font-size: 11px;
		margin: 0 0 0 15px;
	}
	
			.float_box .width340 ul li a,
			.float_box .width340 ul li p
			{
				font-size: 11px
			}

	.float_box.width170 ul
	{
		margin: 5px 10px 10px 10px;
	}
		.float_box.width170 ul li
		{
			padding: 2px 0;
		}
			
	.float_box img
	{
		display:block;
		max-width:100%;
		width:auto !important;
		width:100%;
	}
	
	.float_box .width340 img
	{
		margin-left: 15px;
	}

	.float_box h1,
	.float_box h2,
	.float_box h3,
	.float_box h4		{margin:0 20px 0 15px;}
	.float_box p			{margin:0 20px 15px 15px;}
	
	.float_box h1
	{
		margin-top: 10px;
		margin-left: 13px;
	}
	
	/*** Columns ***/
	.column_left,
	.column_right
	{
		display:inline;
		float:left;
		position:relative;
	}

	.column_left			{width:35%;}
	.column_left p			{margin:12px 0 0 12px	!important;}
	.column_right			{width:64.5%}
	.column_right h2		{margin:20px 0 0 15px	!important;}
	.column_right p			{margin:0 30px 0 15px	!important;}
	.column_right a.readmore{margin:8px 35px 10px 0;}
	
	/*** Attributes ***/
	.none					{background-color:transparent;}
	.lightgray				{background-color:#efefef;}
	.lightgray .column_left	{width:31% !important;}

	.gray {}
	
	.banner					{background-color:#000;}
	.banner h1,
	.banner h2,
	.banner h3,
	.banner h4,
	.banner p				{color:#ffed00;}
	.banner a				{color:#fff;}
	
	.info					{background-color:#000;}
	.info h1,
	.info h2,
	.info h3,
	.info h4,
	.info p,
	.info a					{color:#fff;}
	
	.text_small				{font-size:0.9em;}
	.text_small h1,
	.text_small h2,
	.text_small h3,
	.text_small h4			{margin:10px 10px 0 10px;}
	.text_small p			{margin:0 19px 10px 10px;}

	.title
	{
		border-bottom:1px solid #fff;
	}
	
	.title	h1
	{
		font:normal 36px "Arial black", arial;
		margin:-7px 0 0 -8px;
		padding-bottom:0;
		position:absolute;
		z-index:1;
	}
	
	.title	h2
	{
		display:block;
		font:bold 19px Verdana;
		margin:70px 0 0 -8px !important;
		padding:0;
		position:absolute;
		z-index:1;
	}
	
	.title img
	{
		width:158px;
	}
	
	
	/*** Sizes ***/
	.width170				{width:157px;}
	.puffs_right			{width:170px;}
	.puffs_right a
	{
		clear:both !important;
		display:block !important;
	}
	
	.width200				{width:200px;}
	.width250				{width:250px;}
	.width300				{width:299px;}
	.float_box .width340	{width:352px;}
	
	.float_box.form .width340,
	.width340				{width:340px;}
	.width510				{width:510px;}
	.width550				{width:550px;}
	.width690				{width:690px;}
	.width900				{width:900px;}
	
	.puffs_right h2
	{
		background: #ffd602 !important;
		border: 0 !important;
		color: #000 !important;
		font-family: Arial;
		font-size: 13px;
		font-weight: bold;
		margin: 0 !important;
		padding: 4px 0 3px 10px !important;
		position: relative;
		z-index: 1;
	}
	
 /**
 * Corner
 ******************************************************************/
.corner
{
	background: url("/images/corner.gif") 100% 100% no-repeat;
	bottom:0;
	clear:both;
	height:27px;
	position:absolute;
	right:0;
	width:27px;
	z-index:1;
}

 /**
 * Separator
 ******************************************************************/
.separator
{
	display:inline;
	float:left;
	font-size:0;
	height:10px;
	width:10px;
}

.separator.thin
{
	height:1px;
	width:1px;
}

.epiDiv .separator.thin
{
	background-color:#fff;
	display:block;
	height:1px;
	width:100%;
	margin-bottom:10px;
}

.separator.space
{
	height:8px;
	display:block;
	float:none;
}

 /**
 * Search
 ******************************************************************/
.search
{
	float:right;
	width:auto;
	z-index:2;
	_margin-right: 10px; /* IE 6 */	
}

 /**
 * Paging
 ******************************************************************/
.paging
{
	padding:10px 0;
}
 
 .paging a
{
	color:#000;
	margin:15px 0 0 15px;
	text-decoration:none;
}

.paging a:hover
{
	text-decoration:underline;
}

.paging a.active
{
	font-weight:bold;
	text-decoration:underline;
}

 /**
 * Form
 ******************************************************************/
.form
{
	_width:700px;	/*ie6 fix*/
}
 
 .form
{
	padding-bottom:15px;
}

.form h2
{
	font: bold 1.9em "Franklin Gothic Medium", Arial;
	margin: 10px 0 0 0;
	padding: 0 0 15px 17px;
}

	.form h2 input
	{
		margin: 10px 6px 0 10px;
	}

.form .separator
{
	background-color:#fff;
	height:1px;
	margin-bottom:15px;
	width:100%;
}

.form p
{
	margin-left:30px;
}

.form table
{
	font:normal 1.1em Verdana;
	margin:0 0 0 30px;
}

.form .text
{
	padding-left:10px;
}

.form .text input,
table .text input
{
	border-top:1px solid #7c7c7c;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #c3c3c3;
	height:20px !important;
	margin:5px 0;
	width:215px;
}

.form .required
{
	background-color:#fadbdb;
	border-top:1px solid #8a6a6a !important;
	border-right:1px solid #c7a7a7 !important;
	border-left:1px solid #c7a7a7 !important;
}

html>/**/body .form .fulltext
{
	margin:5px 15px 15px 30px;
}

.form .fulltext
{
	height:20px;
	margin:5px 15px 15px 35px;
	width:275px;
}

.form .error_msg
{
	/*bottom:15px;
	padding-bottom:20px;
	position:absolute;
	right:0;*/
	float:right;
	display:block;
}

.form #error_msg
{
	display:none;
	width:345px;
}

.form #error_msg p,
.form #error_msg img
{
	color:#dd0000;
	font:normal 1.3em Verdana;
	margin:0 0 15px 30px;
}

.form #error_msg img
{
	width:20px;
}

.form .error_msg .submit
{
	bottom:0;
	right:30px;
	position:absolute;
}

div.newForm .submit
{
	height: auto !important;
}

div.newForm td.space
{
	height: 10px;
}

.form .list input
{
	height:16px;
	margin-right:5px;
}

 /**
 * NewForm
 ******************************************************************/ 
div.newForm .images
{
	margin: 0 0 0 30px;
}

	div.newForm .images div
	{
		display: block;
		float: left;
		margin: 5px 5px 20px 0;
		width: 300px !important;
	}
	
		div.newForm .images div p
		{
			margin: 0 0 10px 0;
		}
	
	div.newForm .images .separator
	{
		background: transparent;
		display: block;
		float: left;
		width: 10px !important;
	}

div.newForm  td
{
	padding: 0 !important;
}

div.newForm textarea,
div.newForm input
{
	font: normal 1em Verdana;
}

div.newForm table td.text input
{
	padding: 2px 4px 4px 4px;
	height: auto !important;
}

div.newForm table td textarea
{
	padding: 4px 0 4px 4px;
}

div.newForm .title
{
	border: 0;
	margin-left: 28px;
}

div.newForm .rightFIX
{
	margin-left: 10px;
	width: 300px;
}

	div.newForm .rightFIX .submit
	{
		margin-right: 79px;
		margin-bottom: 30px;
	}

 /**
 * Searchresult
 ******************************************************************/
.searchresult .float_box a
{
	position:relative;
	z-index:99;
	float:left;
	height:auto;
	text-decoration:none;
}
 
 .searchresult .float_box a span
{
	position:relative;
	display:block;
}

.searchresult .float_box a img
{
	width:157px !important;
	display:inline;
	float:left;
	margin-bottom:15px;
}

.searchresult a span.column_right
{
	width:320px;
	padding:13px 15px;
	text-decoration:none;
}

.searchresult a span.link
{
	color:#0328A1;
	text-decoration:underline;
}

.searchresult a span.h3
{
	color:#000;
	font-weight:bold;
	display:block;
	margin:7px 0 1px 0;
}


.searchresult a .date
{
	font-size:0.8em;
	margin-left:0px;
	margin-top:6px;
	float:left;
	display:inline;
	text-decoration:none !important;
}


.searchresult a span span
{
	color:#000;
}

.searchresult a:hover span span
{
	text-decoration:underline;
	cursor:pointer;
}

.searchresult a:hover span span.date
{
	text-decoration:none !important;
}

 /**
 * Contact
 ******************************************************************/
.contact
{
	padding-bottom:20px;
	width:700px;
}
	.contact h1,
	.contact h2,
	.contact h3,
	.contact h4		{margin:10px 10px 0 10px;}
	.contact p		{margin:0 10px 10px 10px;}
	.map img		{margin:20px;	width:auto;}

	.contact.width200
	{
		width:190px;
	}
	
	.contact .width400
	{
		width:400px;
	}
	
		.contact .width400 h2
		{
			font:bold 1.9em/1.2em "Franklin Gothic Medium" Arial;
			margin:0 20px 0 0;
		}
		
		.contact .width400 a
		{
			cursor:pointer;
			text-decoration:none;
		}

		.contact .width400 a.active
		{
			background-color:#000000;
			background-image:url(/images/arrow.gif);
			color:#FFED00;
		}
		
		.contact .width400 a:hover
		{
			text-decoration:underline;
		}

		.contact .width400 p
		{
			font-size:1.2em;
			padding-top:0;
			margin:15px 0 10px 0;
		}

		.contact .strong
		{
			font-size:1.2em;
			font-weight:bold;
			margin-top:5px;
		}
		
		.contact .width400 a
		{
			background-position:100% 50%;
			background-repeat:no-repeat;
			color:#000;
			display:block;
			line-height:1.2em;
			padding:1px 50px 1px 0;
			text-decoration:none;
			width:125px;
		}
	
	.contact .left_column,
	.contact .right_column
	{
		display:block;
		float:left;
		width:215px;
	}
	
	.contact .right_column
	{
		width:190px;
		margin-left:-15px;
	}

	.contact .right_column li a
	{
		width:150px;
		display:block;
	}
	
	.contact .left_column ul
	{
		margin:0;
		padding:0;
	}

	.contact .width400
	{
		width:420px;
	}
	
	.yellow
	{
		overflow:hidden;
		position:relative;
		background-color:#ffed00 !important;
	}
	
		.contact .yellow
		{
			background-color:#ffed00 !important;
			border-bottom:1px solid #fff;
			padding-top:15px;
		}

html>/**/body #popup_black
{
	padding:10px 0 10px 0;
}	
		
#popup_black
{
	padding:10px 0 0 0;
}

#popup_black p
{
	color:#fff;
}

#popup_black a
{
    cursor: pointer;
	display:block;
	font-size:1em;
	margin-left:12px;
}

#popup_black a img
{
	display:inline;
	float:left;
	width:26px;
}

#popup_black a i
{
	display:inline;
	float:left;
	margin:10px 0 0 10px;
}

.popup.yellow
{
	position:relative;
}

 /**
 * Writer
 ******************************************************************/
.writerinfo
{
	margin: 0 0 0 15px;
}

	.writerinfo p
	{
		font-size:1em;
		color:#000;
		margin:0;
	}

 /**
 * Button
 ******************************************************************/
.buttons
{
	margin:20px 0 20px 15px;
}
 
.buttons a
{
	color:#000;
	display:block;
	float:left;
	font-size:1em;
	font-style:italic;
	margin-right:20px;
	text-align:center;
	text-decoration:none;
	width:auto;
}

	.buttons a img
	{
		display:inline;
		float:none;
		margin:auto;
		position:relative;
		width:16px;
	}

	.buttons a span					{display:block;}
	.buttons a:hover,
	.buttons a:hover span			{text-decoration:underline;}
	html>/**/body .buttons a:hover	{text-decoration:none;}
	
	.buttons .sharebutton
	{
		margin-top:3px;
	}
	
	.buttons .sharebutton img
	{
		width:auto;
		margin;
	}

	.find_store
	{
		display:block;
		float:left;
	}
	
	.find_store img
	{
		width:auto;
	}
	
/**
 * Footer
 ******************************************************************/
.footer
{
	background-color:#000;
	line-height:1em;
	margin:10px 0 0 0;
	padding:8px 35px;
	position:relative;
}

 /**
 * Hide
 ******************************************************************/
.print
{
	display:none;
}