/*CSS for www.rogerio.ch BY www.dunkel.be | 2012 */

/* colors Rogerio.ch */
/*
ROGERIO DARK BLUE: #262B33 / rgba(38, 43, 51, 1)
ROGERIO LIGHT BLUE: #9FA0AD / rgba(159, 160, 173, 1)
*/

/**************** RESET STYLES IS A GOOD THING *************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {display: block;}

a img {border: 0;}

figure {position: relative;}
figure img {width: 100%;}
/**********************************************************************************************************************/
@font-face {
    font-family: 'PTSansRegular';
    src: url('/fonts/pts55f-webfont.eot');
    src: url('/fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pts55f-webfont.woff') format('woff'),
         url('/fonts/pts55f-webfont.ttf') format('truetype'),
         url('/fonts/pts55f-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 { /*reset for mobile browsers */ font-weight: normal; }

/*** DEFAULT 1024 PX WIDTH LAYOUT FOR DESKTOP, ALL OTHER LAYOUTS INHERIT STYLES FROM THIS LAYOUT **********************/
/**********************************************************************************************************************/
* {margin: 0; padding: 0;}
body {text-align: center; font: normal 100% Helvetica, Arial, sans-serif; /* color: #9FA0AD; */ background-color: #262B33; line-height: 1.38em; -webkit-tap-highlight-color: rgb(225, 225, 225); background: url(/images/background.jpg) repeat #262B33;}

::selection 	 	{background: rgb(225, 225, 225);}
::-moz-selection 	{background: rgb(225, 225, 225);}
img::selection 		{background: transparent;}
img::-moz-selection {background: transparent;}

#wrapper {margin: auto; /* Div zentrieren */ top: 0px; width: 65%; text-align: center; /* background-color: gray; */}
img { border:none; max-width: 100%; padding-top: 20px;}

footer {margin-top: 30px; font-size: 0.75em;}

/******************** Typography presets ******************************************************************************/
/**********************************************************************************************************************/
h1 {font: normal 1.3em Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(0, 0, 0, 0.6);  text-shadow: 2px 2px 3px rgba(255,255,255,0.1); margin-bottom: 0.5em;}

p {font-size: 0.95em; /* 13 / 16 */ margin-bottom: 10px; color: rgba(0, 0, 0, 0.6); text-shadow: 2px 2px 3px rgba(255,255,255,0.1); padding: 0 10%;}

a {color: #000000; color: rgba(0, 0, 0, 0.6); text-shadow: 2px 2px 3px rgba(255,255,255,0.1); text-decoration: underline; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
a:hover, a:focus {color: rgba(159, 160, 173, 0.6);  text-shadow: none;}





/************* XXL LAYOUT FOR BIG SCREENS, FIXED WIDTH WRAPPER ********************************************************/
/**********************************************************************************************************************/
@media only screen and (min-width : 1524px) {

body {font-size: 120%; line-height: 1.5em;}
p {padding: 0 20%;}
}






/******************** MOBILE 480 PX WIDTH *****************************************************************************/
/**********************************************************************************************************************/
@media only screen and (max-width: 480px) {

#wrapper {width: 100%;}
h1 {font-size: 1em;}
}