/*--------------------------------------------------------------------------------------------------------
CSS styles for RIFA.

version:   1.0
author:    Codingpeople UG (haftungsbeschraenkt) - design trifft html 
email:     support@codingpeople.com
website:   http://www.codingpeople.com/
--------------------------------------------------------------------------------------------------------*/

/* =General
--------------------------------------------------------------------------------------------------------*/
/* Removing margin/padding/border */
body, ul, li, div, img, p, strong, em, h1, h2, h3, h4, h5, form { margin:0; padding:0; border:0;}
/* Removing list decorations */
li { list-style:none;}
/* Class for clearing floats */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* Body background position */
body { background:#89a7ce url("../images/bg/page_bg.gif") repeat-y center center;}
/* End General
--------------------------------------------------------------------------------------------------------*/

/* =Typography
--------------------------------------------------------------------------------------------------------*/
body { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFF;}
/* Navrar font */
#navbar { font-size:12px; line-height:30px;}
/* Date form fonts */
#formular h1 { height:20px; width: 141px; line-height:20px; font-size:12px; padding:0 3px; background:#52749c;}
#form_in p {color: #4C4C4C; font-family: Tahoma,Arial,Helvetica,sans-serif; font-size:9px; line-height:11px;}
/* Text Block fonts */
.text_block h4 { font-size:14px; line-height:20px}
.text_block p { font-size:12px; margin-top:10px}
.text_block a { font-size:12px; color:#ffffff; text-decoration:none; font-weight:bold;}
.text_block a:hover { font-size:12px; color:#000077; text-decoration:none; font-weight:bold;}
.text_block li {
    display:inline;
    width:250px;
    float:left;
    margin:5px 0px 0px 15px;
    list-style:square;
}
.text_block li a {
    margin:0px;
    padding:0px;
    display:block;
    list-style:square;
}

/* End Typographycontent
--------------------------------------------------------------------------------------------------------*/

/* =Links
--------------------------------------------------------------------------------------------------------*/
/* Logo settings */
#logo { background:url("../images/icons/logo.png") no-repeat; width:322px; height:121px; display:block; text-indent:-9999px; font-size:0; position:absolute; left:0; top:45px;}
/* Montafon logo settings */
#montafon_logo { background:url("../images/icons/montafon.png") no-repeat; width:108px; height:52px; display:block; text-indent:-9999px; font-size:0px; position:absolute; top:33px; right:18px;}
/* Navbar */
#navbar a { font-size:12px; line-height:30px; color:#FFF; text-decoration:none;}
#navbar a:hover { text-decoration:underline}
/* Menu links */
.menu li a { font-size:14px; text-transform:uppercase; color:#FFF; line-height:14px; text-decoration:none; display:block;}
.menu .active a { font-weight:bold;}
.menu .active .submenu a { font-weight:normal;}
.menu .active .submenu .active a { font-weight:bold;}
.menu .submenu a { font-size:12px; line-height:14px; text-transform:none}
.menu .submenu a:hover { font-weight:bold;} 
.menu a:hover { font-weight:bold;}
/* Footer links */
#footer_in a {font-size:12px; line-height:30px; color:#FFF; text-decoration:none; letter-spacing:2px}
#footer_in a:hover{ text-decoration:underline}
/* End Links
--------------------------------------------------------------------------------------------------------*/

/* =Navbar
--------------------------------------------------------------------------------------------------------*/
/* Navbar on top of head */
#navbar { background:url("../images/bg/header_top_bg.png") repeat; width:960px; padding:0 10px; height:30px; position:absolute; top:0; left:0; text-align:right;}
/* End Navbar
--------------------------------------------------------------------------------------------------------*/

/* =Header
--------------------------------------------------------------------------------------------------------*/
#header { background:url("../images/bg/header_bg.gif") no-repeat top center; height:373px; width:100%;}
#header_in { width:980px; margin:0 auto; position:relative; background:url("../images/bg/header_img1.jpg") no-repeat; height:368px;}
#header_in div {position:absolute; }
/* Header bottom shadow */
#header_bot_shadow { background:url("../images/bg/header_bot_bg.png") repeat; width:980px; height:27px; position:absolute; bottom:0; left:0}
/* Date form settings */
#formular { padding:10px 20px 10px 55px; height:125px; width:140px; background:url("../images/bg/formular_bg.png") repeat; float:left; position:absolute; left:0; top:182px;}
#form_in { background:#bcced6; position:absolute; }
#formular #block { padding:3px; position:absolute; background: none repeat scroll 0 0 #BCCFD6; width: 141px; height: 105px; }
#form_in p.head { float:left;}
#formular .col1 { width:40px; margin-left: 45px; display:block; float:left; margin-right:3px;}
#formular .col2 { width:52px; margin-left: 90px; display:block; position: absolute; float:left; margin-right:3px;}
#formular .col3 { width:40px; margin-left: 3px; display:block; float:left;}
/* End Header
--------------------------------------------------------------------------------------------------------*/

/* =Main Content
--------------------------------------------------------------------------------------------------------*/
.content_bg { width:100%;}
#bg_1 { background:url("../images/bg/content_bg_1.gif") no-repeat top center; margin:30px 0 15px 0; min-height:405px;}
#bg_2 { background:url("../images/bg/content_bg_2.gif") no-repeat top center; margin:30px 0 15px 0; min-height:405px;}
#content { width:965px; padding-left:15px; margin:0 auto}
/* Sidebar settings */
#sidebar { background:#647b98; width:180px; padding:30px 10px 10px 10px; float:left;}
/* Menu on content */
.menu li { background:url("../images/icons/list_dec.gif") no-repeat 0px 6px; padding: 4px 0 4px 23px;}
.menu li.active, .menu li:hover { background:url("../images/icons/list_act.gif") no-repeat 0 6px;}
.menu .submenu li { background:none; padding-left:17px;}
/* Text block settings */
.text_block { float:left; width:350px; padding:10px 45px 10px 51px;}
.text_blockfull { float:left; width:660px; padding:10px 45px 10px 51px;}
/* Photo Block settings */
.photo_block { float:right; width:302px;}
.big_photo { margin:15px 0 28px 0; display:block;}
.two_photo { padding-top:19px}
.two_photo .left { display:block; float:left;}
.two_photo .right { display:block; float:right;}
.zusatzphoto { float:right; margin:20px 0px 0px 0px; display:block; padding-top:20px;}
/* Sidebar blogs */
.blogs { width:100%; padding-top:50px;}
.blogs li { display:block; float:left; padding:0 3px;}
.blogs span { line-height:16px; color:#884488; font-size:16px;}
.blogs a { display:block; float:left}
#share { background:url("../images/icons/plus.gif") no-repeat center left; padding-left:20px; color:#425ccf; line-height:16px; text-decoration:none}
/* News, Last Mins and Zimmer block */
#links { padding-top:13px}
#links li { width:55px; margin-right:7px; float:left; display:block; background:#FFF;}
#links li a { font-size:10px; color:#000; text-decoration:none;}
#links li a img { display:block;}
#links li a span { padding:2px 3px; display:block; line-height:12px;}
#links li.last { margin:0;}
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/

/* =Footer
--------------------------------------------------------------------------------------------------------*/
/* Footer settings */
#footer { background:url("../images/bg/footer_bg.gif") no-repeat top center; height:119px; width:100%;}
#footer_in { width:960px; margin:0 auto; text-align:center; padding:0 10px; font-size:12px; letter-spacing:1px;}
/* End Footer
--------------------------------------------------------------------------------------------------------*/

/* =Forms
--------------------------------------------------------------------------------------------------------*/
/* Select settings */
#formular select { width:100%; margin:1px 0;}
.qfTable {
color: #ffffff;
background-color: #D9D9D9;
font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 10px;
}
.qfHead {
color: #acc0dd;
font-size: 12px;
font-weight: bolder;
background-color: #4372ae;
}
.qfText {
color: #4C4C4C;
font-family: Arial,Helvetica,sans-serif;
font-size: 9px;
}
.qfButton { 
font-family: Arial,Tahoma,Helvetica,sans-serif;
font-size: 11px; 
border-right: 1px solid #000000; 
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #000000; 
} 

/* End Forms
--------------------------------------------------------------------------------------------------------*/