/*******************************************************************************

Projekt:
www.vaflix.de
by finalgrafix

*******************************************************************************/

html {
	height: 100%; 
	margin-bottom: 1px;
	*height:;
	*margin-bottom:;
}

body, div, p, li {
	background-repeat:no-repeat;
	margin:0;
}

/*body
*******************************************************************************/
body {
	font-family:verdana, arial, helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	margin:0px;
	height:;
}


.clear {
	clear:both;
}

/*
website
********************************************************************************/
.website {
	position:relative;
	height:100%;
	width:908px;
	color:#000;
	text-align:left;
	margin:0px auto;
}

/*header
*******************************************************************************/
.vaflix-header {
	width:908px;
	position:left;
	height:117px;
	background-image:url(vaflix-header.jpg);
}

/*logo / breadcrumb
*******************************************************************************/
.vaflix-logo {
	position:absolute;
	top:30px;
	left:0px;
}

.vaflix-logo a {
	display:block;
	height:50px;
	width:230px;
}

.finalgrafix-logo {
	position:absolute;
	top:75px;
	left:318px;
}

.finalgrafix-logo a {
	display:block;
	height:15px;
	width:120px;
}

/*Navi
*******************************************************************************/

.buffer {
	float:left;
	height:32px;
	width:210px;
}

.vaflix-navi {
	float:left;
	width:680px;
	height:32px;
}

.nav1st {
	display:inline;
}


.nav1st li {
	display:block;
	float:left;
	padding:4px 0 0 0;
}

.nav1st li.active {
	background-image:url(vaflix-navi-li-1.jpg);
}

