/* CSS für Vossi-Reisemobile
Coder: Chr. Kasselmann - DownTown-Art's.de
Erstellt: November 2009 */

/********** Main-Layout **************/
*{
margin:0;
padding:0;
border:0;
}
html, body {
  height: 100%; /* Required */
}

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.73em;
  text-align: center;
  color:#d6d6d6;
  background:#136da2 url(../images/bg.jpg) repeat-x top left;
}

span.weiss{
color:#fff;
}

.clear{
clear:both;
}

h1{
font-size:1.5em;
margin-bottom:10px;
color:#fff;
}

h2{
font-size:1.2em;
margin:10px 0 10px 0;
color:#fff;
}

p{
line-height:1.5em;
}

a{
text-decoration:none;
font-weight:bold;
color:#fff;
}

a:hover{
color:#2c3033;
}

.img{
padding:2px;
background:#fff;
border:1px solid #cecece:
}

#seite {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

#header {
  background:url(img/header.jpg) no-repeat top left;
  width:850px;
  margin: 0 auto;
  height:131px;
}

#content {
/*  padding: 0 2em 40px 2em;*/
  background: url(../images/cnt_bg.jpg) no-repeat top left;
  width:850px;
  margin:0 auto;
  min-height:428px;
  height:auto !important;
  height:428px;
  padding-bottom:25px;
}

#content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#seperator{
background:url(../images/seperator.jpg) no-repeat top left;
width:850px;
height:20px;
margin:0px auto;
padding-bottom:35px;
}

#footer {
  width: 100%;
  background:url(../images/footer_bg.jpg) repeat-x top left;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 30px;
  text-align:center;
}

#sidebar{
width:850px;
margin:0 auto;
padding-bottom:20px;
}

/**************** END Main-Layout *******************/

#logedin{
float:right;
margin-top:-2px;
font-size:0.7em;
text-align:right;
color:#2c3033;
}

#logedin a{
color:#f28a4d;
font-weight:bold;
}

#logedin a:hover{
color:#2c3033;
}


/**************** Seitenbezogenes Layout ******************/

#index #content{
min-height:100px;
height:auto !important;
height:100px;
}

#index #seperator{
margin:35px 0 0 0;
}

#header .logo{
float:left;
}

#header .logo h1{
margin:0;
padding:0;
}

#header .logo h1 a{
background:url(../images/logo.jpg) no-repeat top left;
width:400px;
height:100px;
display:block;
}
#header .logo h1 a span{
display:none;
}

#header .union{
float:right;
margin:15px 0 0 0;
}

#header .navigation{
width:850px;
float:left;
text-transform:uppercase;
font-size:13px;
height:20px;
}

.navigation ul li{
list-style:none;
font-size: 11px;
display:inline;
float:left;
text-transform:uppercase;
margin-right:12px;
}

.navigation ul li a{
float:left;
text-decoration:none;
font-weight:bold;
color:#6a6f71;
height:20px;
}

.navigation ul li a:hover,
body#index .navigation li.index a,
body#ueber .navigation li.ueber a,
body#miefhz .navigation li.miefhz a,
body#gebfhz .navigation li.gebfhz a,
body#buchen .navigation li.buchen a,
body#gebfhz .navigation li.gebfhz a,
body#kontakt .navigation li.kontakt a,
body#impressum .navigation li.impressum a,
body#admin .navigation li.admin a{
font-weight:bold;
color:#2c3033;
background:url(../images/button_hover.jpg) no-repeat center bottom;
}

.navigation .cnt_login{
position:relative;
float:right;
font-size:11px;
}

.cnt_login a{
color:#6a6f71;
}

.cnt_login a:hover{
color:#2c3033;
}

.navigation .cnt_login #loged{
float:right;
display:none;
width:305px;
height:98px;
background:#000;
filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
position:absolute;
right:0;
top:20px;
color:#fff;
}

