/*CSS - Styleguide*/

/*
	http://www.k-e-h.info/
   	css styles
   
   	Copyright 2009, Markus Spiske
   	http://www.temporausch.com
*/

/*------------------general styles------------------*/
html, body, div, p, h1, h2, h3, ol, span, a, table, td, form, img {
	margin: 0;
	padding: 0;
	color: #626262;
}

body {
	font: 12px/155%  Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
    background: url(../img/bg_global.gif) repeat-x;
    background-color: #1e8bd0;
}

h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #137ab3;
	text-transform: uppercase;
}

h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 3px;
	color: #137ab3;
}

a {outline: none;}

a.link:link, a.link:visited, a.link:active {
	font-weight: normal;
	color: #137ab3;
	text-decoration: underline;
}

a.link:hover {
	font-weight: normal;
  	color: #137ab3;
  	text-decoration: none;
}

a.navi:link, a.navi:visited, a.navi:active {
	font-size: 12px;
	font-weight: normal;
	color: #137ab3;
	text-decoration: underline;
}

a.navi:hover {
	font-size: 12px;
	font-weight: normal;
  	color: #137ab3;
  	text-decoration: none;
}

a.grey_small:link, a.grey_small:visited, a.grey_small:active {
	font-size: 11px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}

a.grey_small:hover {
	font-size: 11px;
	font-weight: normal;
  	color: #137ab3;
  	text-decoration: none;
}

a.footer:link, a.footer:visited, a.footer:active {
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

a.footer:hover {
	font-size: 11px;
	font-weight: normal;
  	color: #fff;
  	text-decoration: none;
}

a img, a:hover img {
	border: none;
}

.indent_box {
	padding-left: 15px;
}

.buton {
	color: #009955;
}

.butoff {
	color: #559955;
}

.ontop {
  	background-color:#e5e5e5;
	padding: 5px;
	margin-bottom: 30px;
	margin-top: 30px;
	text-align: center;
}

.indent_box {
	padding-left: 15px;
}

.small {
	font-size: 10px;
	color: #137ab3;
	font-weight: bold;
}

.text_blue {
	font-size: 11px;
	color: #137ab3;
	text-transform: uppercase;
	font-weight: bold;
}

/*hr {
	border:none;
	width:100%;
  	color:#d5c89a;
  	background-color:#d5c89a;
 	height:1px;
 	margin-bottom:15px;
}*/

.clear {
	clear: both;
}

/*------------------list------------------*/

li {
    margin: 0px;
    padding: 10px 0px 10px 0px;
    border-top: 1px dotted #ccc;
    list-style-type: square;
}

/*------------------container------------------*/
#container {
	margin: 0 auto;
  	width: 900px;
  	margin-top: 0px;
}

/*------------------header------------------*/
#header {
	width: 900px;
	height: 250px;
	float: left;
}

#logo {
	width: 200px;
	height: 110px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}

/*------------------navigation------------------*/
#navigation {height:50px; float:left; margin-left: 50px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only */
#nav {margin:0px 0 0px 0;}

/* the styling */
#nav {width:850px; height:30px; background:#e4e4e4; position:relative;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}

#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a {display:block; height:22px; float:left; background:#e4e4e4; padding:3px 20px 0px 20px; text-decoration:none; font-size:13px; line-height:20px; white-space:nowrap; border-right:1px solid #fff; color:#999;}
* html #nav .select a, * html #nav .current a {width:1px; height:31px;}


#nav .select a:hover, 
#nav .select li:hover a {background:#c7c7c7; cursor:pointer; color:#000;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {background:#c7c7c7; color:#000;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#c7c7c7; color:#000;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#c7c7c7; color:#000;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:850px; top:25px; left:0; background:#c7c7c7; margin-top:0; padding:0; z-index:100; color:#fff; font-size:12px;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:850px; top:25px; left:0; background:#c7c7c7; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:22px; text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; background:#c7c7c7; padding:7px 20px 5px 20px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#fff;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:#c7c7c7; padding:7px 20px 5px 20px; margin:0; white-space:nowrap; border:0; color:#fff; font-size:12px;}

/*------------------content------------------*/
#content_frame {
	width: 850px;
  	float: left;
  	background: url(../img/bg_content.gif) repeat-y;
  	padding-top: 50px;
	margin-left: 50px;
}

#content {
	width: 550px;
	padding-top: 10px;
	padding-left: 40px;
	text-align: left;
	float: left;
}

#content_input {
	padding-left: 20px;
	text-align: left;
	float: left;
}

#button {
	width: 500px;
	height: 110px;
	float: left;
	margin-top: 15px;
	margin-left: 0px;
	padding-top: 25px;
	padding-left: 50px;
  	background: url(../img/bg_button.gif) no-repeat;
}

#box_right {
	width: 170px;
	height: 340px;
	float: right;
	text-align: left;
	margin-right: 30px;
	margin-top: 0px;
	font-size: 11px;
	line-height: 140%;
	padding: 20px 0px 20px 20px;
    background: url(../img/bg_box1.gif) no-repeat;
}

/*------------------footer------------------*/
#footer	{
	width: 850px;
	margin-left: 50px;
	padding-top: 4px;
	height: 30px;
	margin-bottom: 40px;
	float: left;
  	background: url(../img/bg_footer.gif) repeat-x;
  	font-size: 11px;
}

#footer_left {
  	color: #fff;
	float: left;
	margin-left: 20px;
	width: 500px;
	text-align: left;	 		
}

#footer_right {
  	color: #fff;
	float: right;
	margin-right: 20px;
	text-align: left;	 		
}