@charset "utf-8";
/* CSS Document 
aludeckel.de
individuelle Ergänzungen zu bootstrap.css
(c) Michi 2015
*/

/* no screen jumping */
html {
	overflow-y: scroll;
}

body {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-top: 70px;
}

/* Containerbreite begrenzen, damit sich nicht alles auflöst */
.navbar, .navbar-default, .container, .container-fluid {
	max-width:1200px;
}
/* navbar-fluid entspricht container-fluid = zentriert navbar in Browser-Seite */
.navbar-fluid {
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}

#slider-wrapper {
	margin: 0 auto;
}

hr {
	border-color: #ccc;
}

.laenderliste table {
 border-width:0;
 border-style: none;
 border-color: transparent;
 border-collapse:collapse;
 margin:0 auto 0 auto;
 padding:0;
 text-align:left;
 vertical-align: middle;
 direction:ltr;
 width:auto;
 height:auto;
 display:table;
 float:none;
 font-family:'Arial','Arial',sans-serif;
 font-size:inherit;
 font-style:normal;
 font-weight:normal;
}
.laenderliste tr {
 vertical-align:middle;
 height:auto
}
.laenderliste th {
 text-align:left;
 vertical-align:middle;
 border-width:0 0 3px 0;
 border-style:solid;
 border-color: #ccc;
 height:30px;
 padding:0 5px;
}

.laenderliste td { 
 text-align:left;
 vertical-align:middle;
 border-width:0;
 border-style:none;
 border-color: transparent;
 height:30px;
 padding: 0 5px ;
}

.laenderliste .land {text-align: center;}
.laenderliste .deck {text-align: right;}

.vernissage-1 {
	top:10px !important; 
	left: 24% !important;
}
.vernissage-2 {
	top:10px !important; 
	left: 34% !important;
}

.aluindex p {font-size:18px; line-height:100%; margin-bottom:30px;}
.aluindex a {text-decoration: none;}

@media all and (min-width: 361px) {
	.vernissage-1 {
		top:10px !important; 
		left: 36% !important;
	}
	.vernissage-2 {
		top:10px !important; 
		left: 42% !important;
	}
}
@media all and (min-width: 480px) {
	.aluindex p {font-size:24px; line-height:110%; margin-bottom:40px;}
}
@media all and (min-width: 768px) {
	.aluindex p {font-size:24px; line-height:115%; margin-bottom:50px;}
}
@media all and (min-width: 1100px) {
	.vernissage-1 {
		top:10px !important; 
		left: 300px !important;
	}
	.vernissage-2 {
		top:10px !important; 
		left: 333px !important;
	}
	.aluindex p {font-size:32px; line-height:115%; margin-bottom:50px;}
}
p.vernissage-1,
p.vernissage-2 {
	font-size: 10px !important;
}

img {
	margin-bottom:5px;
}

.kuba p {
	font-size: 16px;
}

.at {
	margin-top: 2px;
	padding: 1px;
}

.datenschutz h4 {
	margin-top: 20px;
}