/* @override http://pilx01.inside.pashmin.de/test/aktuelle_webprojekte/welfenhof_v2/stylesheets/layout.css */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
welfenhof Hotel Hannover - Artikel -CSS: Styleguide für Stylesheets
Datei: layout.css

Datum: 10.April 2007
Autor: Pashmin - Werbagentur
Mail:  info@pashmin.de
Web :  http://www.pashmin.de

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ========================================
     Allgemeine Selktoren
=========================================*/
body {
	font-family: arial;
	font-size: 12px;
}
/* ====================== layout =========== 
============================================*/

div#position {
	position:absolute;
	left: 50%;
	margin-left: -490px;
	width: 978px;
	height: 558px;
	
	background-image:url(../grafik-design/slizes/hintergrund.jpg);
	background-repeat: no-repeat;
}
/* =========================================================
      Head & Kontakt  Bereich
  ========================================================= */
div#header {
	position:absolute;
	top: 7px;
	left: 7px;
	width: 960px;
	height: 90px;
}
div#kontakt_bereich {
	position:absolute;
	left: 654px;
	top: 10px;
	width: 300px;
	text-align:right;
	color:white;
}
div#logo {
	width: 386px;
	height:65px;
	margin-left:35px;
	background-image: url(../grafik-design/slizes/logo.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 8px;
}
/* =====================for english version reservierung ===========================*/
/*div#kontakt_bereich_en {
	position:absolute;
	left: 654px;
	top: 10px;
	width: 300px;
	text-align:right;
	color:white;
}*/

/* ============================================================
       Navigation - Bereiche
  ============================================================ */
div#navigation {
	position:absolute;
	top: 66px;
	left: 4px;
	width: 960px;
	height: 25px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 15px;
}
div.navigations_trennstrich {
	width: auto;
	height: 25px;
	float: left;
}
div.navigations_punkt {
	width: auto;
	height: 25px;
	float: left;
	line-height: 25px;
	display:block;
	font-size: 13px;
	letter-spacing: -1px;
}

div.navigations_punkt a{
	color:#6F2B29;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
}
div.navigations_punkt a#menupunkt_aktiv, div.navigations_punkt a:hover{
  color:#6F2B29;
  background-image:url(../grafik-design/slizes/button_aktiv.jpg);
  text-decoration:none;
  line-height: 25px;
  display:block;
  float: left;
}
div.navigations_punkt a:active{
	background-color: #F9E4C9;
	display: block;
	line-height: 25px;
   padding-left: 5px;
	padding-right: 5px;
	float: left;
	
}

/* ==== Blockelement  =============== 
========================================*/
div{
	border:0px solid yellow;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin-left:10px;
padding-top:5px;
color:#FFFFFF;

}
.h1{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   font-weight:bold;
	
}

/* =======================================================
     Inhalte Bereich 
  ========================================================== */
div#inhalt {
	position:absolute;
	top: 97px;
	left: 7px;
	height: 550px;
	width: 960px;
}
div#inhaltbereich_links {
	position: absolute;
	left: 9px;
	padding-right:4px;
	top: 10px;
	width: 467px;
	height: 430px;
	border:0px solid white;
}
#inhaltbereich_links_impressum{
	position: absolute;
	left: 9px;
	padding-right:4px;
	top: 10px;
	width: 513px;
	height: 430px;
	border:0px solid white;
}
div#bildbereich_rechts {
	position: absolute;
	top: 10px;
	left: 490px;
}

div#inhaltbereich_gesamte_breite {
	position: absolute;
	left: 10px;
	padding-right:4px;
	top: 10px;
	width: 936px;
	height: 430px;

}
div#doc{
position:absolute;
width:780px;
height:460px;
/*overflow:visible;*/
}

div#doc iframe {
	position:absolute;
	left:70px;
	top: 10px;
	width: 780px;
	height: 350px;
	overflow:scroll;
}

/* ==================================================================
                      Schrifftart & Elemente 
   ==================================================================*/
div#text{ 
      vertical-align:middle;
      line-height:15px;
      display:block;
	   margin-top:5px;
      margin-left:9px;
  	   font-size: 12px;
	   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	   color:white;
		text-align:justify; 
		
}
div#texttabel{
	line-height:30px;
	margin-left:15px;
	color:#F4C809;
}

