@charset "utf-8";
/**
* @version 1.0
* @author http://www.eventlokal.net
* @copyright Copyright (C) 2012 Lokal für Werbung und Event GmbH All rights reserved
*/

 /** Allgemeine Formatierungen Responsive Design **/
 
 [class*="span"] {
 	margin: 0px;
 }
 
 p {margin: 0px;}
 
 
/** Kleinere Displays **/
 
@media (max-width: 1195px){ 


}

@media (min-width: 1170px){
	
}

@media (max-width: 1170px){
    
    div#content {margin-bottom: 350px;}
    div#footerPic iframe {height: 300px;}
    div#footerPic img {width: 2560px; height: 300px;}
    
    figcaption {font-size: 150%; line-height: 120%;}
    div#workLink {left: 42%; top: 45%;}
}


/** Laptops **/
 
@media (max-width: 980px){
div#mainMenu ul.menu li {line-height: 70px;}
div#mainMenu ul.menu li a {font-size: 110%; letter-spacing: 0.5px;}
div#subMenu ul.menu li {width: 150px; height: 40px; margin-right: 20px;}
div#subMenu ul.menu li a {line-height: 40px;}

figcaption {font-size: 110%; line-height: 120%;}

div#footer {font-size: 80%;}

div#workLink {left: 40%; top: 45%;}


}

/** Tablets **/
@media (max-width: 770px){ 


}



@media (min-width: 728px) and (max-width: 770px) {


}


/** Smartphones quer **/
 
@media (max-width: 727px){


}


/** Smartphones hoch **/
 
@media (max-width: 467px){ 


}




/* Landscape phones and down / Landscape phone to portrait */
@media (min-width: 100px) and (max-width: 727px) {
    
    .noMobile {display: none ! important;}
    .justMobile {display: block ! important;}

    body, td, th { font-size: 115%; }

	body {padding: 0px;}
    div#containerMiddle {padding: 0% 5%; margin-top: 0px;}

    div#containterTop {position: relative; background-color: transparent; float: left; padding: 0% 5%; width: 90%;}
    
    div#mainMenu {height: auto;}
    div#mainMenu ul.menu li {display: block; line-height: 220%; background-color: #007f21; width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px;}
    div#mainMenu ul.menu li a {font-size: 130%;}
    div#mainMenu ul.menu li.divider {display: none;}

    div#subMenu ul.menu li {width: 100%; margin-bottom: 10px;}
    div#subMenu ul.menu li a {font-size: 110%;}

    div#content {margin-bottom: 0px;}

    div#bottomContainer {display: none;}

    div#footer {font-size: 80%;}

    .item {margin-bottom: 5%;}
    .items-row {margin-bottom: 0%;}
    .pull-left.item-image {margin-bottom: 5%;}
    .items-row .span3 .item img, .items-row .span3 .item figure {width: 100%;} {width: 100%;}

    figcaption {font-size: 200%;}
    .caption {font-size: 200% ! important; line-height: 130% ! important;}

}