/* Basics ---------------------------------------------------------------------- */

* { border: 0px; margin: 0px; padding:0px; }
body { background-color: #E9E9E9; }
body, td, th { color: #1C1C1C; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
hr { height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #CCCCCC; width:100%; float:left; }
a { text-decoration: none; }
a:link, a:visited { color: #c33; }
a:hover, a:active { color: #000; }
img.bordered { border: 1px solid #CCCCCC; }
input, textarea { border:none; font-family:Verdana, Geneva, sans-serif; font-size:11px; }



/* ID Bloecke ---------------------------------------------------------------------- */
#container { background-color:#FFF; width:800px; position:absolute; left: 50%; margin-left: -400px; margin-top: 0px; background-image: url(../gfx/bg.gif);}
#lang { width:100%; background-color: #E9E9E9; font-size:10px; padding:5px; padding-left:0px; }
#header { width:100%; height:200px; background-repeat: no-repeat; background-position: 0px 0px; background-color: #c73924; }
#header_topnav { width:550px; float:left;}
#header_img {position:absolute; left:542px; }
#header_botnav { width:100%; height:30px; margin-top:10px;float:left;}
#header_botnav_l { width:570px; float:left;}
#header_botnav_r { width:230px; float:right;}
#footer { width:800px; clear:both; background-color:#E9E9E9; margin-top:50px; padding-top:30px; padding-bottom:10px; font-size:9px; color:#999;}

#cont_l { width:500px; margin-left:30px; margin-top:30px; float:left; display:inline; margin-bottom:30px;}
#cont_r { width:180px; margin-right:25px; margin-top:30px; float:right; font-size:10px; display:inline; margin-bottom:30px;}


/* Menue / Submenue */
#header_topnav ul {margin-left:32px; margin-top:147px;}
#header_topnav ul li {float: left; list-style: none; }
#header_topnav ul li a {margin-right:11px; font-size: 12px; text-transform:lowercase; text-decoration: none;color: #fff;color: #fff; display: block;}
#header_topnav ul li a:hover, #header_topnav ul li.active a, #header_topnav ul li a:active {color: #000;}

#header_botnav_l ul {margin-left:32px; margin-top:6px;}
#header_botnav_l ul li {float: left; list-style: none; }
#header_botnav_l ul li a { margin-right:10px; font-size: 11px; text-transform:lowercase; text-decoration: none; color: #fff; color: #666; display: block; }
#header_botnav_l ul li a:hover, #header_botnav_l ul li.active a, #header_botnav_l ul li a:active {color: #000;}

#header_botnav_r ul {margin-top:6px; float:right;}
#header_botnav_r ul li {float: left; list-style: none; }
#header_botnav_r ul li a {margin-right:15px; font-size: 11px; text-transform:lowercase; text-decoration: none;color: #000;color: #000; display: block;}
#header_botnav_r ul li a:hover, #header_botnav_r ul li.active a, #header_botnav_r ul li a:active {color: #fff;}


/* -------- */
#cont_l h1, #cont_l h2, #cont_l p {margin-bottom:18px; }
#cont_l hr {margin-bottom:25px; margin-top:30px; }
#cont_l h1 {font-size:16px; font-style:italic; color:#c33;}
#cont_l h2 {font-size:13px; }

#cont_l .cont_block { width:100%; margin-bottom:18px; float:left; clear:both;}
#cont_l .cont_block_l { width:200px; float: left; }
#cont_l .cont_block_r { width:280px; float: right; }

#cont_l ul { margin-bottom:18px; margin-left:0px;}
#cont_l ul li { margin-left:10px; background-image: url(../gfx/arrow.gif); background-repeat: no-repeat; background-position: 0px 4px; list-style-type: none; padding-left: 15px; padding-bottom:5px; }




#cont_r h1, #cont_l h2, #cont_r p {margin-bottom:8px;}
#cont_r hr {margin-bottom:15px; margin-top:20px; }
#cont_r h1 {font-size:12px; font-style:italic; color:#c33; }

#cont_r .cont_block { width:100%; margin-bottom:8px; clear:both; float:left;}
#cont_r .cont_block_l { width:50px; float: left; }
#cont_r .cont_block_r { width:95px; float: right; }


.galerie table { width:100%;}
.galerie table .pic { width:30%; vertical-align:middle; text-align:center; align:center; valign:middle; border:1px; border-color:#CCC; border-style:solid; padding-top:10px; padding-bottom:10px;}
.galerie table .pic_e { width:150px;}
.galerie table .title { font-size:10px; vertical-align:top; align:top; padding-top:7px;}


.lb_gallery_tnbox_title{ width:140px; font-size:10px; margin-top: 5px;}



/* Icons */
div.link_def, div.link_doc, div.link_jpg, div.link_pdf, div.link_pic, div.link_xls, div.link_zip, div.link_int, div.link_ext {padding: 5px 0px 0px 18px; background-repeat: no-repeat; background-position: 0px 8px;}
div.link_def { background-image: url(../gfx/fico_def.gif);}
div.link_doc { background-image: url(../gfx/fico_doc.gif);}
div.link_jpg { background-image: url(../gfx/fico_jpg.gif);}
div.link_pdf { background-image: url(../gfx/fico_pdf.gif);}
div.link_pic { background-image: url(../gfx/fico_pic.gif);}
div.link_xls { background-image: url(../gfx/fico_xls.gif);}
div.link_zip { background-image: url(../gfx/fico_zip.gif);}
div.link_int { background-image: url(../gfx/internal-link.gif);}
div.link_ext { background-image: url(../gfx/external-link.gif);}


/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
	font-size: 12px;
	background-color: #ffffff;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}




.formgen form
{
line-height : 14px;
width: 510px;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 8px;
	background-color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 5px;
}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 200px;
	height: 100px;
	margin-left: 4px;
	padding: 5px;
	background-color: #efefef;
	border: 0px;
}


/* Textfeld */
.formgen .formtext
{
	width: 200px;
	background-color: #efefef;
	margin-left: 5px;
	border: 0px;
	padding: 2px 0px 2px 5px;
}


/* Trennelement , Abstand */
.formgen .formtrenn
{
  display: block;
  height: 15px; 
}
/* Hinweistext */
.formgen .formhinweis
{
  font-weight: bold;
  color: #cc3333;
  font-size: 10px;
}
/* Überschrift */
.formgen .formheadline
{
  font-weight: bold;
  color: #cc3333;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #99CC00;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
  border: 1px solid #990000;
}

/* Label */
.formgen label {
font-family: verdana,geneva,sans-serif;
width: 200px;
clear: left;
float: left;
height: 20px;
padding: 0px;
font-size: 10px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
  width: 200px;
  background-color: #efefef;
  margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 415px;
	background-color: #cc3333;
	border: 0px;
	color: #FFFFFF;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
	width: 345px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 3px solid #006633;
	background-color: #FFFFCC;
}


/* Fieldsetbeschriftung */
.formgen legend {
	font-weight: bold;
	color: #993300;
	width: 140px;
	margin: 0px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
  color: #FFFFFF;
  background-color: #990000;
  border: 1px dashed #000000;
  margin: 5px;
  padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
  color: #FFFFFF;
  background-color: #990000;
}
.forminfo {
	color: #000000;
	background-color: #FFFF66;
	margin: 2px;
	padding: 4px;
	border: 2px solid #FF0000;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */