/*  
Theme Name: Swiss Radar
Theme URI: 
Description: Custom Theme for Swiss Radar
Version: 1.0
Author: RHO 4 RHOdesign
Author URI: http://www.rhodesign.ch
*/





@font-face {
    font-family: 'LatoLight';
    src: url('fonts/Lato-Lig-webfont.eot');
    src: url('fonts/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Lig-webfont.woff') format('woff'),
         url('fonts/Lato-Lig-webfont.ttf') format('truetype'),
         url('fonts/Lato-Lig-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoRegular';
    src: url('fonts/Lato-Reg-webfont.eot');
    src: url('fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Reg-webfont.woff') format('woff'),
         url('fonts/Lato-Reg-webfont.ttf') format('truetype'),
         url('fonts/Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBold';
    src: url('fonts/Lato-Bol-webfont.eot');
    src: url('fonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Bol-webfont.woff') format('woff'),
         url('fonts/Lato-Bol-webfont.ttf') format('truetype'),
         url('fonts/Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}














/* ***************************************************
							Reset
*************************************************** */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
ol, ul {list-style: none;}
a img {border:none}
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}




/* ***************************************************
							Opera Fix
*************************************************** */
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/;
}





/* **************************************************
			      		Global styles
************************************************** */

html, body { 
width:100%;
height:100%;
}

body {
background: #ffffff;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 20px;
color:#323232;
font-weight: normal;
}

/* Images & Links */
a {color: #0098DC;text-decoration:none; }
a:hover {color: #00557B;text-decoration:none;}
a img {border: none;outline: none;}








/* **************************************************
			    		Main containers
************************************************** */

#wrap { 
width: 100%;
text-align: left; 
height:auto !important;
height:100%;
min-height: 100%;
position:relative;
z-index:0;
}

#innerwrap { 
width: 1245px;
text-align: left; 
position:relative;
z-index:0;
margin: 0px auto; 
}
	

#main {  

padding-bottom:200px;
width: 100%;
margin: 0px auto; 
}
#main2 {  
overflow: auto;
padding-bottom:310px;
width: 955px;
margin: 0px auto; 
}

.clear {clear: both;}





/* **************************************************
			    		Start Header
************************************************** */
#header { 
width: 955px; 
height: 180px;
position: relative;
margin: 0px auto; 
border-bottom: 2px solid #0097dc;
}

#logo {
width: 253px;
height: 82px;
position: absolute;
top: 70px;
right: 0px;
}




/* **************************************************
			    		Start Topnav
************************************************** */
	
#topnavigation {
width: 500px;
position: absolute;
left: 0;
top: 10px;
}
#topnavigation ul {
padding:0; 
margin:0;
list-style-type: none;
width: auto;
}
#topnavigation ul li {
float:left; 
}

#topnavigation a, #topnavigation ul li a:visited{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 15px;
text-transform: uppercase;
color: #0097dc;
text-decoration: none;
margin-right: 10px;
letter-spacing: 0.7px;
padding: 2px 4px;
}
#topnavigation ul li a:hover {
outline:0;
color: #00557A;
}

#topnavigation a.langactive {
background: #0098DC;
border: 1px solid #0098DC;
-webkit-border-radius: 5px;
border-radius: 5px; 
color: #FFF !important;
}





/* **************************************************
			    		Hauptnavigation
************************************************** */

.menu-hauptnavigation-container {
width: 660px;
position: absolute;
left: 0;
top: 70px;
margin: 0 auto;
display: block;
clear: both;
}
.menu-hauptnavigation-container ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu-hauptnavigation-container ul li{
float:left; 
}
.menu-hauptnavigation-container ul li a, .menu-hauptnavigation-container ul li a:visited{
font-family: 'LatoLight';
font-weight: 300;
font-size: 20px;
color: #828282;
line-height: 15px;
display: block;
text-decoration: none;
padding: 7px 10px;
margin: 0 20px 0 0;
}
.menu-hauptnavigation-container ul li a:hover {
outline:0;
background: #efefef;
border: 1px solid ##efefef;
-webkit-border-radius: 4px;
border-radius: 4px; 
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.menu-hauptnavigation-container ul li.current_page_item a, .menu-hauptnavigation-container ul li.current_page_parent a, .menu-hauptnavigation-container ul li.current-page-ancestor a{
background: #efefef ;
color: #00557b;
border: 1px solid ##efefef;
-webkit-border-radius: 4px;
border-radius: 4px; 
}


.single-news .menu-item-21 a,
.single-produktenews .menu-item-21 a {
background: #efefef;
color: #00557b !important;
border: 1px solid ##efefef;
-webkit-border-radius: 4px;
border-radius: 4px; 
}
	
.single-news .menu-item-21 ul.sub-menu,
.single-produktenews .menu-item-21 ul.sub-menu {
display: block;
width: 210px;
padding: 10px 0 0 2px;
margin: 0;
position: absolute;
}	
.single-news .menu-item-21 ul.sub-menu a,
.single-produktenews .menu-item-21 ul.sub-menu a {
color:#0098DC ;
}	
	
.single-produktenews  li.menu-item-101 a,
.single-news  li.menu-item-102 a{
color: #00557B !important;
font-weight:bold;
}
	
	
	
	
	
/* **************************************************
			    		Start Content
************************************************** */
	
#content { 
color: #323232;
font-size: 15px;
line-height: 20px;
margin:  0;
padding: 0;

}	
.full {width: 100%;}
.inner {width: 955px; margin: 0px auto !important;}
.small {width: 645px;float: left;padding: 40px 0 0 0 !important;}


.grayblock {
border-top: 25px solid #00557A;
background: #e5e5e5;
width: 100%;
min-width: 955px;
overflow: hidden;
}


#innercontent {
width: 955px !important;
margin: 0 auto !important;
display: block;
border-bottom: 10px solid #00557a;
padding: 40px 0 0 0;
display: block;
overflow: hidden;
}

.ubertitel {
font-family: 'LatoLight';
font-weight: 300;
font-size: 35px;
color: #0098DC;
display: block;
margin: 0 0 50px 0;
line-height: 40px;
}



#content p{
margin: 0px;
padding: 0px 0px 20px 0px;
}

#content h1 {
font-family: 'LatoLight';
font-weight: 300;
font-size: 35px;
color: #0098DC;
display: block;
margin: 0 0 25px 0;
line-height: 45px;
}

#content h2 {
font-family: 'LatoLight';
font-weight: 300;
font-size: 35px;
color: #0098DC;
display: block;
margin: 0 0 25px 0;
line-height: 45px;
}

#content h3, #content h3 a {
color: #00557B ;
font-size: 20px ;
line-height: 26px;
padding: 0;
margin: 0 0 5px 0;
font-family: Helvetica, Arial, sans-serif ;
font-weight: bold;
}

#content h4 {
color: #828282 ;
font-size: 20px ;
line-height: 26px;
padding: 0;
margin: 0 0 20px 0;

font-family: 'LatoLight';
font-weight: 300;
}


#content hr {
height: 2px !important;
border: 0;
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
margin: 0 0 25px 0;
background: url(images/linie.gif) repeat-x bottom;
}


#content ul,
#content ol {margin: 0 0 25px 0;}
#content ul li,
#content ol li{
padding: 7px 0;
border-bottom: 1px solid #DCDCDC;
}



/* LISTE MEMBER BEREICH */
.page-template-page_members-php #content ul li{
border-bottom: none !important;
background: url(images/linie.gif) repeat-x bottom;
width: 300px;
float: left;
margin-right: 30px;
font-weight: bold;
}

.page-template-page_members-php #content ul li.odd{
margin-right: 0px !important;
}

.page-template-page_members-php #content ul li a{ display: block; color: #00557B; padding: 10px 0 !important;}
.page-template-page_members-php #content ul li a:hover{ display: block; color: #0097DC;}
.page-template-page_members-php #content ul li a[href $='.pdf'] { background: url(images/sr-icon-pdf.png) no-repeat center right;margin: 0;}
.page-template-page_members-php #content ul li a[href $='.zip'] { background: url(images/sr-icon-zip2.png) no-repeat center right;margin: 0;padding-right: 30px !important; }