.nav1st li.active a,
.nav1st li.active a:link {
	color:#F18F17;
	font-weight:bold;
	background-image:url(vaflix-navi-re.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

.nav1st a, 
.nav1st a:link {
	display:block;
	height:32px;
	color:#6B6B6B;
	font-size:1.2em;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	padding:0 10px;
}

.nav1st a:hover {
	color:#F18F17;
}

.subnavi {
	width:157px;
	padding:0 0 0 35px;
}

.subnavi-eins {
	background-image:url(vaflix-news-eins1.gif);
	width:157px;
	height:29px;
}

#suna {
	color:#F18F17;
	font-size:11pt;
	text-align:center;
	padding-top:5px;
	font-weight:bold;
}

.subnavi-zwei {
	background-image:url(vaflix-news-zwei.jpg);
	background-repeat:repeat-y;
	width:157px;
	height:100%;
}

.subnavi-drei {
	background-image:url(vaflix-news-drei.gif);
	width:157px;
	height:7px;
	padding:0;
}

.nav2nd{
	width:157px;
	margin:0px;
	padding:10px 0;
}

.nav2nd  li{
	text-align:center;
	list-style-type:none;
	line-height:14pt;
}

.nav2nd a,
.nav2nd a:link{
	color:#6B6B6B;
	font-size:1.0em;
	text-decoration:none;
}

.nav2nd a:hover{
	color:#F18F17;
	font-size:1.0em;
	text-decoration:none;
}

.nav2nd li.active a,
.nav2nd li.active a:link {
	text-decoration:none;
	color:#F18F17;
	font-weight:bold;
}

.news {
	width:157px;
	padding:0 0 0 35px;
}

.news-eins {
	background-image:url(vaflix-news-eins1.gif);
	width:157px;
	height:29px;
}

.news-zwei {
	background-image:url(vaflix-news-zwei.jpg);
	background-repeat:repeat-y;
	width:157px;
	height:100%;
	display:block;
	padding:5px 0px 0px 10px;
}

.news-zwei a {
	padding:0px 5px 0px 0px;
	color:#6B6B6B;
	text-decoration:none;
}

.news-zwei a:hover {
	text-decoration:underline;
}

.news-drei {
	background-image:url(vaflix-news-drei.gif);
	width:157px;
	height:7px;
	padding:0;
}


/*content
*******************************************************************************/


.content {
	width:908px;
	height:100%;
	display:block;
	clear:both;
	position:relative;
}

.content-eins {
	height:10px;
	width:908px;
	background-image:url(vaflix-content-eins.jpg);
}

.content-zwei {
	width:908px;
	height:100%;
	background-image:url(vaflix-content-zwei.jpg);
	background-repeat:repeat-y;
	min-height:400px;
}

.subnews {
	width:210px;
	float:left;
}

.contentfeld {
	width:650px;
	height:100%;
	font-size:1.1em;
	line-height:16pt;
	color:#6B6B6B;
	padding:0 0 0 210px;
	*float:left;
	*padding:0;
	margin-top:0;
}

.tinymcewysiwyg  a IMG{border:none;}
.tinymcewysiwyg  ul{margin:0;}

.contentfeld a.IMG {
	border:none;
}

.links {
	padding:30px 0 0 35px;
	width:157px;
	float:left;
}

.content-drei {
	height:10px;
	width:908px;
	background-image:url(vaflix-content-drei.jpg);
}

.contentfeld-subnavi {
	height:100%;
	width:908px;
	background-image:url(vaflix-content-zwei.jpg);
	background-repeat:repeat-y;
	min-height:400px;
}

.PopUp {
	color:grey;
	font-size:12px;
	border-bottom: 1px dotted grey;
}

.PopUp:hover, abbr:title {
	background-color:#FEDBB8;
	border:1px solid grey;
	color:grey;
	padding:5px 10px;
	margin-top:10px;
	position:absolute;
	text-decoration:none;
}

.tooltip {
	position:absolute;
	margin:-150px 0 0 -150px;
	*margin:0px;
	display: none;
	background-color: #FFFFFF;
	border:1px solid #CCCCCC;
	padding:0 5px;
}


H7 {
	color:#6B6B6B;
	font-size:1.0em;
	text-decoration:none;	
}

/*Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */
.contentfeld h1 {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	line-height:14pt;
	margin-top:0;
}

/* Headline 2 */
.contentfeld h2 {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	line-height:14pt;
	margin-top:0;
}

/* Headline 3 */
.contentfeld h3 {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.3em;
	font-weight:lighter;
	line-height:14pt;
	margin-top:0;
}
/*Paragraphs / Lists
------------------------------------------------------------------------------*/
.contentfeld p,
.contentfeld ul,
.contentfeld ol {
	font-size:1.2em;
	line-height:1.6em;
}

.contentfeld ul li ul,
.contentfeld ul li ol,
.contentfeld ol li ol,
.mcontentfeld ol li ul {
	font-size:1em;
}

.contentfeld ul {
}

.contentfeld ol {
	list-style-type:decimal-leading-zero;
}


/*Hyperlinks
------------------------------------------------------------------------------*/
.contentfeld a, .contentfeld a:link {
	color:#ff9900;
	text-decoration:none;
}

.contentfeld a:hover {
	text-decoration: underline;
}

/*Images
------------------------------------------------------------------------------*/
.contentfeld div.image {
	margin-bottom:0;
}

.contentfeld div.image p {
	margin:0;
	font-size:0.9em;
}

.contentfeld div.flLeft {
	float:left;
	margin-right:10px;
}

.contentfeld div.flRight {
	float:right;
	margin-left:10px;
}

.footer {
	text-align:center;
	margin:10px 0 10px 0;
}

.footer a {
	color:#6B6B6B;
	text-decoration:none;
}

/*Kontaktformular
--------------------------------------------------------------------------------*/

.preinp {
	font:11px/20px verdana, arial, helvetica, sans-serif;
}

.input_text{
	border: 1px solid #838383;
}

.input_submit{
	font-weight: bold;
	border: 1px solid #838383;
	background-color: #dfdfdf;
}


/* mouse-over PopUp-Test-Serie*/


.contentfeld-subnavi a .pop {
	display: block;
	font-weight:bold;
	color: white;
	background-color: #6B6B6B;
	width: 100%;
	padding:5px 10px;
	border: 1px solid #6B6B6B;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10; /* Saf */
	visibility: hidden;
}
.contentfeld-subnavi a:hover .pop {
	visibility: visible;
}

.contentfeld-subnavi a {
	text-decoration:none;
}

/*
ZIMMER-TEST Holiday Inn
*/

/*Modul Bild und Text*/
.centertab {margin-right: auto;
            margin-left: auto;}

.bildtext { margin: 0px;
            padding: 0px;
            font-size: 10px;}
.imgleft {float: left;
          margin:10px 20px 0 10px;}
          
.imgright {float: right;
          margin-left: 20px;}

.stopleft {clear: left;}

.stopright {clear: right;}
	 
.bildtext2 {text-align: justify;
border:1px solid black;
background-color:#e6e6e6;
padding:10px 10px;}

.footer_nav {text-align:center;height:20px;width:908px;}
.footer_nav ul {}
.footer_nav ul li {list-style-type:none;}
.footer_nav ul li a{text-decoration:none;color:#6B6B6B;font-size:7pt;}

/*
Formulargenerator
*/

/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {font-size:8pt;	padding-right:10px;padding-left:10px;}

/* Was passiert wenn auf das Label geklickt wird? */
label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor:pointer;}
.formgen form{line-height:100%;}

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

.formgen .formblock{	margin:0;padding:0;}
.forminfo {width:400px;margin:0 0 5px 50px;padding:3px 3px;border:1px solid #F18F17;color:#F18F17;text-align:center;}

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

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield{width:300px;height:50px;margin-left: 4px;border: 1px solid #98989C;background-color: white;}

/* Textfeld */
.formgen .formtext{width:200px;margin:0 0 1px 4px;padding-bottom:4px;font-size:1em;	background-color:white;border:1px solid #98989C;}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {border-bottom-color: #000000;background-color: #FBF2E3;}

/* Label */
.formgen label {width:150px;clear:left;float:left;height:20px;font-weight:normal;color:#98989C;text-align:right;}

/* Aussehen der Select-Ausgabe */
.formgen .formselect{width:200px;background-color:white;margin-left:4px;color:#98989C;margin-bottom:1px;}

/* Sende-Button */
.formgen .formsubmit{width:75px;text-align:center;background-color:#EFEFEF;border: 1px solid #F18F17;color:#98989C;}
.formgen .formsubmit:hover {background-color:#F18F17;color:white;border-bottom:none;}

/* Fieldsetbeschriftung */
.formgen legend {color: #FFFFFF;background-color: #F18F17;width: 150px;padding:5px 5px;color:white;margin-bottom:15px;}
.formgen .fieldset {padding-bottom:10px;border:none;}

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {border-bottom-width:1px;font-weight:bold;}

.formgen .formcaptcha{border:1px solid #062D58;	vertical-align: top;float: left;margin-right: 10px;}

.formgen .formreq {color:#F18F17;} /*98989C*/

.formgen .formheadline {color:#F18F17;padding-top:4px;padding-bottom: 4px;margin-top: 5px;margin-bottom: 5px;font-style: italic;}

.formhinweis {margin-bottom:5px;font-style:italic;font-size:8pt;}
/*
class abbr - der wahnsinss-mouse-over effekt
*/

.mouse-over a {
	border:1px solid grey;
	background-color:white;
	color:grey;
	visibility:hidden;
}

.mouse-over a {
	visibility:visible;
}