table.messeplan a{
	text-decoration:underline;
	color:#F4C809;
}
.messeplanabstand{
	padding-left:15px;
}
a.links {
color:#F4C809;
text-decoration:none;
line-height:19px;
	
}
/* ===================================================================
          Images & Bilder
  ===================================================================== */
  
#thumbs img{
	border:1px solid white;
	margin-top:6px;
	width:58px;
	height:42px;
	margin-left:10px;
	/*cursor:pointer;*/
}
a.bild {
	text-decoration:none;
	
}
#intro1{
  width:462px;
  height:328px;
border:1px solid #FFE4C4;

}
/* ==================  link to pashmin seite _unten =====================  */
#pashminseite_verlinken{
   position:absolute;
	top:560px;
	left:50%;
	margin-left:325px;
	font-size:10px; 
}
#pashminseite_verlinken a{
	text-decoration:none;
	color:#848484
}
#english_umwandeln_deutsch{
	position:absolute;
	top:530px;
	right:50%;
	margin-right:-465px;
}
#english_umwandeln_deutsch img {
	border-width: 0px;
}
#speaker_zeichen{
	position:absolute;
	top:525px;
	right:50%;
	margin-right:-410px;
	background-color: #CCA385;
}
div#conference{
 border:0px solid blue;
 margin-left:45px;

}
div#lastmnt_frubch_oben_table{
	border:0px solid Aqua;
	width:900px;
	height:210px;
	margin-top:15px;
	margin-left:58px;
	color:white;
}
#lastminute td{
	text-align: center;
	width: 100px;
}

#lastminute td.laenger {
  width: 160px;
}

#last_ueberschrift{
	color:white;
	margin-left:10px;
	margin-top:10px;
	font-size:13px;
}
#lastmint_reserv{
  width:450px;
  height:220px;
   left:50%;
	margin-left:74px;
	color:white;
	margin-top:25px;
	border:0px solid yellow;
}

select.formDay{
 width:42px;
 margin:0px;
}

select.formMonth{
 width:92px;
 margin:0px;
}
select.formYear{
 width:56px;
 margin:0px;
}
#hinweis_de{
	font-size:10px;
	 height:32px; 
	 white-space:nowrap;
	 line-height:12px;
	 color:#ffffff;
	 margin-top:10px; 
}
#hinweis_en{
	font-size:10px;
	 height:32px; 
	 white-space:nowrap;
	 line-height:12px;
	 color:#ffffff;
	 margin-top:1px; 
}
.preis a{
 color:white;
}
/* ================================== formular css=======================*/
#tablbody_de{
	position:absolute;
	width:600px;
	height:400px;
	top:5px;
	left:200px;
	color:#ffffff;
	
}
#tablbody_en{
	position:absolute;
	width:600px;
	height:400px;
	top:-10px;
	left:200px;
	color:#ffffff;
	
}
.button{
	color:#fff;
	background-color:#8E020D;
	width:200px;
	text-align:center;
}
#bodyformular{
	background-color:#8E020D;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#ffffff; 
}
.text{
	background-color:#8E020D; 
	color:#ffffff;
	width:300px;
}
.tel{
	color:#ffffff;
	width:205px;
	background-color:#8E020D;
}
.rede{
	color:#ffffff;
	width:80px;
	background-color:#7C211F;
}
span{
color:#ffffff;
}
input #agb  a:hover{
 color:#FFD700;
 text-decoration:none;
}
input#tage{
	width:25px;
}

td{
	font-size: 12px;
	color:#ffffff;
}
td a{
	font-size: 12px;
	color:#ffffff;
}

.tibsy{      /* class fuer formular   */

	border-bottom: 1px  #ffffff;
	border-left: 1px  #ffffff;
	border-right: 1px  #ffffff;
	border-top:1px  #ffffff;
	border-style:solid;
	width:300px;
	font-size: 11px;
	color: White;
	line-height:16px;
   background-color:#7C211F;
}
.fon{
	border-top-width:2px;
	border-right-width:2px;
	border-style:solid;
	background-color:#7C211F;
	width:230px;
	color: White;
}
.vorwahl{
	border-top-width:2px;
	border-right-width:2px;
	border-style:solid;
	width:60px;
	background-color:#7C211F;color: White;
}
#senden{
	background-color: #7C211F;
	border-color: #ffffff;
	color:white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-style:dashed;
	}
	select,option{
	height:16px;
	font-size:10px;
	font-family:Verdana;
	font-weight:bold;
	color:#aaaaaa;
	background-color:#8e020d;
}
.lstmnt{
	font-size:10px;
	font-weight:bold;
	color:#aaaaaa;
	background-color:#8e020d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:13px;
	height:13px;
	border-top:1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;
	border-right:1px solid  #aaaaaa; 
	border-bottom:1px solid  #aaaaaa;   
	width:100px;
	margin-top:2px;
	margin-bottom:2px;
	text-align:right;
	margin-left:0px;
	margin-right:0px;
}

