/*!
 * blaulachs.netzwerkstatt (http://www.blaulachs.de)
 * Copyright 2015 Henning Bruhn
 */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800); 
/*@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
*/


html {
/*	overflow-y: scroll;*/
	position: relative;
	min-height: 100%;
}
 
body {
  padding: 150px 0 0 0!important;
  margin: 0 0 40px 0!important;
  font-family: 'Open Sans', 'sans-serif'!important;
}

.container {
    max-width: 998px;
    padding: 0;
}


.content-offset {
	padding-left: 55px;
}

h2 {
	font-size: 1.4em;
	color: ##000;
    font-weight: 700;

}

h3 {
	font-size: 1.2em;
	color: ##000;
	margin-bottom: 10px;
    font-weight: 700;
}

h4,
h4 a {
	 font-size: 1em;
	color: #000;
	font-weight: bold;
}

dt{
	font-size: 1.1em;
}

.logo {
    float: right;
    margin-right: 20px;
    margin-top: 30px;
}

.navbar  h1.navbar-brand {
    font-size: 1.5em;
    font-weight: 700;
    color: #000!important;
    padding-left: 35px;
    padding-top: 40px;
    text-transform: uppercase;
}

.navbar-header{
    position: relative;
    width: 100%;
    margin: 0 0 10px 0;
}

.navbar-default {
    border-bottom: none;
    background-color: aqua;
}



#ccv img.photo {
    margin-left: -15px;
    margin-top: 25px;
}

.devider {
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom: 2px dotted #000;
}

.abstand-oben {
	margin-top: 20px;
	}

.panel-heading a.accordion-toggle{display:block}
.panel-heading .accordion-toggle:after{
	font-family:'Glyphicons Halflings';
	content:"\e114";
	float:right;
	color:grey;
}
.panel-heading .accordion-toggle.collapsed:after{
	content:"\e080";
}



.panel-body li,
.panel-body dd {
	margin-bottom: 15px;
}


li em,
dd em {
	font-weight: bold;
}

.panel-body ol {
	padding: 0;
	margin: 0 0 0 15px;
}

.panel-body ul ul  {
	padding-top: 15px;
}

/********
Boostrap �beschreibungen
****************/

.navbar-default {
  background-color: #fff!important;
  background-repeat: repeat-x;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}


@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: #fff;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	}
	.navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-nav .open .dropdown-menu > li > a:focus {
		background-image: none;
	}
}
@media (min-width: 768px) {
    .container {
        width: 998px;
    }

    .navbar-nav {
		float: left;
		/*margin: 0 0 0 0!important;*/
	}
	.navbar-nav > li {
		float: left;
	}
	.navbar-nav > li > a {
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
        border-bottom: 1px solid transparent
	}

	.navbar-nav {
        background-image: url("../img/bg_header.jpg");
        background-repeat: no-repeat;
        height: 50px;
        width: 998px;
        margin: 0 0 0 0!important;
        padding: 15px 0 0 15px;
	}

	.navbar-nav > li  {
		padding-left: 20px;
		padding-right: 0;
	}

	.navbar-nav > li a.active  {
		background-color: transparent;
   /*     border-bottom: 1px solid #fff;*/
	}

	.navbar-nav > li > a {
		padding: 0;
		line-height: 20px;
		color: #fff!important;
		font-weight: 700;
		text-shadow: none;
		display: inline;
	}

	.navbar-nav > li:after {
		content: "|";
		padding: 0 0 0 20px;
		color: #fff!important;
	}
		.navbar-nav > li.end:after {
		content: "";
		padding: 0 0 0 20px;
		color: #fff!important;
	}



.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
	color: #fff;
	background-color: transparent!important;
	text-decoration: none;
	/*border-bottom: 1px solid #fff;*/
}

.navbar-nav >  a:hover {
	color: #fff;
	background-color: transparent!important;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

}


/*#back-to-top{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:9999;
	width:45px;
	height:45px;
	display:block;
	cursor:pointer;
	border: 1px solid transparent;
}

#back-to-top:hover{border: 1px solid #c0c0c0;}
#back-to-top i{color:#fff}*/

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

.footer {
	 position: absolute;
  bottom: 0;
	width: 100%;
	min-height: 40px;
	padding-top: 20px;
	padding-left: 60px;
	background-color: #98B7CB;
}

.footer h3,
.footer a,
.footer p {
	color: #08182E;
    font-weight: normal;
}

.footer h3 {
    font-size: 1em;
    margin-top: 0;
}


@media print {
 
      body {
        margin: 0!important;
        padding: 0!important;
        line-height: 1.4em;
        word-spacing: 1px;
        letter-spacing: 0.2px;
        font: 13px Arial, Helvetica,"Lucida Grande", serif;
        color: #000;
    	}
	
   	.navbar {
   		display: block!important;
   		position: static!important;
   		margin: 0!important;
        padding: 0!important;
  		 } 	
   
   
		.navbar  h1.navbar-brand {
    		font-size: 1.5em;
    		font-weight: 700;
    		color: #000!important;
    		margin: 0!important;
        	padding: 0;
    		padding-left: 20px;
    		padding-top: 0;
    		text-transform: uppercase;
		}
		
		.navbar-default {
			height: auto;

		}
		
		.logo {
			display: none;
		}
		
		img.photo {
				display: block;
				padding-left: 20px;
    			margin-left: 0;
    			margin-top: 0!important;
    			margin-bottom: 40px;
			}
			
		.content-offset {
			padding-left: 15px;
		}
		
		#publications .collapse {
			display: block !important;
  			visibility: visible!important;
			overflow: visible !important;
			height: auto !important;
			}
			
		#publications .panel-body ul{
			margin: 0!important;
        	padding: 0!important;
        	list-style: none;
			}
			
			#publications .panel-body ul ul{
			padding: 0 0 0 20px!important;
			}
			#publications .panel-body ul ul li{
			padding: 10px 0 0 0;
			line-height: 1.2em;
			}
		
		.panel {
			border: none;
		}	
		.panel-heading .accordion-toggle:after{
			font-family:'Glyphicons Halflings';
			content:"";
			float:right;
			color:grey;
		}
		.panel-heading .accordion-toggle.collapsed:after{
			content:"";
		}
			
		.navbar-toggle {
			display: none;
		}
		
	.footer {
		display: none;
		}
}