/*--------------------------------------------------
RESPONSIVE CSS
-------------------------------------------------- */
/* Large desktop */
@media screen and (min-width: 1020px) {
.container-fluid  .row-fluid {max-width: 1020px;}

body, div.container, div.span6, div.span3, div.header, div.blau_linie_unten  {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
.contentcontainer, div.logo {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

/* Portrait tablet to landscape and desktop */
@media screen and (min-width: 768px) and (max-width: 1020px) {
body, div.container, div.span6, div.span3, div.header, div.blau_linie_unten  {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	div.span6, div.span3, div.logo {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
 
  div.navi ul.desktop li {
		padding: 5px 21px 5px 21px;
		border-left: none;
	}
	
	div#modal, div#overlay  { display: none !important; }
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px) {
body {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	div.span6, div.span3, div.logo {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	div#modal, div#overlay  { display: none !important; }
	
	div.weisse_linie {
		margin: 0; 
	}
}

/* Landscape phones and down */
@media screen and (max-width: 480px) {
}

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