/*colors
blue	#2A70AF;	40%  		#8FB7DB;
90		#387BB6;	30% blue  	#A3C4E2;
80%    	#4886BE;	20%blue: 	#B9D2E9;
70%     #5891C5;	10%blue: 	#CFE1F0;
60%     #699DCC;	5%blue: 	#E7F0F8;
50%     #7CAAD3;    2%blue      #F3F8FB;

red:#E85C45; 	50% #F5B1A6; 
90% #EC7864;	40% #F7C1B8;
80% #EE8675;	30% #F9D0C9;
70% #F09485;	20% #FBDFDB;
60% #F2A396;	10% #FDEFED;   */

@charset "utf-8";

/*Global Settings background: */
html, body {border:0; margin:0; padding:0 0 0 0;}

body {
	font: 100.01%/1em Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../ht_docs/images/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* main styles-----*/
p {line-height: 1.6em; font-size:90%;} 
.error {color: #E85C45; font-size:90%; line-height:120%; font-weight:bold; font-style:italic;}
blockquote {margin:22px 40px; padding:0;}
small {font-size:0.85em;}
img {border:0;}
 
sup { position:relative; bottom:0.3em; vertical-align:baseline;}
sub { position:relative; bottom:-0.2em; vertical-align:baseline;}
acronym, abbr {cursor:help; letter-spacing:1px; border-bottom:1px dashed; }

/* Links --------*/
a, a:link, a:visited, a:active {color: #2A70AF; text-decoration:none; letter-spacing: -.5 px;}
a:hover {color: #E85C45; text-decoration:none;} 

#linksbut {font-weight:bold; background: url(../ht_docs/images/linksbut.png) -.4em -.2em no-repeat; /* change background em accordingly */ margin-top: -.5em; padding-top: -.5em;padding-left: 2em; list-style: none;font-size:80%; display: block; color: #2A70AF;}
#emailbut {font-weight:bold; background: url(../ht_docs/images/mail_but.png) 0em .4em no-repeat; /* change background em accordingly */ padding-left: 1.8em; list-style: none; display: block; color: #2A70AF;}

.backbut{ background: url(../ht_docs/images/back_but.png) no-repeat left center; padding:2px 5px 2px 18px; margin-left:0px; }

/* Header--------*/
#header {text-align: left; vertical-align: bottom; width: 900px; background-color: #FFFFFF;}

/* decorative styles
----------------------------------------------- */
#dot {border-bottom: 1px dotted #7CAAD3; margin: -7px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 65%; line-height: 1.6em;}
		
.smalltitle {font-size: .9em; font-weight: bold; line-height:1.0; letter-spacing: -.5px; color: #E85C45; padding:0px 0px 5px 0px;}
.smalltitle2 {font-size:.9em; font-weight: bold; line-height:1.0; letter-spacing: -.5px; color: #7CAAD3;}
.subtitle {font-size:.9em; font-weight: bold; line-height:1.0; letter-spacing: -.5px; color: #999999;}

#ftableright {width:230px; float: right; padding: 10px 5px 10px 5px; margin: 10px 5px 10px 5px; background: #E7F0F8; border: 3px solid #CFE1F0;}
#smalltable {width:205px; float: right; padding:10px 2px 10px 2px; margin: 10px 2px 10px 2px; background: #E7F0F8; border: 3px solid #CFE1F0;}
.normtable {border:none; margin:0 0 10px 0; text-align: left; border-collapse: collapse; width:500px; font-size:90%;}

#quote {font:Arial, Helvetica, sans-serif; float:right; letter-spacing: -1.5px; line-height: 1.3em; font-size:1.75em; color: #8FB7DB; margin:5px 0px 3px 10px; padding:5px 0px 3px 5px; width:240px;}
#pic {float: right; letter-spacing: -.5px; line-height: 1.4em; font-size:1.65em; font-style:italic; color: #CB0233; margin: 10px 0px 5px 10px; padding: 10px 0px 5px 10px; width: 200px;}
#vegalo {float: right; vertical-align: bottom; padding: 10px 10px 10px 10px;}

/* content and columns-------------------------------------- */
#content {background: #FFFFFF; border-bottom: 3px solid #2A70AF; margin-bottom: 0px; border-left: 1px solid #2A70AF; border-right: 1px solid #2A70AF;}
.leftcol{padding: 100px 10px 0px 20px;width: 300px;vertical-align: top;}
.rightcol{text-align: left;	padding: 40px 40px 10px 20px; width: 600px;vertical-align: top;}
.rcolbottom {text-align: right; padding: 0px 30px 10px 10px; vertical-align: top;}
#right{text-align: right; vertical-align: bottom; padding-right: 30px; margin-right: 30px; margin-bottom: 15px;}


/* top nav-----------*/ 
#topnav { font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; letter-spacing: -1px; background-image: url(../ht_docs/images/nav.png); background-repeat: repeat-x;}
#topnav li {list-style: none; margin: 0px; padding:0px; display: inline; float: left; position: relative; height: 20px;}
#topnav li a {text-decoration: none; padding: 4px 20px; border-right: 1.5px solid #FFFFFF; background-image: url(../ht_docs/images/nav.png); background-repeat: repeat-x; background-position:center;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
height: auto !important;
height: 1%; /*For IE*/}
#topnav li a:link {color: #2A70AF; 1px solid #FFFFFF;}
#topnav li a:visited {color: #2A70AF; 1px solid #FFFFFF;}
#topnav li a:active {color: #2A70AF; 1px solid #FFFFFF;}
#topnav li a:hover {color: #E85C45; 1px solid #FFFFFF; background-image: url(../ht_docs/images/nav_over.png); background-repeat: repeat-x; background-position:center;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
height: auto !important;
height: 1%; /*For IE*/}

#topnav li a#c_loc {color: #FFFFFF; background-image: url(../ht_docs/images/currloc.png); background-repeat: repeat-x; background-position: center;}

/* Lists */
ul.list {font-size:90%; width:75%; margin-left:0em; padding-left:0.5em; margin-bottom:0em;}
ul.list li {background: url(../ht_docs/images/bullet.png) 0em 0.2em no-repeat; /* change background em accordingly */ padding-left: 0.8em; list-style: none;}
.list ul li { background-image:(../ht_docs/images/bullet.png); }

ol.list li, ul.list li { margin-bottom:.5em; }
/*ol.list {margin-left:1.5em; padding-left:0px;} */
ol.list {font-size:90%; width:95%; margin-left:0em; padding-left:0.1em; margin-bottom:1em;}
.list ol li {list-style:decimal; background-image:none; padding-left:0em; padding-bottom:1em;}

/* internal nav--- margin: 0px; padding: 0px; */
#sidenav ul {list-style: none; margin: 0px; padding: 0px; border: none; font-weight:bold; }
#sidenav ul li {  list-style:none;}
#sidenav ul li a, #sidenav ul li a:focus { display: block; color: #2A70AF; border-bottom: 1px dotted #2A70AF; padding: 6px 0px 3px 4px; width: 240px; list-style:none;}

#sidenav ul li a:hover {color: #E85C45; text-decoration:none; list-style:none;}
#sidenav ul li a:focus {text-decoration:none; list-style:none;}
#sidenav .curr_loc {border:0px; color: #E85C45; padding: 6px 0px 3px 4px; width: 240px;}

/* newsnav-----*/
#newsnav ul {list-style: none; margin: 0px; padding: 0px; border: none; font-weight:bold; text-align:left; }
#newsnav ul li {list-style: none;}
#newsnav ul li a, #newsnav ul li a:focus {background: url(../ht_docs/images/linksbut.png) 0em 0.5em no-repeat; /* change background em accordingly */ padding-left: 0.8em; display: block; color: #2A70AF; padding: 10px 10px 10px 20px; width: 200px; list-style:none;}

#newsnav ul li a:hover {background: url(../ht_docs/images/linksover.png) 0em 0.5em no-repeat; /* change background em accordingly */ padding-left: 0.8em; color: #E85C45; text-decoration:none; padding: 10px 10px 10px 20px; width: 200px; list-style:none; background-color:#FDEFED; display: block;
height: auto !important;
height: 1%; /*For IE*/ }
/*#newsnav ul li a:focus {text-decoration:none; list-style:none;} */
#newsnav .smallnews  { font-size: 75%; color:#666666; font-weight: normal;}

/* linksnav-----border-bottom: */
#linksnav ul {list-style: none; margin: 0px; padding: 0px; border: none; font-weight:bold; text-align:left; }
#linksnav ul li {background: url(../ht_docs/images/linksbut.png) 0em 0.5em no-repeat; /* change background em accordingly */ padding-left: 0.8em; list-style: none;}
#linksnav ul li a, #linksnav ul li a:focus {font-size:85%; display: block; color: #2A70AF;  padding: 10px 10px 10px 10px; width: 260px; list-style:none;}

#linksnav ul li a:hover {font-size:90%; color: #E85C45; text-decoration:none; list-style:none;}
#linksnav ul li a:focus {font-size:90%; text-decoration:none; list-style:none;}

/* Headings------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0; font-weight:bold; line-height:120%;}
h1 {font-size:1.6em;color: #8FB7DB; letter-spacing: -1.5px; padding: 10px 10px 10px 0px;}
h2 {font-size:1.4em;color: #7CAAD3; letter-spacing: -1px;padding: 15px 0px 15px 0px;}
h3 {font-size:1.3em;color: #E85C45; padding: 10px 0px 10px 0px;}
h4 {font-size:1.0em;color: #7CAAD3; letter-spacing: -1.2px; margin: 15px 5px 0px 0px; padding: 15px 0px 0px 15px; background: url(../ht_docs/images/eiche.png) 0em 1.0em no-repeat; /* change background em accordingly */ padding-left: 1.2em;}
h5{font-size:1.1em;color: #7CAAD3; padding: 5px 0px 5px 0px;}

/* Footer---------------------------------------- */
#footer {font-family:Arial, sans-serif; padding: 6px 30px 6px 30px; line-height:16px; letter-spacing:0px; text-align: right; font-size: .825em; background-color: #FFFFFF; color: #58585A; border-top: 1px dotted #7CAAD3; border-bottom: #7CAAD3 6px solid;}
#footer .copyright {float:right; text-align:right;}
#footer a {color: #2A70AF; font-weight:bold;}
#footer a:link a:visited a:active {text-decoration: none; color: #2A70AF; }
#footer a:hover {color: #E85C45;}


#vlogo {
	margin-top:-100px;
	float: right;
	width: 20px;
	height: 70px;
	text-decoration:none;
    display:block;
	background-image: url(../ht_docs/images/vegalo_logo.png);
	background-position:0 0;

}

#vlogo:hover, #vlogo:active{
	background-position:0 -70px;
}
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
.picright      { float:right; padding: 0px 5px 5px 10px;}
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.small         { font-size: 85%;}
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }