/* CSS Document */

/*******************************************************************************
********************************************************************************
	Project		: 9xklug.de
********************************************************************************
*******************************************************************************/
/* Reset all */
*, .nospace { 
	padding: 0;
	margin: 0;
	border: 0;
}

div, p { 
	background-repeat: no-repeat;
}

a, a:link { 
	color: #bd0100;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

img { 
	vertical-align: bottom;
padding-left: 10px;
}

ul, ol { 
	list-style-position: outside;
}

li { 
	list-style-type: none;
}

strong { 
	font-weight: bold;
}

abbr, acronym {
	border-bottom: 1px dashed #05519f;
}

/* Links- bzw. Rechtsausrichtung f?r Elemente */
.flLeft { 
	float: left;
	margin: 0 10px 0 0;
}

.flRight { 
	float: right;
	margin: 0 0 0 10px;
}

.flDown {
	margin: 0 0 0 10px;
	padding-bottom: 7px;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

.hide { 
	position: absolute !important;
	left: -1000px !important;
	top: -1000px !important;
	overflow: hidden !important;
	width: 1px !important;
	height: 1px !important;
}

/* Allgemeines */
html { 
	margin-bottom: -1px;
	min-height: 101%;
}



/* gegen IEs 3-Pixel-Bug */
* html .content {
	height: 1%;
}

  /* gegen IEs 3-Pixel-Bug */
* html #fmiddle2{
	height: 1%;
}
  
/* gegen IEs 3-Pixel-Bug */
* html #content {
	height: 1%;
}

  /* gegen IEs 3-Pixel-Bug */
* html .fmiddle2{
	height: 1%;
}



body { 

background:url(header-tail.gif) 0 0 repeat-x #f7f7f7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.25em;
	color:#4a4a4a;
min-height: 600px;
}


h1, h2, h3, h4, p, ul, ol {
	margin-bottom:1em;
}


h1 {
	display:block;
	color: #d60c0c;
	font-size:1.5em;
	font-weight:bold;
padding-bottom: 10px;
}

h2 {
	color: #818080;
	font-size:1.3em;
	font-weight:bold;
margin-top: 40px;
}

h3 {
	font-size:1.2em;
	font-weight:bold;
}

h4 {
	font-size:1em;
	font-weight:bold;
}

h2.klein{
font-size: 90%;
  color: #Ac2e2f;
}


.linie {
	border-bottom-width: 1px;
	font-size: 0.1%;
	padding-top: 0px;
}

/*	Page Structure ************************************************************/




#website { 
	position:relative;
margin-left: 30px;
color:#656363;
	width:1000px;
	max-width:80em;
	min-width:560px;
font-size: 85%;
	line-height:1.4;
	text-align:left;
	padding-top:3px;
	background-color:color:transparent;;	
	/*
	width:expression(document.body.clientWidth < 760? "760px": "auto" && document.body.clientWidth > 950? "80em": "100%");
	*/
}


#website2 { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
		background-color:transparent;
}



.extra-box {
	background:url(header-box.jpg) no-repeat 0 0;
	position:absolute;
	left:0;
	top:0px;
	width:269px;
min-height: 712px;
	height:800px;
	color:#fff;
}
.extra-box .inner {
	padding:0px 28px 0 0px;
	margin: 100px 0px 0px 0px;
}
.extra-box h2 {
	font-size:24px;
	line-height:1.2em;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:25px;
}
.extra-box h2 span {
	display:block;
	font-size:16px;
	line-height:1.2em;
}
.extra-box ul {
	padding-bottom:25px;
}
.extra-box ul li {
	background:url(../images/arrow1.gif) no-repeat 0 7px;
	padding:0 0 12px 0px;
}
.extra-box ul li a {
	color:#ffd2d2;
}


/* Separately because of the IE Browser */
#header {
	background:url(header-tail.gif) 0 0 repeat-x #f7f7f7;
}


#container2 {
	width:970px;

	padding-right: 15px;

}

* html #container2 {
	width:1000px;
	padding-right: 15px;

}


#container {
clear:both;
	width:710px;
	padding: 30px 0px 0px 0px;	
	background-image:url(bg_content.jpg);
	background-repeat:repeat-y;
	background-position:left top;
margin: 0px 0px 0px 270px;


}


#containerstart {
		width:980px;
	padding-top: 0px;	
	background-image:url(bg_content.jpg);
	background-repeat:repeat-y;
	background-position:left top;
padding-left: 5px;

}

