/* Presentation Stylesheet */

a:link, a:visited, a:active  { color: #9A0001; background: transparent; }
a:hover { color: #000; background: transparent; }

#top a:link, #top a:visited, #top a:active  { color: #CFD8E8; background: transparent; text-decoration: none; }
#top a:hover { color: #FFF; background: transparent; text-decoration: underline; }

/* ---- NAVIGATION ---- */
#navigation 
{
	padding: 0px 0 0 0;
	color: #898989;
	/* width: 100%; */
	margin: 0px 0px 10px 0px;
	font-size: 9px;
	border-top: 1px solid #F4F4F4;
	height:33px;
	border-top:1px solid #E4E3E3;
	border-bottom:0px solid #454545;
	background: #454545 url('../images/nav_bg.gif') repeat-x top left;
}

#navigation ul { list-style:none; padding: 0px 0 0 0; margin: 0 0 0 0; line-height: 15px; }

#navigation li { list-style:none; float:left; }

#navigation a:link,	#navigation a:visited, #navigation a:hover,	#navigation a:visited:hover 
{
	float:left;
	display:block;
	height:23px;
	padding:9px 18px 0px 18px;
	width: 80px;
	text-decoration:none;
	color:#FFF;
	font-size: 12px;
	font-family: "Arial"; 
	font-weight:bold;
	text-align:center;
	background: url(../images/button.jpg) no-repeat top right;
}


#navigation a:link,	#navigation a:visited { background: url(../images/button.jpg) no-repeat top right; }

#navigation a:hover, #navigation a:visited:hover { background: url(../images/button_over.jpg) no-repeat top right; }

#navigation a.active:link, #navigation a.active:visited { background: url(../images/button_over.jpg) no-repeat top right; }

#navigation a.active:hover { background: url(../images/button_over.jpg) no-repeat top right; }


#navigation a.webshop{
	background: url(../images/button_shop.jpg) no-repeat top right;
	width: 100px;
	padding:9px 18px 0px 0px;
}

#navigation a.webshop:hover { background: url(../images/button_shop_over.jpg) no-repeat top right; 
	width: 100px !important;
	padding:9px 18px 0px 0px !important;
}



/* ---- /NAVIGATION ---- */	


/* ---- SUB_NAVIGATION ---- */

#subnav { margin: 0 0 0 0; padding-left: 0px; list-style:none; }

#subnav li { border-bottom: 1px solid #DADADA; padding: 4px 0 4px 0; margin: 0 0 0 0; }

#subnav a { text-decoration: none; }

/* .normallist a:hover { color: green; } */

/* ---- /SUB_NAVIGATION ---- */

#header {
	padding: 0;
	margin: 0px 10px 10px 10px;
}

h1 {
	font-size:24px;
	font-weight: normal;
	margin:15px 0px 5px 0px;
	padding: 0 0 7px 0;
	color: #1F306F; 
	font-weight: bold;
	line-height: 22px;
}

.box h1 { padding: 0 0 7px 0; margin: 5px 0px 5px 0px; color: #FFF; font-weight: normal; }

h2 {
	font-size:16px;
	font-weight: bold;
	margin:0px 0px 10px 0px;
	color: #1F306F; 
}

h3 {
	font-size:16px;
	font-weight: bold;
	margin:0px 0px 10px 0px;
	color: #444444; 
}

h4 {
	font-size:14px;
	margin:0 0 5px 0;
	padding: 0 0 3px 0;
	color: #454545; 
	border-bottom: 1px solid #F4F4F4;
}

p {
	padding: 0;
	margin: 10px 0px 0px 0px;
	line-height: 20px; 	
}

ul { margin: 10px 0 10px 27px; line-height: 20px; }

p.intro { font-size: 14px; }

br.break { clear: both; }

hr { margin: 10px 0 0 0; color: #EEE; background-color: #EEE; height: 1px; } 

div.block_left {
	float:left;	
	width:50%; 
	margin: 0px 0px 20px 0px;	
}

div.block_right {
	float:right;
	width:50%; 
	margin: 0px 0px 20px 0px;	
}

div.box {
	background: #1F306F;
	padding: 20px;
	margin: 0 0 20px 0;
	color: #FFF;
}

.box h1 { color: #FFF; }
.box a:link, .box a:visited, .box a:active  { color: #CFD8E8; background: transparent; }
.box a:hover { color: #FFF; background: transparent; }

#box_right {
	margin: 0px;
	padding: 16px;  
	background: #F5F5F5;
	/* width: 225px; */
	/* height: 150px; */
}


.linkbox_first {
	margin: 0px;
	padding: 0px 20px 0px 0px;  
	width: 225px;
	float: left; 	
}

.linkbox {
	margin: 0px;
	padding: 0px 20px 0px 20px;  
	width: 225px;
	height: 150px;
	float: left; 
	border-left: 1px solid #D3D3D3;
}

#partners { margin: 10px 0 0 10px; text-align: center; }

html>body #linkbox {
  width: 220px;
} 

img { background: #FFFFFF; border: 1px solid #C2C1C1; padding: 1px; margin: 10px 10px 0px 0px; }
img.menu { background: #eee; border: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }
img.nobg { background: none; border: 0px solid black; margin: 0px; }
img.nomargin { margin: 0px 0px 0px 0px; }
img.partner { background: #FFFFFF; border: 0px solid #C2C1C1; /* float: left; */ padding: 1px; margin: 10px 10px 10px 0px; }

/* img.img_content { position: relative; margin: 8px 8px 8px 8px; } */

#breadcrumb {margin:10px 2px 20px 0px; background:#fff;color:#888;}
#breadcrumb a {color:#888}
#breadcrumb a:hover {text-decoration:underline}

/* p image classes */
p.picborder { border: 1px solid gray; margin: 0px 0px 0px 0px; }
p.left { /* border: 1px solid gray; */  float: left; margin: 0px 10px 3px 15px; }
p.right { /* border: 1px solid gray; */ float: right; margin: 0px 15px 3px 10px; }

div.error {
	border: 1px solid red;
	background-color : #FFCCCC;
	width: auto;
	margin: 5px 0px 15px 0px;
	padding: 15px;  
}

/* INPUT TYPES */
form { 
  background-color: #F7F7F7; 
  border: 1px solid #EEE;
  width: auto;
  margin: 10px 0px 5px 0px;
  padding: 15px;  
  color: black;
}

input {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; border:1px solid #E4E3E3; }
input.radio { vertical-align: middle; background-color: #FFF; border-style: none;}
input.checkbox { margin: 0 0.25em 0 0; vertical-align: middle; background-color: #fff; border-style: none;}

textarea {
background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; border:1px solid #E4E3E3;
height: 70px;
width: 310px;
}

/* TABLE */
table.datatable  {
	width: 440px;
	padding: 0;
	margin: 0px 30px 10px 30px;
	line-height: 15px; 	
	font-size: 11px;
}


