/*hellblau: 02a1e5
orange: ff9933*/


html {height: 101%;}

body {
	font-family: "Lucida Grande","Lucida Sans Unicode",'Ubuntu',Helvetica,Arial,Verdana,sans-serif;   
	font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
	margin: 0;
	padding: 0;
	background-color: white;
}


form {
  padding:0;
  margin: 0;
}


a {
  text-decoration: none;
  color: #02a1e5;
}


p {
  margin:0;
  padding: 0 0 20px 0;
}

h2, h3 {
  font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}

h1, h4, h5, h6 {
  font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
}

h1 {
  margin: 0 0 20px 20px;
  padding: 0;
  float: right;
  font-weight: bold;
  font-size: 32px;
  color: #02a1e5;
  letter-spacing: 2px;
}


h3 {
  margin: 30px 0 0 0;
  padding: 0;
  font-weight: bold;
  font-size: 24px;
  color: #ff9933;
  clear: both;
}


h4 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 22px;
  color: #ff9933;
  clear: both;
  letter-spacing: 1px;
}


ul {
  list-style-type: circle;
  margin: 0;
}


div.clear {
  clear: both;
}


div#header {
  width: 980px;
  height: 183px;
  margin: 20px auto 0 auto;
  padding: 0;
  background: #fff url(images/header_bg.jpg) no-repeat left top;
}


/*** NAVIGATION ***/
div#nav {
  width: 940px;
  height: 52px;
  margin: 0 auto;
  padding: 0 20px;
  background: #ccc url(images/nav_bg.jpg) no-repeat left top;
}



div#nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#nav li {
  float: left;
  width: 200px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}

div#nav li a {
  display: block;
  width: 200px;
  font-family: 'Yanone Kaffeesatz', Tahome, Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: bold;
  color: #ccc;
  text-decoration: none;
  letter-spacing: 2px;
}

div#nav li:hover {
  /*color: #ff9933;
  text-shadow: #ccc 1px 1px 1px;*/
  background: #fff url(images/nav_button_bg_h.jpg) no-repeat center bottom;
}

div#nav li.menu-current {
  color: #ff9933;
  text-shadow: #ccc 1px 1px 1px;
  background: #fff url(images/nav_button_bg.jpg) no-repeat left bottom;    
}

div#nav li.menu-current a {
  color: #ff9933;
}





div#content_header {
  width: 980px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  background: #ccc url(images/content_header_bg.jpg) no-repeat left top;
}


div#content {
  width: 920px;
  margin: 0 auto;
  padding: 0 30px;
  background: #ccc url(images/content_bg.jpg) repeat-y left top;
}


div#content_footer {
  width: 980px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  background: #ccc url(images/content_footer_bg.jpg) no-repeat left bottom;
}


/*** FOOTER ***/
div#footer_container {
  width: 980px;
  margin: 0 auto;
  padding: 0;
  font-size: 11px;
}

div#footer_left {
  float: left;
  width: 180px;
}

div#footer_right {
  float: left;
  width: 780px;
  text-align: right;
}

div#footer_left a {
  color: #666;
}

div#footer_right a {
  color: #666;
  font-weight: bold;
  margin-left: 20px;
}

div#footer_right a:hover {
  color: #02a1e5;
}


/**** TABELLEN ***/
table {
  width: 98%;
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  padding: 8px;
  vertical-align: top;
  text-align: left;
}

td.field_title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 22px;
  color: #ff9933;
  font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
}



/*** Formular ***/

input.submit, input.button {
	background: transparent url('images/button_blue_206x34.png') no-repeat left top;
	font-weight: bold;
	color: white;
	border: 0;
	font-size: 16px;
	width: 206px;
	height: 34px;
	margin: 20px auto 0 auto;
	text-shadow: #01458e 1px 1px 1px;
	letter-spacing: 1px;
}

a.error {
	background: transparent url('images/button_orange_206x34.png') repeat-x left top;
	font-weight: bold;
	color: white;
	border: 0;
	font-size: 16px;
	width: 206px;
	height: 34px;
	margin: 20px 0 0 0;
	text-shadow: #666 1px 1px 1px;
	letter-spacing: 1px;
	display: block;
	text-align: center;
	line-height: 34px;
}

input[type=radio], input[type=checkbox], input.checkbox {
	width: 1%;
}

select {
  width: 300px;
	height: 20px;
	border: 0;
	padding: 0 4px;
	margin: 0;
	background: transparent url('images/input_type_text_300x20.png') no-repeat left top;
	color: #444444;
}

table.captcha_table input {
  width: 42px !important;
	height: 22px !important;
	border: 0 !important;
	padding: 4px !important;
	margin: 0 !important;
	background: transparent url('images/captcha_50x30.png') no-repeat left top;
	color: #444444;
	font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 18px;
	font-weight: normal;
}

table.captcha_table input:hover {
	background-image: url('images/captcha_50x30h.png');
}


input.textfield, input.email, input.formular {
	width: 292px;
	height: 22px;
	border: 0;
	padding: 4px;
	margin: 0;
	background: transparent url('images/textfield_300x30.png') no-repeat left top;
	color: #444444;
	font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 18px;
	font-weight: normal;
}

input.textfield:hover, input.email:hover, input.formular:hover {
	background: transparent url('images/textfield_300x30h.png') no-repeat left top;
}

textarea, textarea.textarea {
	width: 492px;
	height: 96px;
	border: 0;
	margin: 0;
	background: transparent url('images/textarea_500x100.png') no-repeat left top;
	color: #444444;
	padding: 4px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 18px;
	font-weight: normal;
}

textarea.textarea:hover {
	background-image: url('images/textarea_500x100h.png');
}

ul.error {
  color: red;
}

table.formular {
  border-collapse: separate;
  border-spacing: 16px;
}

table.formular td, table.formular th {
  padding: 0;
}