.teaser{
margin:10px 10px 40px 0px;
padding: 0px 0px 0px 0px;

text-align:center;
}

.teaser h1{
color:#ac2e2f;
font-size: 2em;
font-familiy:comic sans;
padding: 0px 0px 0px 0px;

}

.teaser p{
font-weight: bold;
font-size: 1.2em;
}

.teaser i{
font-weight:normal;
font-size: 0.8em;

}

#fleft {
	float:left;

	width:199px;
padding: 0px 0px 0px 0px ;
}



.floatRight img{
float:right;
padding:5px;

}

div .floatLeft img{
float:left;
padding:5px;
padding-left:15px;

}



#fright {
	float:right;
	width:170px;
	padding-top: 18px;
}

#fright #navi-right, 
#fright #content-right {
	margin-left:5px;
	margin-right: 5px;
	padding:0px;
		width:180px;
}

#fmiddle {
	margin:0px 5px 0 0px;
	padding:0px 5px 5px 15px;

}


#fmiddle2 {

	padding:0px 5px 5px 15px;

}
/*	This Container for IE */
#fmiddle2 {
	display:inline;
	width:100%;
}

#footer {
	width:100%;
	height: 25px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;;
}

*html #footer {
	float:right;
	width:100%;
	height: 25px;
	padding: 0px;
	margin-top: 0px;

}


/*	Header ********************************************************************/


#box2out, #box3out { top:2px; left:0px;}
#box1out {
	width: 100%;
	border-left:1px solid #85827C;
	border-right:4px solid #85827C;
	border-bottom:4px solid #85827C;
	background-color: #85827C;
	border-top: 1px solid #85827C;
}
#box2out { background:#656360; border-right:3px solid #7B776F; border-left:2px solid #7B776F; border-bottom:3px solid #7B776F;border-top: 1px solid #7B776F;}
#box3out {	border-left:1px solid #6E6B64; border-right:2px solid #6E6B64; border-bottom:2px solid #6E6B64;border-top: 1px solid #6E6B64;}
#box4out {
	bottom:0;
	right:0;
	border-bottom:1px solid #68655E;
	border-right:1px solid #68655E;
	padding:0px;
	border-left: 1px solid #68655E;
	border-top: 1px solid #68655E;
}

* html #box2out { width: 100.9%;background:#7B776F; border-left:2px solid #7B776F; border-bottom:2px solid #7B776F;}

.linieheadbottom {
	background-image:url(headerbottom.gif);
	background-repeat:repeat-no;
	width: 100%;
	height: 9px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#headertop { 

height: 65px; 
	width:100%;
}


#header {
	position:relative;
	float:left;
	width:990px;
	background:url(bg.jpg);
	background-repeat:no-repeat;
	padding-top: 20px;
	height: 102px;
}

* html #header {
	position:relative;
	float:left;
	width:990px;
	background:url(bg.jpg);
	background-position:0px ;
	background-repeat:no-repeat;
	padding-top: 35px;
	height: 300px;
}





.logo {
background-color:transparent;
	display:block;
	width:234px;
	height:252px;
	background-image:url(logo.gif);
background-position:bottom ;
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
}


#banner #logo a {
	display:block;
	width:236px;
	height:232px;
	text-indent:-1000em;
}

.bwt{
float:right;
widht: 500px;
}

#bottom{
width: 1000px;

}

#box1 {
	border-right: 2px solid #E9E9E9;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#box2 {
	border-right: 2px solid #D1D1D1;
}
#box3 {
	
	border-right: 2px solid #B3B3B3;
}
#box4 {
	padding:0px;
	border-right: 2px solid #8C8C8C;
}
#box5 {
	padding:0px;
	border-bottom: 2px right #6E6E6E;
}




.sidebar-txt ul li,
.sidebar-txt ol li
{
	background-image:url(listenzeichen.gif);
background-position:left middle ;
	background-repeat: no-repeat;
padding-left: 15px;

}



/*	Search - Main Navigation **************************************************/

/*	Search -------------------------------------------------------------------*/

div#form-srch {
	float:right;
	width:226px;
	padding:4px 0 2px 0;
	height: 29px;

}
div#form-srch input.ftxt {
	margin:0 5px;
	padding-left: 4px;
	color:#666666;
	width:119px;
	float:left;
	border-top: 1px solid #000;
		border-bottom: 1px solid #fff;
border-left: 1px solid #999;

}
div#form-srch input.fsbmt {
	padding:0px;
	color:#FFFFFF;
	font-size:0.95em;
	width:90px;
	background-color: transparent;
}

