/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	background-image:url("bg.jpg");
	font: 11px Verdana, Tahoma, arial, sans-serif;
	color: #000; 
	text-align: center;
}

/* links */
a, a:visited {
	text-decoration: none;
	color: #4682b4;
	background: inherit;
}
a:hover {
	color: #000;
	background: inherit;
	text-decoration: none;
}

/* lines */
hr {
	color: #B6D7F7;
	height:1px;
	
}

/* headers */
h1, h2, h3 {
	font-family: Arial, Tahoma, Sans-serif;	 		
}
h1 {
	font-size: 150%;	
	font-weight: normal;
	color: #000;
}
h2 {

		font-size: 140%;	
    	  color:#006393;
		  font-weight: bold;
		  padding-left:2px;
}
h3 {
	font-size: 100%;	
}

/* images */
img {

background: transparent;

}
span img{
vertical-align:middle;
}

img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

 p {
	padding: 5px;		
}
.m5{
height:30px;
}

.p0{
	padding: 0px;		
	margin: 0;
}

ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 28px;  
   border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(quote.gif) no-repeat 5px 5px;    
}



/* start - table */
table {
border-collapse: collapse;
}

tr {
	
}
td {
padding-top:1px;
	text-align:left;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}
Table.TBorder { border: 1px solid #b3d9ff;}

.rowdark
{background-color: #fffff2; font-family: Verdana, Arial, Helvetica, sans-serif;font-size : 11px;text-align:center;height:16px;}
.rowlight
{background-color: #EDF5FD; font-family: Verdana, Arial, Helvetica, sans-serif;font-size : 11px;text-align:center;height:16px;}
.rowtitle
{background-color: #c5dffa; font-family: Verdana, Arial, Helvetica, sans-serif;font-size : 11px;text-align:center;font-weight: bold;height:16px;}
.rowfood
{background-color: #c5dffa; font-family: Verdana, Arial, Helvetica, sans-serif;font-size : 11px;text-align:center;font-weight: bold;height:16px;}
.rowadvanced
{background-color: #00ff00; font-family: Verdana, Arial, Helvetica, sans-serif;font-size : 11px;text-align:center;height:16px;}
/* end - table */

/* form elements */
form {
display:inline;
	
}
label {
	display:inline;
	margin:5px;
	padding-right: 2px;
	padding-left:2px; 
}
.input_w1{
width:220px;
}
.select_w1{
width:226px;
}
.select_w2{
width:226px;
background-color:#ffff00;
}
input,select {
	padding:2px;
	border:1px solid #adadad;
	font: 11px Verdana, sans-serif;
	color:#005ebb;
	background-color:#e1f0ff;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #adadad;
	height:100px;
	display:block;
	color:#005ebb;
	background-color:#e1f0ff;	
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 16px;
	margin: 0;
	padding: 2px 5px 2px 5px;
	color: #FFF;
	border: none;
}

.searchbutton
{
	height:20px;
	margin:0px 0px 0px 2px ;
	border:1px solid #575757;
	font: 11px  Verdana, sans-serif;
	color:#005ebb;
}
.submit
{
	height:20px;
	margin:0px 0px 0px 2px ;
	border:1px solid #575757;
	font: 11px  Verdana, sans-serif;
	color:#005ebb;
}


/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 980px;
	margin: 0 auto;
	background: #FFF url(wrap.jpg) repeat-y center top;
	padding: 0;	
	overflow: hidden;
	text-align: center;
}
.content-space
{
	clear: both;
height:5px;
}
#content-wrap {
	width: 960px;
	min-height: 500px;
	background: #FFF;
	margin: 0px 8px 8px 8px;
	text-align: left;
	border-left-color: #B6D7F7;
	border-left-style: solid;
    border-left-width: 1px;	
	border-bottom-color: #B6D7F7;
	border-bottom-style: solid;
    border-bottom-width: 1px;	 
	border-right-color: #B6D7F7;
	border-right-style: solid;
    border-right-width: 1px;	
	border-top-color: #B6D7F7;
	border-top-style: solid;
    border-top-width: 1px;	
	
}
.content,.BaseDiv
{
padding: 5px;
}
#header {
	width: 980px;
	position: relative;
	height: 86px;
	background: url(header.jpg) no-repeat center top;
	padding: 0;	
}
#header h1#logo-text a {
	position: absolute;
	bottom: 25px; left: 126px;	
}
#header h1#logo-right a {
	position: absolute;
	bottom: 0px; left: 600px;	
}
#header h1#logo a {
	position: absolute;
	bottom: 2px; left: 10px;	
}

