/*abstaende*/
.abstand-links-null {padding-left:0px;}
.abstand-rechts-null {padding-right:0px;}
.abstand-oben-null  {padding-top:0px;}
.abstand-unten-null  {padding-bottom:0px;}
.abstand-hoehe-null {padding-top:0px;padding-bottom:0px;}
.abstand-breite-null {padding-left:0px;padding-right:0px;}
.abstand-breite-null.con {padding-left:0px;padding-right:0px;padding-top:0px;}
.abstand-all-null {padding:0px;}


/*bootstrap override*/  
/*navi*/   
#menu ul.nav > li > a {color:white;}
#menu ul.nav > li > a:hover, .nav > li > a:focus {color:#e14e29;}
#menu ul.nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
}

/*allgemein*/
.row {}
div.seitenintro {}
h1.seitenheadline {margin-bottom:0px;}
hr {border-top:1px solid #005daa;margin-top:30px;margin-bottom:30px;}
/*.blog-box {margin-bottom:24px;}*/

/*header*/
#navigation .container-fluid {background-color:#005daa;}
.minilogo {margin-top: 3px;}
.breadcrumb {background-color:white;}


/*boxen startseite*/
.date {color:red;}
.project-box {
margin-top:15px;
margin-bottom:15px;
padding-left:0px;
padding-right:0px;
}
.project-caption {
    display:block;
    background-color: #005daa;
    /*margin: 12px;*/
    padding: 15px;
    color: white;
}
.project-caption h3 {margin:0px;}
.project-caption a {color:white;}

/*toggle*/
h2.head {background-color:#e7eff6;padding:15px;cursor:pointer;}
h2.head a.collapsed::before {
    content: url("/templates/screendriver/images/selectArrowDown.png");
    float: right;
    margin-top: -6px;
    margin-right: 12px;
    font-size: 30px;
    font-weight: 400;
    color: #599ebe;
}
h2.head a.collapsed.uff::before {
    content: url("/templates/screendriver/images/selectArrowUp.png");
    float: right;
    margin-top: -6px;
    margin-right: 12px;
    font-size: 30px;
    font-weight: 400;
    color: #599ebe;
}


/*footer*/	
#footer .container-fluid {background-color:#005daa;}
#footer ul {padding:10px 0px;}
#footer ul li {list-style-type:none;}
#footer ul li a, #footer a {color:white; font-size:18px; text-decoration:underline;}





@media screen and (max-width:1800px)
{

}
@media screen and (max-width:1400px)
{

}	
@media screen and (max-width:1200px)
{
/*body   {background-color:cyan;}*/

}
@media screen and (max-width:991px)
{
/*body {background-color:gold;}*/
}
@media screen and (max-width:767px)
{
/*body  {background-color:tomato;}*/
.intro img{width:60%;}
/*mobilnavi*/
.nav > li > a {padding: 15px;}
.minilogo {margin-left: 15px;}
}
@media screen and (max-width:480px)
{
/*body{background-color:green;}*/
.intro img{width:70%;}
}