*html #loged{ /* Transparent für IE */
filter:alpha(opacity=70);
}

.navigation #loged .label{
display:block;
float:left;
width:120px;
text-align:right;
margin:5px 3px 5px 0;
}

.navigation #loged .input{
margin:5px 3px 5px 0;
background:#404040;
color:#fff;
font-weight:bold;
width:140px;
}

#loged a:hover{
background:none;
}



#content .cnt_main{
padding:15px;
}

.welcome_pic{
float:right;
background:#fff;
padding:2px;
margin:0 0 0 5px;
}

/* Layout für fieldsets */
.fieldset {
width:626px;
margin:15px auto 0 auto;
/*border:1px solid #ccc;*/
font-size:11px;
padding-bottom:5px;
}

.fieldset_submit { 
	width: 				626px;
	margin: 			auto;
	border: 			1px solid #ccc;
	font-size: 			11px;
	text-align: 		center;
	padding-bottom: 	8px;}
	
.button
{
	font-size: 			11px;
	font-weight: 		bold;
	padding: 			3px;
	border: 			1px solid #808080;
	background-color:	#e8e8e8;
}

.button:hover,
{
border:1px solid #CC0000;
}

legend {
font-weight:bold;
font-size:11px;
margin: 5px;
padding: 5px;
color:#fff;
}

.formlabel
{
display:block;
float:left;
width: 200px;
padding-right:10px;
 margin-top:8px;
text-align:right;
}

.inputfld
{
margin-top:5px;
margin-right: 10px;
width: 	250px;
border:1px solid #999999;
background-color:#fff;
background-repeat:repeat-x;
color:#000;
}

.inputfld:hover
{
border:1px solid #CC0000;
}

.inputfld:focus, .textarea:focus, .button:focus {
	border: 			1px solid #CC0000;
	background-color:	#e8e8e8;
	background-image: 	none;
}

.select{
margin-top:5px;
width:626px;
}
/* END fieldset-Layout */

.weg{
float:left;
background:url(../images/buchen_img.jpg) no-repeat top left;
width:317px;
height:211px;
margin:0px 0 0 0;
}

.weg a{
float:right;
display:block;
margin-top:190px;
margin-right:10px;
color:#000;
}

.weg a:hover{
color:#f28a4d;
}
.aktion{
float:right;
width:500px;
margin:0px 0 0 0;
/*border:1px solid #2f7eac;*/
}

.aktion h1{
margin:0;
padding:5px 0;
}

.aktion ul{
display:block;
}

.aktion ul li{
display:block;
list-style:none;
}
.aktion li a{
/*background:#136da2 url(../images/aktion_link_bg.jpg) repeat-x bottom left;*/
border-bottom:1px solid #fff;
min-height:18px !important;
height:auto !important;
height:18px;
display:block;
color:#d6d6d6;
padding:5px 0px 5px 8px;
}
.aktion li a:hover{
color:#2c3033;
}

#footer p{
color:#2c3033;
line-height:30px;
}

#footer p a{
color:#6a6f71;
}

#footer p a:hover{
color:#2b3033;
}

/*************** CSS Fahrzeug-Seite ****************/

table{
text-align:center;
border-spacing:0;
margin:5px auto 15px auto;
}

table a{
color:#6a6f71;
}

table a:hover{
color:#2c3033;
}

caption {
	margin:5px 0 0 0;
	padding: 0 0 5px 0;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

th{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 6px;
	color: #4f6b72;
	text-align:left;
}

#miefhz td.img{
text-align:center;
}

#miefhz ul.mietpreis{
margin:10px 20px;
}

#miefhz td.right{
text-align:right;
}

#miefhz .picelement{
text-align:center;
}

#miefhz .pic{
background:#fff;
padding:2px;
}

#miefhz td.preis{
text-align:right;
}

#wrap{
width:700px;
margin:25px auto 10px auto;
color:#8b8b8b;
}
#typcorner{
background:url(../images/typcorner.png) no-repeat top left;
width:40px;
height:30px;
float:left;
/*position:relative;*/
}

