body{
font-family: Tahoma, Verdana, sans-serif;
color:#555;
font-size:13px;
line-height:25px;
background:#f3f3f3;
}

h1,h2,h3,h4,h5,h6{
font-family: 'Dosis', sans-serif;
font-weight:normal;
padding:0px;
margin:0px;
color:#888;
}

#top {
background-image: url(../images/logolayout2.gif);
background-repeat: no-repeat;
background-position: center center;
background-color: #808080;
min-height: 100px;
}

#top img {
	padding-top:5px;
	padding-bottom:5px;
}

/* Main */

.main{
margin-bottom:10px;
}

.whity{
background:#fff;
}

.main blockquote{
border-left:0px;

}

.main blockquote p,.main blockquote small{
font-size:12px;
padding-left:30px;
line-height:23px;
}

.main h1 {
background:#0072c6;
color: #fff;
padding: 6px 6px 6px 15px;
}

/* Sidebar */

.widget h3 {
font-size:24px;
margin-bottom:8px;
cursor:pointer;
padding-bottom:8px;
border-bottom:1px solid #0072c6;
color: #fff;
}

.widget ul{
list-style-type:none;
margin:0px;
margin-left:-40px;
}

.widget li{
padding:4px 0px;
border-bottom:1px dashed #ddd;
}

.widget a, .widget a:visited, .widget a:hover{
color:#fff;
text-decoration:none;
}

.widget {
padding:10px 0px;
}

/* Navigation */

.navi {
background:#0072c6;
}
.navi ul {
background:#0072c6;
}
.navi ul li {
display: inline;
}
.navi ul li a {
color: #fff;
padding: 0px 16px 0px 0px;
}

/* Unwetterliste */

.unwetterliste div.unwetter {
position: relative;
display: inline-block;
width: 162px;
border: 0px solid #a0c2f6;
padding: 2px;
line-height: 17px;
min-height: 220px;
height: 220px;
overflow: hidden;
}
.unwetterliste div.bild {
width: 156px;
border: 1px solid #ccc;
padding: 2px;
min-height: 106px;
}
.unwetterliste div.bild img {
width: 150px;
}
.unwetterliste div.ort {
font-weight: bold;
min-height: 18px;
}
.unwetterliste div.koord {
font-size: 80%;
font-style: italic;
}
.unwetterliste div.datum {
font-size: 80%;
}

.unwetterliste div.slideshow {
overflow: hidden;
height: 100px;
}

div.unwetter div.comment {
display: none;
position: absolute;
width: 156px;
height: 182px;
bottom: 20px;
border: 1px solid #ccc;
background: #f8f8f8;
font-size: 80%;
font-style: italic;
padding: 3px;
line-height: 12px;
}

div.unwetter div.comment-btn {
z-index: 5;
background: #eee;
position: absolute;
width: 16px;
height: 16px;
top: 1px;
right: 5px;
}
div.unwetter div.comment {
z-index: 5;
background: #eee;
}

div.unwetter div.edit-btn {
z-index: 5;
background: #eee;
position: absolute;
width: 18px;
height: 16px;
top: 1px;
right: 19px;
}

div.unwetter div.delete-btn {
z-index: 5;
background: #eee;
position: absolute;
width: 20px;
height: 16px;
top: 1px;
right: 37px;
padding-left: 5px;
}

/* Map */
#map .info, #map .coords {
padding: 6px 8px;
background: rgba(255, 255, 255, 0.8);
border-radius: 5px;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
width: 120px;
}

#map .coords .btn {
color: white;
padding: 3px;
font-size: 100%;
}

/* Navbar */

.navbar {
	min-height: 0px;
}

.__navbar-collapse {
	padding-left: 0px;
}

.navbar-nav>li>a {
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-default .navbar-toggle {
	border-color: #f8f8f8;
}
.navbar-toggle {
	padding: 0px 0px;
}

.navbar-header a.btn {
	float: left;
	background-color: #e64400;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 2px 7px;
}

/* Unwettermeldung */
.cpyinfo {
color: #b94a48;
}

/* Main body */
.container {
	max-width: 1000px;
}

#warnung {
/*
position: absolute;
top: 30px;
left: 0;
margin-left: auto;
right: 0;
margin-right: auto;
width: 100%;
max-width: 300px;
opacity: 0.80;
border-radius: 5px;
border: 3px solid #0072c6;
z-index: 10;
*/
display: none;
padding: 5px;
background: #fff;
font-weight: bold;
}

.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 999px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	background: red;
	cursor: inherit;
	display: block;
}
input[readonly] {
	background-color: #eee !important;
	cursor: text !important;
}

/* Footer */
footer {
	border-top: 3px solid #0072c6;
	background: #808080;
}

@media screen and (-webkit-device-pixel-ratio: 2) {
	#top {
		background-image: url(../images/skywarn@2x.png);
		-webkit-background-size: 301px 90px;
		min-height: 90px;
  }
}