/* ********************************************************************** */
/*  STANDARD/DEFAULT CONTENT STYLE
/* ********************************************************************** */
/*********************************************/
    /**********************************************/
    /* CSS Definitions MAIN  */
    /**********************************************/
        
    /**********************************************/
    /* Color definitions
    Resin orange: rgb(251,190,94)  / #FBBE5E
        Resin green: rgb(136,195,120)  / #88C378
        Resin red: rgb(237,109,132)
        Resin blue: rgb(63,192,240)
        Resin grey: rgb(124,123,123)
 
        Sidebar grey: #F1F1F1

        Bg Dark (footer and active box): rgb(61,61,61)
        Grey heading: resin grey
        Light grey sub headin: rgb(198,198,198) / #C7C7C7
        gery bewteen menu : #E3E5E4
 
        font-family: 'Roboto', sans-serif;
        font-family: 'Roboto Slab', serif;

    */
    
/* ********************************************************************** */
/* GENERAL  */
/* ********************************************************************** */
::-moz-selection { background:rgb(233,237,244) !important; color:black !important; text-shadow: none; }
::selection { background:rgb(233,237,244) !important; color:black !important; text-shadow: none; }

/* ********************************************************************** */
/* STANDARD CONTENT ELEMENTS */
/* ********************************************************************** */
.standard_content_style {font-family: 'Roboto', sans-serif; line-height:1.55em; color:rgb(100,100,100);}
.standard_content_style p{font-size:1.05em;   margin: 0 15px 15px 15px; /*added some new styles*/}

.standard_content_style em{font-style:italic; color:inherit;}
.standard_content_style strong{font-weight:bold; color:inherit;}
.standard_content_style sub{color:inherit;}
.standard_content_style sup{color:inherit;}
.standard_content_style strike{text-decoration: line-through;}
.standard_content_style u{text-decoration:underline;}

.standard_content_style img{height:auto;}

.standard_content_style h1{text-transform: uppercase; font-family: 'Roboto Slab', serif; font-size:30px; color:rgb(136,195,120); letter-spacing:1px; line-height:1.3em; /*font-weight:bold*/ }
.standard_content_style h2{ text-transform: uppercase;font-family: 'Roboto Slab', serif; font-size:26px; color:rgb(136,195,120); letter-spacing:1px; line-height:1.3em; /*font-weight:bold;*/ }
.standard_content_style h3{text-transform: uppercase;font-size:1.3em; color:rgb(124,123,123); letter-spacing:1px; line-height:1.3em; font-weight:bold;}
.standard_content_style h4{text-transform: uppercase;font-size:1.3em; color:rgb(124,123,123); letter-spacing:1px; line-height:1.3em; font-weight:bold;}
.standard_content_style h5{text-transform: uppercase;font-size:1.0em; color:black; letter-spacing:1px; line-height:1.3em; font-weight:bold;}
.standard_content_style h6{font-size:18px; line-height:1.6em; }

.standard_content_style a{color:rgb(136,195,120); background-color:transparent; text-decoration:underline;}
.standard_content_style a:link {color:rgb(136,195,120);}
.standard_content_style a:visited {color:rgb(136,195,120);}
.standard_content_style a:hover {background-color:rgb(136,195,120); color:white;}
.standard_content_style a:active {}
.standard_content_style a img{border:none; background-color:transparent;}
.standard_content_style a:hover img{}
.standard_content_style a > span{color:inherit; background-color:inherit;}

.standard_content_style ul{ overflow:hidden; padding-left:1.0em;  list-style-type: none; padding: 0px; margin: 0px;}
.standard_content_style ul li { line-height: 1.7;margin-left: 1.2em; color: rgb(124,123,123);   background-image: url(../images/arrow-bullet.png); background-repeat: no-repeat; background-position: 0px 5px;/*0px center*/ padding-left: 15px; } .standard_content_style ol{ overflow:hidden; padding-left:1.0em;}
.standard_content_style ol li{ line-height: 1.7;margin-left:1.3em; }

.standard_content_style table{margin-top: 10px;  margin-bottom: 10px;}
.standard_content_style table caption{font-size: 0.8em;}
.standard_content_style table summary{}
.standard_content_style table thead{}
.standard_content_style table tbody{}
.standard_content_style table tr{}
.standard_content_style table tr th{font-size:1em}
.standard_content_style table tr td{font-size:1em;    padding-top: 10px;  padding-bottom: 10px;}

.standard_content_style hr{ border:1px solid rgb(140,140,140); border-width:1px 0 0 0;}

.standard_content_style div{}
.standard_content_style span{}
.standard_content_style blockquote {}
.standard_content_style blockquote p{font-size:1.4em; line-height:1.3em; font-weight:normal;}

.standard_content_style pre{font-family:Courier, monospace;}

.standard_content_style dl{}
.standard_content_style dl dt{}
.standard_content_style dt dd{}

/* ********************************************************************** */
/* Typo3 Override
/* ********************************************************************** */
.csc-default {margin-top: 25px; margin-bottom: 25px;}
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {float: none;}
/* ********************************************************************** */
/* Block level elements
/* ********************************************************************** */
.standard_content_style p,
.standard_content_style h1,
.standard_content_style h2,
.standard_content_style h3,
.standard_content_style h4,
.standard_content_style h5,
.standard_content_style h6,
.standard_content_style ul,
.standard_content_style ol,
.standard_content_style table,
.standard_content_style hr,
.standard_content_style blockquote,
.standard_content_style pre,
.standard_content_style dl {margin:0 15px 15px 15px;}


/* ********************************************************************** */
/* ADDITIONAL STANDARD CLASSES */
/* ********************************************************************** */

/* alignment */
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.align-justify{text-align:justify;}


/* ********************************************************************** */
/* HEADINGS */
/* ********************************************************************** */
.standard_content_style h1.gray_header{ font-family: 'Roboto Slab', serif;  font-size:30px; color:rgb(124,123,123); letter-spacing:1px; line-height:1.3em;  }
.standard_content_style h1.orange_header{ font-family: 'Roboto Slab', serif;  font-size:30px;  color:rgb(251,190,94); letter-spacing:1px; line-height:1.3em;}
.standard_content_style h1.red_header{ font-family: 'Roboto Slab', serif;  font-size:30px;  color:rgb(237,109,132); letter-spacing:1px; line-height:1.3em;  }
.standard_content_style h1.blue_header{ font-family: 'Roboto Slab', serif;  font-size:30px;  color:rgb(63,192,240); letter-spacing:1px; line-height:1.3em; }
.standard_content_style h1.green_header{ font-family: 'Roboto Slab', serif;  font-size:30px; color:rgb(136,195,120); letter-spacing:1px; line-height:1.3em; }



/* ********************************************************************** */
/* RESPONSIVE LAYOUT: IMAGES, CONTENT, MAIN NAVIGATION : MOVE
/* ********************************************************************** */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	nav#main_navigation {margin-left:0px; width: 85%; }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {    
	footer #sitemap_box nav.sitemap ul#footer_sitemap li.sitemap_nav_1{display:block; margin-bottom: 10px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	nav#main_navigation { margin-top: 1px;  width: 100%; margin-left: 0px;   display: table;}
}




/* highres devices */
@media screen and (-moz-min-device-pixel-ratio:1.5),
screen and (-o-min-device-pixel-ratio:3/2),
screen and (-webkit-min-device-pixel-ratio:1.5),
screen and (min-device-pixel-ratio:1.5){}

img, embed, object, video {
	max-width: 100%;
	height: auto;
	width: auto;
}