/* CSS Document */

#veranstaltung
{
	width: 100%;
}

#veranstaltung table
{
	text-align: left;
	margin: 0 0 50px 0;
	width: 100%;
    float: left;
}

#veranstaltung th
{
	background-color: #004481;
	color: #FFFFFF;
	font-weight: bold;
}

#veranstaltung th,
#veranstaltung td
{
	padding: 4px 6px 4px 6px;
}

#veranstaltung .v_datum
{
	width: 15%;
}

#veranstaltung .v_dauer
{
	width: 15%;
}

#veranstaltung .v_ort
{
	width: 20%;
}

#veranstaltung .odd
{
	background-color: #fbfbfb;
}

#veranstaltung .even
{
	/*background-color: #E4E4E4;*/
}
#inhalt .bild a:hover,
#inhalt .bild a:focus{
    border-bottom: none;
}
#veranstaltung a,
#veranstaltung a:visited {
	text-decoration: none;
}

#veranstaltung table a,
#veranstaltung table a:visited {
}

#veranstaltung .datei {
	width: 100%;
	margin: 0 0 20px 0;
}

#veranstaltung .bild {
	margin: 0 0 20px 0;
    float: left;
    width: 100%;

}

#veranstaltung .zurueck {
	width: 100%;
	margin: 0 0 20px 0;
    float: left;
}

#veranstaltung .bild_entry img {
	max-width: 100%;
	max-height: 100%;
}

#veranstaltung .bild_entry {
    float: left;
    width: 23%;
    padding: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgb(234, 234, 234);
    margin-bottom: 10px;
    text-align: center;
    margin-right: 2%;
}
#veranstaltung .bild_entry:hover {
    background-color: rgb(220, 220, 220);
}
#veranstaltung .bild_entry.every_4_after{
    clear: left;
}

/**************************************************************************************************
 * 
 * #Media Queries
 * 
 *************************************************************************************************/
/**************************************************************************************************
 * Browser normal
 * 
 * Greater than 959 ()
 *************************************************************************************************/
@media only screen and (min-width: 960px)
{
}



/**************************************************************************************************
 * Browser schmal
 * Smartphone Landscape
 * Smartphone Portrait
 * 
 * Smaller than standard 960 (devices and browsers)
 *************************************************************************************************/
@media only screen and (max-width: 959px)
{
}



/**************************************************************************************************
 * Browser schmal
 * 
 * Tablet Portrait size to standard 960 (devices and browsers)
 *************************************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px)
{
}



/**************************************************************************************************
 * Smartphone Landscape
 * Smartphone Portrait
 * 
 * All Mobile Sizes (devices and browser)
 *************************************************************************************************/
@media only screen and (max-width: 767px)
{
    #veranstaltung .bild_entry{
        width: 48%;
    }
}



/**************************************************************************************************
 * Smartphone Landscape
 * 
 * Mobile Landscape Size to Tablet Portrait (devices and browsers)
 *************************************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px)
{
}



/**************************************************************************************************
 * Smartphone Portrait
 * 
 * Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
 *************************************************************************************************/
@media only screen and (max-width: 479px)
{
}