/* General Settings
-------------------------------- */
html,
body {
	overflow-x: hidden; /* Prevent scroll on narrow devices */
	height: 100%;
}
body {
	padding-top: 10px;
	background-color: #fcfeff;
}

a {
	color: #0565a0;
}

a#link {
	color: #fff;
}

h1{
	color: #0565a0;
	font-size: 150%;
}

h2{
	color: #0565a0;
}

h3{
	font-size: 16px;
	color: #000;
	hyphens: auto; 
    text-align: justify;
	line-height: 30px;
}

h5{
	text-align: right;
	font-size: 15px;
	color: #000;
}

h4{
	font-size: 15px;
	color: #000;
}

#participants_logo{
	width: 15%;
	margin-right: 100px;
}

#table{
	margin: 20px 0 0 0;
	border: 0px solid #000;
}

#table_commitee{
	margin: 20px 0 0 0;
	border: 0px solid #000;
	width: 100%;
}

.pub_block{
	margin: 15px 0 30px 0;
}

td{
	padding: 0 20px 10px 0 !important;
}

#pic{
	padding: 0 0 10px 0;
}

.row{
	padding: 0 0 30px 0;
}

#center_profil{
	margin: 5% 0 0 0;
}

#block{
	hyphens: auto; 
    text-align: justify;
		line-height: 25px;
}




/* List Design
-------------------------------- */

.list-type2{
width:80%;
margin: 40px 0 0 0;
}

.list-type2 ol{
counter-reset: li;
list-style: none;
*list-style: decimal;
font-size: 15px;
font-family: 'Raleway', sans-serif;
padding: 0;
margin-bottom: 4em;
}

.list-type2 ol ol{
margin: 0 0 0 2em;
}

.list-type2 a{
position: relative;
display: block;
padding: .4em .4em .4em 2em;
*padding: .4em;
margin: .5em 0;
background: #308bc3;
color: #fff;
text-decoration: none;
transition: all .2s ease-in-out;
}

.list-type2 a:hover{
background: #fff;
text-decoration:none;
transform: scale(1.1);
color: #308bc3;
}

.list-type2 a:before{
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background:#308bc3;
height: 2em;
width: 2em;
line-height: 2em;
border: .1em solid #fff;
text-align: center;
font-weight: bold;
color:#FFF;
}


/* Pontiac Logo
-------------------------------- */
#headline{
	padding-bottom: 5%;
	text-align: center;
}

#pontiac_logo{
	width: 20%;
	padding-top: 5%;
	padding-left: 3%;
	}

#pontiac{
	width: 70%;
	padding-top: 5%;
	}

	
	
	
/* Navigation
-------------------------------- */
#sidebar{
	padding-top: 260px;
}




/* Sticky footer styles
-------------------------------- */

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	background-color: #308bc3;
	color: #000;
	padding: 10px 0;
	}




	
	/* Große Geräte (Desktop-PCs, 1200px und breiter) 
-------------------------------------------------- */
@media screen and (max-width: 1200px) {

	/* Navigation
	-------------------------------- */
	#sidebar{
		padding-top: 180px;
	}
	


}	
	
	
	
	

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) 
-------------------------------------------------- */
@media screen and (max-width: 992px) {

	/* Navigation
	-------------------------------- */
	#sidebar{
		padding-top: 130px;
	}
	
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  
 .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }
	
}	





/* Kleine Geräte (Tablets, 768px und breiter) Menu Wechsel
-------------------------------------------------- */
@media screen and (max-width: 767px) {

.btn-group-xs > .btn, .btn-xs {
	padding: 8px 12px !important;
	margin: 0 20px 0 0;
	font-size: 15px;
	}

	#sidebar{
		padding-top: 35%;
	}
	
	body {
	padding-top: 10px;
	background-color: #d6ebf8;
	}
	
#pic{
	width:50%;
	}

/* Off Canvas
-------------------------------- */
  .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: -50%; /* 6 columns */
  }

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

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

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

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
  
  .list-group{
	  width: 220px !important;
  }
}