/*	Content *******************************************************************/

div.cnt-blck {
	float:left;
	width:100%;
	margin-bottom:2em;
}

#content{
min-height: 400px;
height: 400px;
}

#content a {
	padding-left:0px;

	background-position:0% 0%;
	background-repeat:no-repeat;
}
* html #content a {
	background-position:0% 50%;
}
#content a.link-extern {
	padding-left:15px;
	background-image:url(link_extern.gif);
}
/*
#content a.link-download {
	background-image:url(/files/link_download.gif);
}
*/

#content div.image p {
	margin-top:5px;
	font-size:.95em;
}



#content-right h1{
	background-color:#BCBDBE;
	color:#fff;
font-size: 100%;
	vertical-align: middle;
	padding: 4px;
	margin: 0px;
	margin-bottom: 4px;

}
#content p {
	padding-left:15px;

}

#content h1,#content h2,#content h3,#content h4,#content h5
 {
	padding-left:15px;

}


* html #content-right  a {
	background-position:0% 50%;

}
#content-right  a.link-extern {
	padding-left:15px;
	background-image:url(link_extern.gif);
	background-repeat: no-repeat;
}

#content-right  a.link-extern img{
	padding-left:0px;
margin-left: -15px;
	background-image:url(trans.gif);
	background-repeat: no-repeat;
}


.trennlinie{
border-bottom: 1px dashed #EE7F01;
margin-bottom:10px;
margin-top:10px;
}



#content p{
color:#656363;

}
#content ul li{
	background-image:url(listenzeichen.gif);
background-position:left middle ;
	background-repeat: no-repeat;
line-height: 2em;
}

#content img {
padding-left:-10px;
margin-left: 15px;

}



div#content li,
#content li{

	padding-left:15px;
	background-image:url(link_extern.gif) no-repeat;
}

.text li {
	background: url(listenzeichen.gif) no-repeat;
    background-position:left top;
	padding-left: 1em;
padding-bottom:5px;

}

.txt-img li {
	background: url(listenzeichen.gif) no-repeat;
    background-position:left top;
	padding-left: 1em;
padding-bottom:5px;

}

/* Download **************************/


.download{
padding-left: 0px;
}

.desc{
font-weight: bold;
padding: 0px;


}

div .download-file img{
padding: 0px 10px 30px 10px;
float: left;
margin-bottom: 20px;
}


.download-hdl p{
font-size:100%;
font-weight:bold;
clear:both;
}


.download-file p{
padding: 0px;
padding-bottom: 30px;
font-size: 100%;
border-bottom: 1px dashed #ccc;

}

text .download-file{
padding: 0px;
padding-bottom: 30px;
font-size: 60%;
border-bottom: 1px dashed #ccc;
clear: both;
}

div .download-desc{
padding: 0px;
display:none;
}

bd0100
/* Download Ende **************************/




/*	Formulare *****************************************************************/
div.form-module fieldset {
	padding:10px;
	border:1px solid #29166f;
}
#form-module legend {
display:none;

}

div.form-module fieldset p {
	clear:both;
}

div.form-module fieldset p label {
	display:block;
	float:left;
	width:160px;
}
div.form-module fieldset p input, 
div.form-module fieldset p select, 
div.form-module fieldset p textarea {
	border:2px solid #bd0100;
	border-right-color:#bd0100;
	border-bottom-color:#bd0100;
}

div.form-module fieldset p input {
	width:230px;
	padding-left:3px;
}

div.form-module fieldset p select option {
	padding-right:10px;
}
div.form-module fieldset p textarea {
	width:450px
}
div.form-module fieldset p.fchckbx label {
	display:inline;
	float:none;
	width:auto;
}
div.form-module fieldset p.fchckbx input, 
div.form-module fieldset p.fsbmt input {
	margin:0 10px 0 160px;
	width:auto;
	border:0;
}
div.form-module p.fsbmt input {
	margin:0;
	padding:2px 5px;
	background-color:#29166f;
	border:0;
	color:#fff;
}

#to{

border: 1px solid #bd0100;
height: 1.4em;
width: 200px;
margin-left: 40px;
margin-bottom: 10px;

}

#from{

border: 1px solid #bd0100;
height: 1.4em;
width: 200px;
margin-left: 33px;
margin-bottom: 10px;

}

#topic{

border: 1px solid #bd0100;
height: 1.4em;
width: 200px;
margin-left: 20px;
margin-bottom: 10px;

}






/*	Footer ********************************************************************/