.headerbild{margin-bottom: 25px;}









.artikel {
display: block;
overflow: hidden;
background: url(images/linie.gif) repeat-x bottom;
margin: 0 0 25px 0;
padding: 0 0 10px 0;
}

.artikel h2, .artikel h2 a {
font-family: Helvetica, Arial, sans-serif ;
font-weight: bold;
color: #00557B ;
font-size: 20px !important;
line-height: 26px !important;
padding: 0;
margin: 0 0 10px 0 !important; 
}
.artikel h3 {
font-family: Helvetica, Arial, sans-serif ;
font-weight: regular !important;
color: #828282 !important;
font-size: 20px !important;
line-height: 26px !important;
padding: 0;
margin: 0 0 20px 0 !important; 
}












/*  Start News Startseite  */
.anreisser {
width: 280px;
height: 205px;
margin-right: 56px;
float: left;
background: url(images/linie.gif) repeat-x bottom;
position: relative;
}

.last {
width: 280px;
height: 200px;
float: right;
background: url(images/linie.gif) repeat-x bottom;
margin-right: 0px !important;
}

.big {
width: 955px;
background: url(images/linie.gif) repeat-x bottom;
padding: 50px 0;
margin: 0 0 90px 0;
}


.anreissercontent {color: #323232;}
.anreissercontent h2, .anreissercontent h2 a {
color: #00557B !important;
font-size: 20px !important;
line-height: 26px !important;
padding: 0;
margin: 2px 0 4px 0 !important;
font-family: Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
}
.anreissercontent h2 a:hover {
color: #0097dc !important;
}

.datum {font-family: Helvetica, Arial, sans-serif;font-size: 14px;color: #0098DC;}
.anreisser .mehrlink {font-family: Helvetica, Arial, sans-serif;font-size: 14px;color: #0098DC;}

/*  Ende News Startseite  */


.anreisser:last-of-type {

margin-right: 0px !important;

}
	
	







.productmore {
width: 280px;
height: 205px;
float: left;
background: url(images/linie.gif) repeat-x bottom;
position: relative;
color: #828282;
margin: 0 56px 20px 0;
}
.productmorelast {
margin-right: 0px !important;
}
.productmore h2 {
color: #00557B !important;
font-size: 20px !important;
line-height: 26px !important;
padding: 0;
margin: 2px 0 4px 0 !important;
font-family: Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
}
.producticon {
float: right;
height: 205px;
margin: 5px 0 0 15px
}













.thumb{
position: relative;
width: 140px;
height: 175px;
position: relative;
}
.thumb a .more  { visibility: hidden; opacity: 0.1;}

.thumb a:hover .more{ 
background: url(images/lupe.png) no-repeat center center;
position: absolute; 
top: 0;
left: 0;
width: 140px;
height: 100%;
visibility: visible;

opacity: 1;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}




















	
/* **************************************************
			    		Start Sidebar Right
************************************************** */
	
#right { 
width: 252px;
float: right; 
margin: 40px 0 50px 0;
padding: 0;
}

#right h2 {
font-family: 'LatoLight';
font-weight: 300;
font-size: 35px;
color: #0098DC;
display: block;
margin: 0 0 25px 0;
line-height: 45px;
}
	

#right ul {
list-style: none;
margin: 0 0 40px 0;
padding: 0;
}
	
#right li {
list-style: none;
margin: 0 0 15px 0px;
padding: 0 0 15px 0px;
background: url(images/linie.gif) repeat-x bottom;
color: #00557B ;
}
	
#right li a{
font-size: 15px;
color: #0098DC;
display: block;
}
#right li a:hover{
text-decoration: none;
color: #878A8C;
}

#right li a[href $='.pdf'] { 
background: url(images/sr-icon-pdf.png) no-repeat center right;
margin: 20px 0 0 0;
padding: 5px 0;
}

.righttitle{
color: #00557B;
font-size: 15px !important;
line-height: 20px;
padding: 0;
margin: 0 !important;
font-family: Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
}
.righttitle a{
color: #00557B !important;
}



 




