﻿/*------------------------------------*\
	#OVERRIDE STLES
	This style sheet can be used for two different functions:
	1. Override specific Bootstrap styles.
	2. Add your own styles.
\*------------------------------------*/

/**
 * Padding-top is required if using .navbar-fixed-top.
 * This can be removed Remove if using .navbar-static-top.
 * The height may need to be changed if the height of you
 * navigation changes.
*/




/**
 * Bootstrap requires a containing element to wrap site contents 
 * and house the grid system. You may choose one of two containers.
 * Use .container for a responsive fixed width container.
 * Use .container-fluid for a full width container.

 * If using container-fluid, you may need to set a maximum width, 
 * so that the container will not spread to the entire viewport.
*/

.container-fluid { max-width: 1100px; }



/**
 * We can add some "helper classes" to add or remove margins to
 * help aspects of the layout. These helper classes should only
 * be used sparingly.
*/

.margin-t-0 { margin-top: 0; }
.margin-t-h { margin-top: .5em; }
.margin-t-1 { margin-top: 1em; }
.margin-t-2 { margin-top: 2em; }
.margin-t-3 { margin-top: 3em; }
.margin-b-0 { margin-bottom: 0; }
.margin-b-h { margin-bottom: .5em; }
.margin-b-1 { margin-bottom: 1em; }
.margin-b-2 { margin-bottom: 2em; }
.margin-b-3 { margin-bottom: 3em; }

.margin-tb-0
{
	margin-top: 0;
	margin-bottom: 0;
}

.margin-tb-h
{
	margin-top: .5em;
	margin-bottom: .5em;
}

.margin-tb-1
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.margin-tb-2
{
	margin-top: 2em;
	margin-bottom: 2em;
}

.margin-tb-3
{
	margin-top: 3em;
	margin-bottom: 3em;
}

.col-lg-12 {
    width: 100%;
    text-align: center;
    background-color: rgba(254, 254, 254, 0.49);
    padding-top: 10px;
    border-radius: 5px;
}
.col-lg-12 a{
color: #333;
text-decoration: none;
}
p.footer {
    width: 97%;
    text-align: center;
    background-color: rgba(254, 254, 254, 0.49);
    padding-top: 10px;
    border-radius: 5px;
}
p.footer a{
color: #333;
text-decoration: none;
}




/* für bildergalerie klein */
.thumb3
    {
    width:49%;
    
    margin: 3px 0px 3px 8px;
    padding: 2px;
    float: left;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color:  #477da1;text-align:center;
    }

    .thumb3 a img {
    width:95%;
    
    border : 0 none;

    position:relative    }

.thumb2
    {
    width:22%;

    margin: 3px 0px 3px 8px;
    padding: 2px;
    float: left;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color:  #477da1;text-align:center;
    }

        div.thumb2 td a
    {
    text-decoration:none;
    color: #000;
    }

    .thumb2 a img {
    width:100%;
    border : 0 none;

    position:relative    }

/* für bildergalerie zwischenseite */
.thumb_zs{
	    display: block;
    width: 24%;
    margin: 3px;
    padding: 3px;
  float: left;
      background-color: transparent;
			 min-height: 200px;
}
.thumb_zs a img {
    border: 0px none;
    text-decoration: none;
    width: 100%;
    height: 120px;
    }


.thumb {
    display: block;
    width: 24%;
    margin: 3px;
    padding: 3px;
float: left;
    background-color: transparent;
    min-height: 185px;
}

.thumb a img {
    border: 0px none;
    text-decoration: none;
    width: 100%;
    max-width: 153px;
}
.t_box {
    font-family: verdana,sans-serif;
    font-size: 8pt;
    text-align: left;
    line-height: 1em;
        width: 99%;
        margin-top: 10px;
}

.clear {
overflow: 100%;
clear: both;				
}
    .ausb img{
    display:none
				
}
.panel-body img {
width:30%;
margin: 0 10px 10px 0;
float:left;		
}

.col-sm-4 .well H5 {
clear:both;
    font-size: 11px;
    text-transform: uppercase;
    text-align: right;
    color: #3b3635;
    background-color: #90897A;
    bottom: 0px;
    padding: 10px 15px;
    margin: 10px;
    font-style: normal;
}
.well a .uhg1 {
float: right;
width: 20px;
height: 20px;
margin: -3px 0px 15px 15px;			
}
/* Logos bei Linkliste */

div#linkliste img{
width:100%;
}

/* Bilder bei Versanstaltungen */
.img-ver img{
max-width:100%;
display: block;
margin: auto;
}


@media screen and (min-width: 640px) and (max-width: 1024px) {
/* für bildergalerie zwischenseite */
.thumb_zs{
	    display: block;
    width: 31%;
    margin: 3px;
    padding: 3px;
  float: left;
      background-color: transparent;
			 min-height: 200px;
}
.thumb_zs a img {
    border: 0px none;
    text-decoration: none;
    width: 100%;
    
}


.thumb {
    display: block;
    width: 32%;
    margin: 3px;
    padding: 3px;
   float: none;
    background-color: transparent;
    min-height: 175px;
}

.thumb a img {
    border: 0px none;
    text-decoration: none;
    width: 100%;
    max-width: 153px;
}

}

@media screen and (min-width: 360px) and (max-width: 640px) {

/* für bildergalerie zwischenseite */

.thumb_zs {
    display: block;
    clear: both;
    width: 99%;
    margin: 3px;
    padding: 3px;
    background-color: transparent;
      min-height: 240px;
        float: none;
}

.thumb_zs a img {
    border: 0px none;
    text-decoration: none;
    width: 99%; 
    text-align:center; 
height: 100%;
    }



.thumb {
    display: block;
    clear: both;
    width: 95%;
    margin: 3px;
    padding: 3px;
  float: none;
      background-color: transparent;
    min-height: 200px;
}

.thumb a img {
    border: 0px none;
    text-decoration: none;
    width: 100%;
    }

}


@media screen and (max-width: 359px) {
/* für bildergalerie zwischenseite */
.thumb_zs {
    display: block;
    width: 100%;
    margin: 3px;
    padding: 3px;
    background-color: transparent;
      min-height: 240px;
        float: none;
}

.thumb_zs a img {
    border: 0px none;
    text-decoration: none;
    width: 99%;  

    }


.thumb {
    display: block;
    width: 100%;
    margin: 3px;
    padding: 3px;
    background-color: transparent;
      min-height: 240px;
        float: none;
}

.thumb a img {
    border: 0px none;
    text-decoration: none;
    width: 100%;  
max-width: 245px;
    }
.t_box {
position:absolute;
max-width: 95%;

}
.thumb3 {
    margin: 3px 0px 3px 8px;
    padding: 2px;
    float: left;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: #477DA1;
    text-align: center;
    width: 100%;
}

.thumb2 {
    width: 22%;
    margin: 3px 0px 3px 8px;
    padding: 2px;
    float: left;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: #477DA1;
    text-align: center;
}
}