#footer p {
	margin:0;
	color:#fff;
	text-align:center;
	line-height:2em;

}

.footerbottom{
	background-image:url(bg_unten.jpg);
	background-repeat:no-repeat;
	width: 1000px;
text-align:right;
	height: 20px;
	padding: 140px 0px 0px 100px;
	margin: 0px 0px 0px 0px;
	position:relative;
	margin:0 auto;
clear:both;
}




#service{
	margin-top: 20px;
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	float: left;

}

#print{
padding-top: 5px; 
padding-bottom: 5px;
float:left;
}


#print a:link, #print a:visited   {
	text-decoration: underline;
	color: #bd0100;
	background-color: #fff;
padding-left: 20px;
background:     url(print.gif);
background-repeat: no-repeat;
background-position: left center;
}
 
#print a:hover,  
#print a:active, #print a:focus {
	color: #bd0100;
	text-decoration: underline;
	background-color: #fff;
background:     url(print.gif);
background-repeat: no-repeat;
background-position: left center;
}


#send{
padding-top: 5px; 
padding-bottom: 5px;
float:right;
}

#send a:link, #send a:visited   {
	text-decoration: underline;
	color: #bd0100;
	background-color: #fff;
padding-left: 25px;
background:     url(mail.gif);
background-repeat: no-repeat;
background-position: left center;
}
 
#send a:hover,  
#send a:active, #send a:focus {
	color: #999;
	text-decoration: underline;
	background-color: #fff;
background:     url(mail.gif);
background-repeat: no-repeat;
background-position: left center;
}







/* Formular Definition */


/* Div das das Formular umschlie?t */
.formgen {
	font-size: 1em;
}


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



.formgen form
{
line-height : 120%;
width: 370px;
}



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



.formgen br
{
clear : both;
}



/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 210px;
	height: 250px;
	margin-left: 4px;
	border: 1px solid  #bd0100;
}



/* Textfeld */
.formgen .formtext
{
	height: 25px;
                width: 200px;
	background-color: #eeeeee;
border: 1px solid #bd0100;
	margin-left: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}

/* ?berschrift */
.formgen .formheadline
{
	font-weight: bold;
color: #333333;
}




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

/* Label */
.formgen label,
#form-module label {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #eeeeee;
border: 1px solid #bd0100;
height: 25px;
vertica-align:center;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit,
#form-module .submit
{
	width: 90%;
	background-color: #eeeeee;
border: 1px solid #bd0100;
height: 30px;
	
}


/* 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: 1px solid #bd0100;
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #333333;
}


.submit {
border: 1px solid #bd0100;
}



#form-module fieldset{

width: 345px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid #bd0100;
}

#form-module legend {
font-weight: bold;
color: #333333;
}

#form-module label {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}
#form-module #el_9
{
	width: 410px;
	height: 250px;
	margin-left: 4px;
	border: 1px solid  #CCCCCC;
}

.element input {
	height: 25px;
                width: 200px;
	background-color: #fff;
border: 1px solid #ccc;
	margin-left: 4px;
}


/* -------------- 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;
}


#form-module-thanks {
border: 1px solid #F58527;
padding: 5px;
background-color: #F1D5BD;
font-weight: bold;
}


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


/*	Galerie **************************************************/
.galerie .image{
float:left;
padding-right: 10px;
margin:10px;

}
.galerie .image p{
padding-left: 20px;
margin-left:10px;
  padding-right: 10px;

}


/*	Galerie Ende**************************************************/


#sidebarleft{
width: 200px;
padding: 0px 0px 0px 0px;
maring:0px 0px 0px 0px;
}

#sidebarleft img{

width: 198px;
padding: 0px 0px 0px 2px;
maring:0px 0px 0px 0px;
}

/*    routenplaner *****************/

/* Nur ein Beispiel CSS */
#static_map {
margin:0 auto;
border:1px solid #000;
}

#map_route {
width:750px;
height:700px;
border:1px solid #000;

}

#directions {
float:right;
width:213px;
max-width:213px;
}

#directions tbody,#directions tr, #directions table {
width:213px;
}

#routenplaner fieldset {
border:none;
}

#routenplaner legend, 
.route h3 {
font-weight:900;
color:#fff;
}

#routenplaner input {
border:1px solid #aaa;
display:block;
width:40%;
float:left;
margin-right:1em;
padding:0.1em 0.3em;
}


.route{
background-color:#9f2929 ;
width: 750px;

padding: 5px 5px 0px 5px;
margin: 5px;
}