#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #000;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 70px; left: 55px;		
}

/* header links */
#header #header-links {
	position: absolute;
	top: 20px; right: 30px;	
	color: #4682b4;
	font-size: 10px;	
}
#header #header-links a {	
	color:#4682b4;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #000;	
}
#header-navigation
{
position: absolute;
	bottom: 0px; left: 95px;	
}
#header-login
{
position: absolute;
	top: 5px; right: 400px;
}
#header-login a
{
color:#4682b4;
}
#header-login a:hover {
	color: #000;	
}
#header-languages
{
position: absolute;
top: 5px; right: 15px;	
}
#header-languages a
{
color:#4682b4;
}
#header-addcontact
{
position: absolute;
	bottom: 28px; right:380px;
}
#header-addcontact a
{
color:#4682b4;

}
#header-addcontact a:hover
{
color: #000;	
}
#header-search
{
position: absolute;
bottom: 2px; right: 10px;	
}
#header-search a
{
color:#4682b4;
}
#header-search a:hover
{
color: #000;	
}



/* Footer */	
#footer {
	color: #606060;
	background: transparent url(footer.jpg) no-repeat center top;
	clear: both;
	width: 980px;
	height: 30px;
	text-align: center;	
	text-decoration: none;
	position:relative;
}
#footer #addthis {
	position: absolute;
	
	bottom:12px; right: 30px;	
	color: #4682b4;
	font-size: 10px;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

/* Spans */
.span_comment, span_comment a{
	vertical-align:middle;
	color:#464646;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:5px;
}
.span_info, span_info a{
	vertical-align:middle;
	color:#464646;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	 
}
.span_searchlink a,.span_searchlink a:visited,.span_searchlink a:hover{
	color:#0080c0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: underline;

}
.span_searchlink a:hover{
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: underline;

}

.span_change_membership a,.span_change_membership a:visited,.span_change_membership a:hover{
	color:#0080c0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	text-decoration: none;

}
.span_cat
{
	
	height: 16px;
	color:#0080c0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	
}
.span_text_red
{
color:red;
}

.Form_Description{
width:200px;
}

.overview
  		{
		/*background:#cce6fa;*/
	      background:url("../../images/menu/overview4.gif") ;
    	  color:#006393;
		  font-weight: bold;
		  padding-left:2px;
	     
		  height:16px;
		  border-bottom-color: #c5dffa;
		  border-bottom-style: solid;
    	  border-bottom-width: 1px;
		
	      white-space:nowrap;
		
		  vertical-align:middle;
	      
		}
/* Ladebalken */
div#ladebalken {
  width:       			341px;
  border:        		1px solid #bebebe;
  background:       	#ebebeb;
  height:        		15px;
}
div#ladebalken p {
  height:        		15px;
  display:       		block;
  background:        	#0f0;
  margin:        		0px;
}
div#ladebalken span {
  position:        		absolute;
  margin:        		0px 0px 0px 65px;
}
div#total_status{
 display:       		inline;
}		 

/* News */
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
font: 11px  Verdana, sans-serif;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font: 10px  Verdana, sans-serif;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font: 10px  Verdana, sans-serif; 
}

#feeddiv{ /*Feedcontainer*/
width: 450px;
height: 120px;
padding: 2px;
}

#feeddiv div p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}

/*Main Page*/
.MainPageDiv {
   width:95%;
   border-bottom: 1px  dotted Gray;
   float:left;
   margin-left:10px;
   margin-top:10px;
  }
 
   .MainPageCol1 {
   width:220px;
   float:left;
   margin-left:10px;
   margin-top: 0;
  }

 
.MainPageCol2{
  width:600px;
  float:left;
  margin-left:10px;
  padding-top:15px;
}
  

  
.MainPageTitle{
 font-size: 18px;
 color:#4682b4;
 font-weight: bold;
}
.MainPageText{
 font-size: 14px;
 color:#4b4b4b;
 margin-top:10px;
 
}