@import url(http://fonts.googleapis.com/css?family=Crimson+Text);

body, table, form, td { font-family:Arial; font-size:10pt; color:#000066;}
.top {font-family: 'Crimson Text', sans-serif;
      font-style: normal;
      font-weight: 500;
	  font-size:42px; color:white;
	  margin-top:20px; margin-bottom:20px;
	  display:block;}
	  
h1 {font-family: 'Crimson Text', sans-serif;
      font-style: normal;
      font-weight: 400;
	  font-size:23px; color:#000066;
	  line-height:22px;
	  margin:0px; padding:0px;}
	  
	  h2 {font-family: 'Crimson Text', sans-serif;
      font-style: normal;
      font-weight: 400;
	  font-size:23px; color:#ffffff;
}

ul,li {margin-left:10px; padding:0px;}
	  
.keys {display:inline-block; font-family:Arial; font-size:8pt; color:#fff;}
	a {		
		color:#000066;
		text-decoration:none;
		font-family:arial;
		font-weight:normal;
		font-size:10pt;		}
	
	a:hover {		
		color:#a11d2a;
		text-decoration:underline;
		font-family:arial;
		font-weight:normal;
		font-size:10pt;		}
		
	hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #383789;
 border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

.spalteweiss {
max-width:245px;
min-height:350px;
display:inline-block;
float:left;
background:white;
border:1px solid white;
border-radius:10px;
padding-top:10px;
padding-left:15px;
padding-right:10px;
padding-bottom:10px;
margin-right:10px;
text-align:left;
margin-bottom:20px;
}

.rspalteweiss {
max-width:245px;
min-height:350px;
display:inline-block;
background:white;
border:1px solid white;
border-radius:10px;
padding-top:10px;
padding-left:15px;
padding-right:10px;
padding-bottom:10px;
margin:0px;
text-align:left;

}



.blau {
float:left;

max-width:420px;
min-height:350px;
display:inline-block;
background:#ffffff;
border:1px solid #ffffff;
border-radius:10px;
padding:10px;
margin-right:8px;
margin-bottom:10px;
text-align:center;
}

.bgreisen {
width:100%;
height:225px;
display:inline-block;
padding:0px;
margin-top:0px;
margin-bottom:10px;
border:0px solid #000;

background-repeat: no-repeat; 
background-position:top center;
text-align:center;
}

.bgreisen img {width:100%;}

/* Media Queries
***********************/







@media screen and (min-width: 990px) and (max-width: 1300px){
.blau {max-width:39%;}

}

@media screen and (min-width: 806px) and (max-width: 990px){
.blau {max-width:28%;}

}

@media screen and (min-width: 690px) and (max-width: 805px){
.blau {max-width:23%;}

}

@media screen and (max-width: 689px) {
body,table,td {font-size:1.3em; background:none;}
.bgfixed {background:none;}
h1, .top  {font-size:1.4em; line-height:1.5em;}
a {font-size:1.0em;}
li {margin-top:20px;}
.blau, .spalteweiss, .rspalteweiss   {display:inline-block; max-width:90%; min-width:90%; background:none; background:#e8e8e8; border:none; margin-top:10px; margin-right:10px; margin-left:10px; margin-bottom:10px;}
.keys { font-size:0.8em;}
}