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

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

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

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

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

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

html {
   background: #000000;
}

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

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

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

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

h3 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 15px;
   font-weight: bold;
   line-height: 130%;
}

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

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

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

a:hover {
   border-bottom: 1px solid #0033cc;
   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 {
   border: none;
   color: #e9e9e9;
   font-weight: bold;
   text-decoration: none;
}

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

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

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

a.facebook:link, a.facebook:visited, a.facebook:active {
   border: none;
   color: #e9e9e9;
   font-weight: bold;
   text-decoration: none;
}

a.facebook:hover, a.facebook:focus {
   border-bottom: 1px solid #3b5998;
   color: #3b5998;
   font-weight: bold;
}

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

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

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

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

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

img, a img {
	border: 0;
}

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

#container { 
   position: absolute;
   top: 30px;
   right: 20px;
   width: 200px;
}

#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;
}

/* Supersized
----------------------------------------------------------------------------------- */

img{ border:none; }
	
#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/supersized/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }		/*Quality*/
		
#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
#supersized a.prevslide { z-index:-20; }
#supersized a.activeslide { z-index:-10; }
#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
	
/*Controls Section*/
#controls-wrapper { margin:0 auto; height:62px; width:100%; bottom:0; left:0; z-index:4; background:url(../img/supersized/nav-bg.png) repeat-x; position:fixed; }
#controls { overflow:hidden; height:100%; text-align:left; z-index:5; padding:0 114px; /* Increase padding to give thumbnails room */ }
#slidecounter { float:left; color:#888; font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 -1px 0; margin:19px 10px 18px 20px; }
#slidecaption { overflow:hidden; float:left; color:#FFF; font:16px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 2px 0; margin:23px 20px 23px 0; }
#navigation { float:right; margin:10px 20px 0 0; }
	
/*Thumbnail Navigation*/	
#nextthumb,#prevthumb { z-index:6; display:none; position:fixed; bottom:12px; height:75px; width:100px; overflow:hidden; background:#ddd; border:2px solid #fff; -webkit-box-shadow:0 0 5px #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:10px; }
#navigation > :hover,#nextthumb:hover, #prevthumb:hover { cursor:pointer; }