@charset "UTF-8";
/* CSS Document */
/*
	airolo.ch website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    © epicstuff design 2009
    
    page name  : style.css
    created    : 17.10.2009
    last update: 17.10.2009
*/

@font-face {
 font-family: klavika;
 src: url("../fonts/KlavikaLight-Plain.eot") /* EOT file for IE */
}

@font-face {
font-family: klavika;
src: url("../fonts/KlavikaLight-Plain.otf"); /* TTF file for CSS3 browsers */

}

@font-face {
	font-family: 'titillium250';
	src: url('../fonts/TitilliumText250wt-webfont.eot');
	src: local('☺'), url('../fonts/TitilliumText250wt-webfont.woff') format('woff'), url('../fonts/TitilliumText250wt-webfont.ttf') format('truetype'), url('../fonts/TitilliumText250wt-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 
-----------------------------------------------------------------------------
GENERAL ELEMENT STYLES
-----------------------------------------------------------------------------*/
body {font-family:titillium250,'Lucida Grande',arial;background-color:#fff;color:#363636;}

a {font-size:11px;color:#000;text-decoration:none;cursor:pointer;}
a:focus {-moz-outline:0;outline:0;outline-offset:0;}
a:hover {text-decoration:underline;}
a img {border:0;}

p, td, ul, ol, blockquote, input, textarea {color:#363636;}

img {border-width:0px;border:0;}

hr {color:#ddd;background-color:#ddd;border:0px;height:1px;margin-top:30px;}

/* 
-----------------------------------------------------------------------------
FORMS GENERAL
-----------------------------------------------------------------------------*/
input, textarea {font-family:'Lucida Grande',arial;font-size:10px;color:#363636;border:#bbb 1px solid;background-color:#fff;padding:2px;}
INPUT:hover, TEXTAREA:hover { background-color:#efefef; }
INPUT:focus, TEXTAREA:focus { background-color:#eaeaea; }
input.file {color:#fff;}
fieldset.solo {border-top:1px solid #444;border-bottom:1px solid #444;}
label {color:#fff;}
label span.req {color:#e4675c;}
form.quad label {color:#fff;}

p, td, ul, ol {font-size:11px;line-height:1.4em;margin:0px;}
p, ul {padding-bottom:12px;}
ul {margin-left:0px;padding-left:0px;list-style-position:inside;}

li {list-style: none;background-image: url('../images/arrow.png');background-repeat: no-repeat;background-position: 0px 4px;padding-left: 15px;}

/* 
-----------------------------------------------------------------------------
HEADERS PLAIN TEXT
-----------------------------------------------------------------------------*/
H1, H2, H3, H4, H5, H6 {font-family:titillium250,'Lucida Grande',arial;margin:0 0 0px 0;padding:0;}
H1 {font-size:30px;color:#000; line-height:1.1em;margin:25px 0 15px 0;}
H2 {font-size:24px;color:#000;}
H3 {font-size:15px;color:#000; font-weight:bold; line-height:1.1em;}
H4 {font-size:13px;color:#000;}
H5 {font-size:12px;color:#000;}
H6 {font-size:11px;color:#000;}
H6 {margin:0 0 4px 0;padding:0;}
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; }

.slider-singleitem H3,.slider-singleitem H4 {color:#363636;}
.infotitle H2 {margin:0 0 20px 0;}

/* 
-----------------------------------------------------------------------------
HEADERS WITH LINK
-----------------------------------------------------------------------------*/
H1 a {font-size:30px;color:#000; line-height:1.1em;}
H2 a {font-size:24px;color:#000;}
H3 a {font-size:15px;color:#000;}
H4 a {font-size:13px;color:#000;}
H5 a {font-size:12px;color:#000;}
H6 a {font-size:10px;color:#000;}
H1 A, H2 A, H3 A, H4 A, H5 A, H6 A {text-decoration:none;}
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover, H6 A:hover {color:#ccc;text-decoration:underline;}
H6 A {letter-spacing:-1px;}


.slider-singleitem H4 a {color:#363636;}

/* 
-----------------------------------------------------------------------------
ALIGNMENT OF TEXT IN RTE
-----------------------------------------------------------------------------*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* 
-----------------------------------------------------------------------------
NAVIGATION: LEVEL 0
-----------------------------------------------------------------------------*/
ul#menu-level0 li {text-decoration:none;background-image:none;}
ul#menu-level0 li a {font-size:16px;text-decoration:none;color:#363636;border-width:0px;margin-bottom:3px;}
ul#menu-level0 li a:hover {color:#000;border-bottom:3px solid #000;margin-bottom:0px;}
ul#menu-level0 li a.selected {color:#000;border-bottom:3px solid #000;margin-bottom:0px;}

/* 
-----------------------------------------------------------------------------
MAIN NAVIGATION
-----------------------------------------------------------------------------*/
#navigation-level1 {background: url(../images/nav-begin_bg.png) no-repeat 0 0;}
#navigation-level1 div.end {background: url(../images/nav-end_bg.png) no-repeat 0 0;}
#navigation-level1 ul {background: url(../images/nav_bg.png) repeat-x 0 0;}
#navigation-level1 ul li{background-image:none;}
#navigation-level1 ul li a {background: url(../images/bg-li-div-sommer.gif) no-repeat 100% 40%;color:#fff;font-size:14px;text-transform:uppercase;}
#navigation-level1 ul.seasons li a, #navigation-level1 ul.seasons li a:hover {color:#000;font-size:14px;text-transform:uppercase;background-image:none;}
#navigation-level1 ul li a:hover {color:#fff;text-decoration:none;}
#navigation-level1 ul ul {background:url(../images/submenu-top_bg.png) 0 0 no-repeat;color: #fff;text-transform: none;}
#navigation-level1 ul ul li {background:url(../images/submenu_bg.png) transparent 0 0 repeat-y;color: #fff;filter: none;}
#navigation-level1 ul ul li.last {background:url(../images/submenu-bottom_bg.png) 0 100% no-repeat;}
#navigation-level1 ul ul li a {background: none;font-size:13px;}
#navigation-level1 ul ul a:link, #navigation-level1 ul ul a:visited {color: #fff;}
#navigation-level1 ul ul a:hover {color: #fff;text-decoration:underline;}
#navigation-level1 ul ul a:active {color: #fff;}
#navigation-level1 ul li:hover > a.dir {color: #fff;}

/* 
-----------------------------------------------------------------------------
TOP IMAGE
-----------------------------------------------------------------------------*/
#top-image {background-color:#eaeaea;}

/* 
-----------------------------------------------------------------------------
CONTENT
-----------------------------------------------------------------------------*/
#content {background-color:#eaeaea;font-family:'Lucida Grande',arial;font-size:11px;}
#content p {font-size:11px;}
#content-left {background-color:#fff;}

/* 
-----------------------------------------------------------------------------
BREADCRUMBS
-----------------------------------------------------------------------------*/
#breadcrumbs{text-transform:lowercase;}

/* 
-----------------------------------------------------------------------------
CONTROL BUTTONS
-----------------------------------------------------------------------------*/
.control-buttons{font-family:titillium250,'Lucida Grande',arial;text-align:center;}
.control-buttons span{font-size:14px;text-decoration:none;color:#363636;cursor:pointer;}
.control-buttons span:hover{text-decoration:underline;}

/* 
-----------------------------------------------------------------------------
SUBMENUS
-----------------------------------------------------------------------------*/
#submenus{background-color:#fff;}
#submenus .submenus-background{border-left:1px solid #ddd;}
#submenus .submenus-header{font-family:titillium250,'Lucida Grande',arial; font-size:20px; font-weight:bold; color:#363636; border-bottom:1px solid #ddd; text-transform:uppercase;}

/* 
-----------------------------------------------------------------------------
NAVIGATION: VERTICAL
-----------------------------------------------------------------------------*/
.vertnav {padding-top:10px;font-family:titillium250,'Lucida Grande',arial;}

.vertnav1 a {margin-left:0px;width:210px;display:block;padding:0px;font-size:16px;text-decoration:none;color: #363636;border-width:0px;margin-top:2px;}
.vertnav1 a:hover {color:#000;text-decoration:none;}
.vertnav1-act a,.vertnav1-act a:hover {margin-left:0px;width:210px;display:block;padding:0px;font-size:16px;text-decoration:none;color:#000;border-width:0px;margin-top:2px;}

.vertnav2 a {margin-left:0px;width:187px;display:block;padding-left:20px;font-size:14px;text-decoration:none;color: #363636;border-width:0px;}
.vertnav2 a:hover {color:#000;text-decoration:none;}
.vertnav2-act a,.vertnav2-act a:hover {margin-left:0px;width:197px;display:block;padding-left:20px;font-size:14px;text-decoration:none;color: #0005;border-width:0px;}

.vertnav3 a {margin-left:0px;width:182px;display:block;padding-left:40px;font-size:14px;text-decoration:none;color: #363636;border-width:0px;}
.vertnav3 a:hover {color:#000;text-decoration:none;}
.vertnav3-act a,.vertnav3-act a:hover {margin-left:0px;width:182px;display:block;padding-left:40px;font-size:14px;text-decoration:none;color:#000;border-width:0px;}

.vertnav4 a {margin-left:0px;display:block;padding-left:60px;font-size:14px;text-decoration:none;width:170px;color: #363636;border-width:0px;}
.vertnav4 a:hover {color:#000;text-decoration:none;}
.vertnav4-act a,.vertnav4-act a:hover {margin-left:0px;width:170px;display:block;padding-left:60px;font-size:14px;text-decoration:none;color:#000;border-width:0px;}

/* 
-----------------------------------------------------------------------------
RIGHT BOXES
-----------------------------------------------------------------------------*/
.right-boxes{border-bottom:1px solid #ccc;padding-bottom:20px;}
.right-boxes-header{font-family:titillium250,'Lucida Grande',arial;font-size:24px;}
#search-field{border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;}

/* 
-----------------------------------------------------------------------------
PAGE CONTENT FRAMES
-----------------------------------------------------------------------------*/
/* Frame 1 */
DIV.csc-frame-frame1 H1,DIV.csc-frame-frame1 H2,DIV.csc-frame-frame1 H3,DIV.csc-frame-frame1 H4,DIV.csc-frame-frame1 H5 {clear:both;height:1%;background-color:transparent;color:#fff;padding:0px;margin:0px 0px 10px 0px;}
DIV.csc-frame-frame1 {background-color:#363636;padding:10px;margin:10px 0px 0px 0px;}
DIV.csc-frame-frame1 a {color:#fff;padding: 0px 0px;}
/* Frame 2 */
DIV.contentframe3 H1,DIV.contentframe3 H2,DIV.contentframe3 H3,DIV.contentframe3 H4,DIV.contentframe3 H5 {clear:both;height:1%;background-color:#fff;color:#333;padding:2px 6px;}
DIV.csc-frame-frame2 {padding:0px 0px 10px 0px;background:url(../images/menu_dot.gif) repeat-x bottom;margin-bottom:10px;font-size:12px;}
DIV.contentframe3 p {color:#000;padding: 0px 6px;}
/* Frame 3 */
/* See root (pid=1) Typoscript template and page TS to add new styles */
DIV.contentframe3 H1,DIV.contentframe3 H2,DIV.contentframe3 H3,DIV.contentframe3 H4,DIV.contentframe3 H5 {clear:both;height:1%;background-color:#008BCE;clear:left;color:#fff;padding:2px 6px;}
DIV.contentframe3 {background-color:#fff;border:0px solid #ccc;padding:0px;margin:0px 0px 18px 0px;}
DIV.contentframe3 p {color:#000;padding: 0px 6px;}

/* 
-----------------------------------------------------------------------------
TOOLTIPS
-----------------------------------------------------------------------------*/
.ttip1, .ttip2, .ttip3, .ttip4 {display:none; z-index:750;}
.ttip1 .tip, .ttip2 .tip, .ttip3 .tip, .ttip4 .tip {z-index:751;}
.ttip1 .tip-text, .ttip2 .tip-text, .ttip3 .tip-text, .ttip4 .tip-text { font-family:arial, verdana, helvetica;color:#363636; }

.ttip1 .tip, .ttip2 .tip, .ttip4 .tip { width:145px; }
.ttip1 .tip-top, .ttip2 .tip-top, .ttip4 .tip-top { height:31px; width:145px; }
.ttip1 .tip-title, .ttip2 .tip-title, .ttip4 .tip-title { color:#fff; font-size:14px; margin:0 10px 0 10px; }
.ttip1 .tip-text, .ttip2 .tip-text, .ttip4 .tip-text { padding:0px 10px 7px 10px; }
.ttip1 .tip-bottom, .ttip2 .tip-bottom, .ttip4 .tip-bottom { width:145px; height:12px; }

.ttip3 .tip			{ width:170px;}
.ttip3 .tip-top		{ height:0px; width:170px; }
.ttip3 .tip-title		{ color:#fff; font-size:14px; padding:10px 35px 0 10px; min-height:24px; }
.ttip3 .tip-text		{ padding:0px 35px 7px 10px; }
.ttip3 .tip-bottom		{ width:170px; height:12px; }

/* 
-----------------------------------------------------------------------------
GRAPHICAL BUTTONS
-----------------------------------------------------------------------------*/
button.normal_small{background: transparent url(../images/buttons/button-normal-small.gif) no-repeat top left;border:1px solid #111;color:#fcfcfc; text-shadow: #000 0px 1px 0px;}
button.green_small{background: transparent url(../images/buttons/button-green-small.gif) no-repeat top left;border:1px solid #448613;color:#fff; text-shadow: #000 0px 1px 0px;}
button.normal_large{background: transparent url(../images/buttons/button-normal-large.gif) no-repeat top left;border:1px solid #111;color:#fcfcfc; text-shadow: #000 0px 1px 0px;}
button.green_large{background: transparent url(../images/buttons/button-green-large.gif) no-repeat top left;border:1px solid #448613;color:#fff; text-shadow: #000 0px 1px 0px;}

/* 
-----------------------------------------------------------------------------
EXT:sr_language_menu
-----------------------------------------------------------------------------*/
.tx-srlanguagemenu-pi1 {float:right;text-align:center;margin:10px 0px 0 0;}
.tx-srlanguagemenu-pi1 .selected, .tx-srlanguagemenu-pi1 .normal, .tx-srlanguagemenu-pi1 .inactive {float:left;margin:0px 2px 0px 2px;padding:0px;}
.tx-srlanguagemenu-pi1 .selected a {display:block;margin:0;padding:0px 5px 0px 5px;font-size:12px;text-decoration:none;color:#000;text-transform:lowercase;border-bottom:3px solid #000;}
.tx-srlanguagemenu-pi1 .normal a {display:block;margin:0;padding:0px 5px 0px 5px;font-size:12px;text-decoration:none;color:#363636;text-transform:lowercase;}
.tx-srlanguagemenu-pi1 .normal a:hover{color:#000;border-bottom:3px solid #000;}
.tx-srlanguagemenu-pi1 .inactive span{display:block;margin:0;padding:0px 5px 0px 5px;font-size:12px;text-decoration:none;color:#363636;text-transform:lowercase;opacity:0.5;}

/* 
-----------------------------------------------------------------------------
EXT:css_filelinks
-----------------------------------------------------------------------------*/
.filelinks div{padding-left:25px; background:url('/typo3/gfx/fileicons/default.gif') left top no-repeat;margin-bottom:10px;}
.filelinks span{display:block;}
.filelinks .filecount{display:none; margin-bottom:5px;} 
.filelinks a{color:#847a6c;text-decoration:none; }
.filelinks a:hover{text-decoration:underline;} 

/* Icons begin */

.filelinks .doc{background-image:url('../images/fileicons/doc.gif')!important;}
.filelinks .pdf{background-image:url('../images/fileicons/pdf.gif')!important;}
.filelinks .ppt{background-image:url('../images/fileicons/ppt.gif')!important;}
.filelinks .xsl{background-image:url('../images/gfx/fileicons/xsl.gif')!important;}
.filelinks .zip{background-image:url('../images/gfx/fileicons/zip.gif')!important;}

/*.filelinks .ai{background-image:url('/typo3/gfx/fileicons/ai.gif')!important;}
.filelinks .ani{background-image:url('/typo3/gfx/fileicons/ani.gif')!important;}
.filelinks .au{background-image:url('/typo3/gfx/fileicons/au.gif')!important;}
.filelinks .avi{background-image:url('/typo3/gfx/fileicons/avi.gif')!important;}
.filelinks .bmp{background-image:url('/typo3/gfx/fileicons/bmp.gif')!important;}
.filelinks .cdr{background-image:url('/typo3/gfx/fileicons/cdr.gif')!important;}
.filelinks .css{background-image:url('/typo3/gfx/fileicons/css.gif')!important;}
.filelinks .csv{background-image:url('/typo3/gfx/fileicons/csv.gif')!important;}
.filelinks .doc{background-image:url('../images/fileicons/doc.png')!important;}
.filelinks .dtd{background-image:url('/typo3/gfx/fileicons/dtd.gif')!important;}
.filelinks .eps{background-image:url('/typo3/gfx/fileicons/eps.gif')!important;}
.filelinks .exe{background-image:url('/typo3/gfx/fileicons/exe.gif')!important;}
.filelinks .fh3{background-image:url('/typo3/gfx/fileicons/fh3.gif')!important;}
.filelinks .flash{background-image:url('/typo3/gfx/fileicons/flash.gif')!important;}
.filelinks .folder{background-image:url('/typo3/gfx/fileicons/folder.gif')!important;}
.filelinks .gif{background-image:url('/typo3/gfx/fileicons/gif.gif')!important;}
.filelinks .htm{background-image:url('/typo3/gfx/fileicons/htm.gif')!important;}
.filelinks .html{background-image:url('/typo3/gfx/fileicons/html.gif')!important;}
.filelinks .ico{background-image:url('/typo3/gfx/fileicons/ico.gif')!important;}
.filelinks .inc{background-image:url('/typo3/gfx/fileicons/inc.gif')!important;}
.filelinks .java{background-image:url('/typo3/gfx/fileicons/java.gif')!important;}
.filelinks .jpg{background-image:url('/typo3/gfx/fileicons/jpg.gif')!important;}
.filelinks .js{background-image:url('/typo3/gfx/fileicons/js.gif')!important;}
.filelinks .max{background-image:url('/typo3/gfx/fileicons/max.gif')!important;}
.filelinks .mid{background-image:url('/typo3/gfx/fileicons/mid.gif')!important;}
.filelinks .mov{background-image:url('/typo3/gfx/fileicons/mov.gif')!important;}
.filelinks .mpeg{background-image:url('/typo3/gfx/fileicons/mpeg.gif')!important;}
.filelinks .mpg{background-image:url('/typo3/gfx/fileicons/mpg.gif')!important;}
.filelinks .pcd{background-image:url('/typo3/gfx/fileicons/pcd.gif')!important;}
.filelinks .pcx{background-image:url('/typo3/gfx/fileicons/pcx.gif')!important;}
.filelinks .pdf{background-image:url('../images/fileicons/pdf.png')!important;}
.filelinks .png{background-image:url('/typo3/gfx/fileicons/png.gif')!important;}
.filelinks .ps{background-image:url('/typo3/gfx/fileicons/ps.gif')!important;}
.filelinks .psd{background-image:url('/typo3/gfx/fileicons/psd.gif')!important;}
.filelinks .rtf{background-image:url('/typo3/gfx/fileicons/rtf.gif')!important;}
.filelinks .sgml{background-image:url('/typo3/gfx/fileicons/sgml.gif')!important;}
.filelinks .swf{background-image:url('/typo3/gfx/fileicons/swf.gif')!important;}
.filelinks .sxc{background-image:url('/typo3/gfx/fileicons/sxc.gif')!important;}
.filelinks .sxw{background-image:url('/typo3/gfx/fileicons/sxw.gif')!important;}
.filelinks .tga{background-image:url('/typo3/gfx/fileicons/tga.gif')!important;}
.filelinks .tif{background-image:url('/typo3/gfx/fileicons/tif.gif')!important;}
.filelinks .ttf{background-image:url('/typo3/gfx/fileicons/ttf.gif')!important;}
.filelinks .txt{background-image:url('/typo3/gfx/fileicons/txt.gif')!important;}
.filelinks .wav{background-image:url('/typo3/gfx/fileicons/wav.gif')!important;}
.filelinks .wrl{background-image:url('/typo3/gfx/fileicons/wrl.gif')!important;}
.filelinks .xls{background-image:url('../images/fileicons/xls.png')!important;}
.filelinks .xml{background-image:url('/typo3/gfx/fileicons/xml.gif')!important;}
.filelinks .xsl{background-image:url('/typo3/gfx/fileicons/xsl.gif')!important;}
.filelinks .zip{background-image:url('/typo3/gfx/fileicons/zip.gif')!important;}*/