/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* html5 + CSS 3 Template created by miss monorom  http://intensivstation.ch 2013 */

/* reset */
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* render html5 elements as block 
   rendert html5 elemente als block  */

header, footer, section, aside, nav, article { display: block;}

body {
min-height: 2000px;
padding-top: 70px;
overflow-x: hidden; /* Prevent scroll on narrow devices */
}

.customOverflowFix {
	overflow-x: hidden;
}

html {
overflow-x: hidden; /* Prevent scroll on narrow devices */
}

pre, code {
font-size: 1.3em;
}

a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1, h2 {
font-size:1.8em;
font-weight: normal;
margin: 0 0 20px;
}

img.download {vertical-align:middle;}


/* ----------------- content--------------------- */
section#content {
	background-color: #ffffff;
	min-height:600px;
	padding:20px;
}

p, pre{
padding:  0 0 20px;
line-height:1.5em;
}

/* -------------- navigation------------- */
.sidebartoggle {
	visibility: hidden;
}


/* -------------- side infos ------------- */
aside{
float: right;
width: 250px;
padding:20px;
}
/* -----------footer--------------------------- */
footer {
padding:20px;
clear: both;
border-top:5px solid #ccc;
text-align:center;
font-size: 0.85em;
}



/* */
#navigation
{
	float: left;
	width: 100%;
  	text-align: center;
	margin: 0px 0px 10px 0px;
}

#navigation ul
{
	margin: 0;
	padding: 0;
    margin-left: auto;
    margin-right: auto;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	margin: 3px 3px 3px 0px;
	background: #333;
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	width: 120px;
}

#navigation li a:hover { background: #383; }

/* side nav*/

.categories_navigation
{
	float: left;
	width: 100%;
	text-align: left;
	background-color: #B1B1B1;
	overflow:hidden;
	padding-top:10px;
}

.categories_navigation ul
{
	margin: 0;
	padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.categories_navigation ul li
{
	list-style-type: none;
	display: inline;
}

.categories_navigation li a
{
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	padding: 2px 10px;
	color: #000;
	text-decoration: none;
	width:100%;
	border-bottom:dotted 1px #c5c5c5;
}

/*.categories_navigation li a:hover { background: #383; }*/


.categories_navigation_opened
{
	float: left;
	width: 100%;
	text-align: left;
	overflow:hidden;
}

.categories_navigation_opened ul
{
	margin: 0;
	padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.categories_navigation_opened ul li
{
	list-style-type: none;
	display: inline;
}

.categories_navigation_opened li a
{
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	padding: 2px 20px;
	color: #000;
	text-decoration: none;
	width:100%;
	border-bottom:dotted 1px #c5c5c5;
	padding-top:10px;
	padding-bottom:10px;
}

.categories_navigation_opened li a:hover {
	background-color: #DDD;
}

.arrow {background:url(../img/arrowbullet.png) no-repeat 0px 0px; width:12px; height:12px; float:left; margin:3px 10px 2px 0px;}


#form_error {
	color: #F00;
}


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -60%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -60%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 60%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 60%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 60%; /* 6 columns */
  }
    
  .sidebartoggle {
	visibility: visible;
  }
}