/* ################ START LOGIN FORM RIGHT ################  */
#intern input{
width: 240px;
padding:3px 5px;
background: #efefef; 
border-top: 1px solid #c7c7c7; 
border-right: 1px solid #efefef; 
border-bottom: 1px solid #efefef; 
border-left: 1px solid #c7c7c7; 
}

#intern input:hover{
border-top: 1px solid #828282; 
border-left: 1px solid #828282; 
}

#intern input:focus	{ 
border-top: 1px solid #828282; 
border-left: 1px solid #828282; 
}

#intern form label{
margin: 5px 0; 
display:-moz-inline-box; /*for mozilla*/
display:inline-block; /*for Opera & IE*/
vertical-align:top;
color: #00557B;
font-size: 15px;
font-weight: bold;
}

#intern input.sendbutton	{ 
width:100px;  
padding:3px 5px; 
margin: 10px 0;
background-color: #0097dc;
color: #FFF;
font-size: 15px;
font-weight: bold;
border: 1px solid #0097dc;
-webkit-border-radius: 5px;
border-radius: 5px; 
font-family: Helvetica, Arial, sans-serif;
}

#intern input.backbutton:hover	{ 
background-color: #00557B;
border: 1px solid #00557B;
-webkit-border-radius: 5px;
border-radius: 5px; 
}

a.logout {
width:100px;  
padding:4px 14px !important; 
margin: 10px 0;
background-color: #0097dc;
color: #FFF;
font-size: 15px;
font-weight: bold;
border: 1px solid #0097dc;
-webkit-border-radius: 5px;
border-radius: 5px; 
font-family: Helvetica, Arial, sans-serif;
}
/* ################ ENDE LOGIN FORM RIGHT ################  */










	
/* **************************************************
			    		Start Footer
************************************************** */

#footer {
width: 100%;
overflow: hidden;
position: relative;
margin: -200px auto 0 auto;
clear:both;
height: 165px;
padding:  10px 0 25px 0;
}

#footer a{color: #0097dc;}
#footer a:hover{color: #00557b;}


#footercontent {
width: 955px;
margin: 0 auto;
overflow: hidden;
color: #9B9B9B;
font-size: 15px;
}
	

.left{
float: left;
width: auto;
margin-right: 35px;
}

.line {
height: 10px;
display: block;
background: #00557a;
margin: 0 0 25px 0;
}
	
	
	
	

















/* ################################## V E R S C H I E D E N E S  ################################## */

/* **************************************************
			    		Start Tabellen
************************************************** */

table{
width: 100% !important;	
margin: 15px 0 45px 0;
border-spacing: 0;
border-collapse: collapse;
}

td{
padding: 15px 0 5px 0;
border-spacing:0px !important;
vertical-align:top;
font-size: 15px;
line-height: 20px;
background: url(images/linie.gif) repeat-x bottom;
color: #323232;
overrflow: hidden;
}

td a{ display: block; color: #00557B;}
td a:hover{ display: block; color: #0097DC;}



.page-template-page_download-php #content td a[href $='.pdf'] { background: url(images/sr-icon-pdf.png) no-repeat center right;margin: 0;height: 35px;}
.page-template-page_download-php #content td a[href $='.zip'] { background: url(images/sr-icon-zip.png) no-repeat center right;margin: 0;height: 35px;}


table.produkt-top {margin-bottom: 10px;}

.tdpaddingtopnull {padding-top: 0px;}
.tdpaddingtopfive {padding-top: 5px; padding-bottom: 30px;}
.tdpaddingtop30 {padding-top: 30px !important; padding-bottom: 0px !important;}

.blue {color: #00557B;}

table.produkt td {color: #323232;}

table.noline {margin: 0 !important;}

table.noline td {background: none;}
td.noline {background: none;} 

table.noline td strong{
color: #00557B !important;
}




/* **************************************************
			    		Start Floats
************************************************** */
.alignleft{float: left;margin: 0 55px 20px 0;}
.alignright{float: right;margin: 0 0 20px 20px;}
.aligncenter{margin-left: auto !important;margin-right: auto !important;}








a.pfeil {
background: url(images/sr-icon-pfeil.png) no-repeat center right ;
display: block;
color: #0098DC;
height: 60px;
}