/* 
===================================================================================
 www.garbe.de.com
===================================================================================
*/

/* Farbschema 
----------------------------------------------------------------------------------- */

/*
Farbton (Element): #000000
Farbton (Element): #ffffff
*/

/* Reset 
----------------------------------------------------------------------------------- */

* {
   border: 0;
   margin: 0;
   padding: 0;		
}

/* Global
----------------------------------------------------------------------------------- */

html {
   background: #ffffff;
}

body {
   font-family: Verdana, Helvetica, Arial;
   color: #000000;
   line-height: 130%;
   text-align: center;
}

html>body {
   font-size: 11px;
}

h1 {
   font-size: 14px;
   font-weight: bold;
   line-height: 150%;
}

h2 {
   font-size: 12px;
   font-weight: bold;
   line-height: 150%;
}

h3 {
   font-size: 14px;
   font-weight: bold;
   line-height: 130%;
}

h4 {
   font-size: 24px;
   font-weight: normal;
   line-height: 130%;
}

a:link {
   color: #000000;
   text-decoration: none;
}

a:visited {
   color: #000000;
   text-decoration: none;
}

a:hover {
   color: #0033cc;
   text-decoration: none;	
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
----------------------------------------------------------------------------------- */

a:focus {
    outline: none;
}

/* Links 
----------------------------------------------------------------------------------- */

a.twitter:link, a.twitter:visited, a.twitter:active {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

a.twitter:hover, a.twitter:focus {
   border-bottom: 1px dotted #6dd9f6;
   color: #6dd9f6;
   font-weight: bold;
}

a.flickr:link, a.flickr:visited, a.flickr:active {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

a.flickr:hover, a.flickr:focus {
   border-bottom: 1px dotted #ff0084;
   color: #0063db;
   font-weight: bold;
}

a.meinvz:link, a.meinvz:visited, a.meinvz:active {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

a.meinvz:hover, a.meinvz:focus {
   border-bottom: 1px dotted #ff781e;
   color: #323232;
   font-weight: bold;
}

a.xing:link, a.xing:visited, a.xing:active {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

a.xing:hover, a.xing:focus {
   border-bottom: 1px dotted #d4d600;
   color: #005a5f;
   font-weight: bold;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
----------------------------------------------------------------------------------- */

img, a img {
	border: 0;
}

/* Layoutelemente (IDs)
----------------------------------------------------------------------------------- */

#container {
   margin: 45px auto;
   width: 400px;
}

#content {
   text-align: left;
}

#wetter {
   padding: 0 0 0 16px;
}

#wetteraktuell {
   float: left;
   padding: 28px 0;
   width: 100px;
}

#wettericon {
   float: left;
   width: 75px;
}

#wetterdetails {
   padding: 1px 0;
   width: 
}

#wettervorhersage {
   padding: 0 0 0 18px;
   width: 340px;
}

#wettervorhersage01 {
   float: left;
   text-align: center;
   width: 85px;
}

#wettervorhersage02 {
   float: left;
   text-align: center;
   width: 85px;
}

#wettervorhersage03 {
   float: left;
   text-align: center;
   width: 85px;
}

#wettervorhersage04 {
   float: right;
   text-align: center;
   width: 85px;
}

/* Layoutelemente (Klassen)
----------------------------------------------------------------------------------- */

.clearer {
   clear: both;
}

/* --- GROSS
.stunde {
   float: left;
   padding: 30px 13px;
}
.minute {
   padding: 30px 207px;
}
--- */

.stunde {
   float: left;
   padding: 15px 6px;
}
.minute {
   padding: 15px 103px;
}

.uhrzeit{
   background: url(../img/uhr/uhr.png) no-repeat;
}