.lstSub{
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	line-height:9px;
	height:16px;
	color:#aaaaaa;
	padding-top:0px;
	padding-bottom:2px;
	border:1px solid #aaaaaa;
	background-color:#8E020D;
	width:100px;
	cursor:pointer;
}
a.copy{
font-size:13px;
line-height:15px;
height:15px;
font-family:Verdana;
letter-spacing:0px;
font-weight:normal;
color:#FFFFFF;
text-decoration:underline;
text-align:left;
}
a.copy:hover{
font-size:13px;
line-height:15px;
height:15px;
font-family:Verdana;
letter-spacing:0px;
font-weight:normal;
color:#FFFFFF;
text-decoration:underline;
text-align:left;
}
input.submit{
font-family:Verdana;
font-size:10px;
font-weight:bold;
line-height:12px;
height:16px;
padding-top:0px;
padding-bottom:0px;
border:1px solid #333333;
background-color:#e1e1e1;
width:100px;
cursor:pointer;
}
input.formS{
font-family:Verdana;
font-size:10px;
font-weight:bold;
line-height:13px;
height:13px;
border:1px solid #333333;
border-left:0px solid;
background-color:#e1e1e1;
width:5px;
margin:2px;
margin-left:0px;
margin-right:0px;
text-align:right;
}
input.form{
font-family:Verdana;
font-size:10px;
font-weight:bold;
line-height:13px;
height:13px;
border:1px solid #333333;
border-right:0px solid;
background-color:#e1e1e1;
width:100px;
margin:2px;
text-align:right;
margin-left:0px;
margin-right:0px;
text-align:right;
}

.lstmntS{
font-size:10px;
font-weight:bold;
color:#aaaaaa;
background-color:#8e020d;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:13px;
height:13px;
border-top:1px solid #aaaaaa;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
border-left:0px solid;
width:10px;
margin-top:2px;
margin-bottom:2px;
text-align:right;
margin-left:0px;
margin-right:0px;
}
input.chk{
border:1px solid #ffffff;
width:16px;
background-color:transparent;
height:16px;
font-size:10px;
font-family:Verdana;
font-weight:bold;
}

.copy{
font-size:13px;
line-height:18px;
height:16px;
font-family:Verdana;
letter-spacing:0px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
text-align:left;
}
input.button{
border:1px solid #ffffff;
width:204px;
background:transparent;
height:16px;
font-size:10px;
font-family:Verdana;
font-weight:bold;
color:#ffffff;
cursor:pointer;

}
textarea.texta{
border:1px solid #ffffff;
width:260px;
height:60px;
background:transparent;
font-size:10px;
font-family:Verdana;
font-weight:bold;
color:#ffffff;
overflow:auto;
}
#lastminute_form{
	width:450px;
   height:220px;
  left:50%;
	margin-left:74px;
	color:white;
	margin-top:-25px;
	border:0px solid green;
}
#mail_nachricht{
width:350px;
color:#73DEFF;
font-weight:bold;
font-size:16px;
font-family: "Times New Roman", Times, serif; 
border:2px dashed #FFD700;
text-decoration: blink;
text-transform: capitalize;
text-align: center;
margin-left:350px;
}

td.textfeld input {
	width: 70px;
}

form#fastbooker {
	display: block;
	width: 170px;
	float: left;
	border-style: solid;
	border-width: 1px;
	padding: 0 3px 3px;
	margin: 0 17px 5px 5px;
}

input#absenden {
	background-color: transparent;
	color: white;
	border-style: solid;
	border-width: 1px;
	font-size: 10px;
	letter-spacing: 1px;
}