#fhzinfo{
background:#f3f3f3;
width:684px;
/*height:150px;*/
border:1px solid #4d4d4d;
margin-top:-1px;
padding:15px 8px 8px 8px;	
}
#typ{
/*width:250px;*/
border:1px solid #4d4d4d;
border-bottom:none;
border-right:none;
float:left;
height:16px;
padding:8px 5px 5px 5px;
z-index:999px;
background:#f3f3f3 url(../images/bg_typ_900px.jpg) repeat-x top left;
}
#sitz{
float:right;
width:150px;
height:15px;
border:1px solid #4d4d4d;
border-bottom:none;
margin-right:-2px;
margin-top:4px;	
padding:5px;
text-align:center;
background:#fff url(../images/bg_typ_900px.jpg) repeat-x top left;
z-index:999px;
}
.pic{
padding:3px;
background:#fff;
border:1px solid #dedede;
float:left;
margin-right:15px;
}
#wrap a{
color:#8b8b8b;
}
/**********************************************************
FÜR IE6
***********************************************************/
* html #typ{
height:14px;
padding:7px;
z-index:999px;
position:relative;
}
* html #typcorner, #sitz{
position:relative;
}

* html #typcorner{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='../images/typcorner.png');
background:none;
}

* html img#naviang{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='../images/navi_ang.png');
background:none;
}
/**********************************************************
END FÜR IE6
***********************************************************/

/*************** END-CSS Fahrzeug-Seite ****************/

/*************** CSS Impressum-Seite ****************/

iframe{
float:right;
border:1px solid #c1dad7;
margin-bottom:10px;
}

/*************** END-CSS Impressum-Seite ****************/

/*************** CSS Admin-Seite *******************/

#info{
float:right;
width:150px;
}

#info table{
float:left;
}

#info table .typ{
text-align:left;
}

#info table td{
text-align:right;
}

ul.admin{
	display:block;
	width:350px;
	margin:15px auto;
	border:1px solid #ccc;
	border-bottom:none;
}
.admin li{
list-style:none;
}

.admin li a{
background:url(../images/news_bg.jpg) repeat-x 0px -30px;
text-align:center;
display:block;
min-height:20px;
height:auto;
height:20px;
padding:8px 10px 0px 10px;
border-bottom:1px solid #ccc;
color:#2c3033;
}
.admin li a:hover{
text-align:center;
color:#f28a4d;
}

.admin a.noframe{
border:none;
}

/**************** END-CSS Admin-Seite *********************/

/**************** CSS Textarea *********************/

#cpcontainer { height:56px; padding:5px; }

  #colorpicker       { border:2px ridge #dddddd; margin:auto; }
  #colorpicker td  { width:10px; height:10px; cursor:pointer; }
  #colorpicker td:hover  { width:8px; border:1px solid white; }
  
  #beitrag
  { width:650px;
    overflow:visible;
    padding:5px;
    
    position:relative;
margin:10px auto 0 auto;
  }
  #beitrag button
  { padding:1px 4px;
    background:#e8e8e8 url(button_grau.jpg) 0px center;
    border:1px solid #aaaaaa;
    cursor:pointer;
  }
  #beitrag select        { margin:0px 3px; }
  #beitrag textarea      { display:block; margin:5px auto; width:100%; border:1px solid black; overflow:auto;}
  #beitrag div.center    { text-align:center; }
  #beitrag img           { border:none; }
  #beitrag #buttonleiste { white-space:nowrap; }
  #beitrag #smilies      { position:absolute; right:5px; }

  /* Speziell für den IE < 7 */
  * html #beitrag #schriftbutton { width:10em; }
  * html #beitrag button     { margin:0px 1px; }
  * html #beitrag select  { margin-bottom:0px; }
/**************** END-CSS Textarea *********************/