<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=yes" />
	<title>kasoé Schaukelpferde &amp; andere Tumulte</title>
	
	<style type='text/css'>
        /* VERSION 2.7.2 */
        
            @import url(https://fonts.googleapis.com/css?family=Pacifico|Playfair+Display|Carter+One|Special+Elite|Pacifico);
        html,
        body {
            margin:0;
            padding:0;
            height:100%;
            font-size:100%;
        }
        #wrapper {
            min-height:100%;
            position:relative;
        }
        #header {
            padding:10px;
        }
        #content {
            padding-bottom:100px; /* Height of the footer element */
        }
        #footer {
            width:100%;
            height:60px;
            line-height:60px;
            position:absolute;
            bottom:0;
            left:0;
            text-align: center;
        }
        #logo {
            max-width: 100%;
            height: auto;
            text-align: center;
        }
        img, object, embed, canvas, video, audio, picture {
            max-width: 100%;
            height: auto;
        } 
        div.bloc {
            width:80%; /* largeur du bloc */
            padding:10px; /* aération interne du bloc */
            vertical-align:middle;
            display:inline-block;
            line-height:1.2; /* on rétablit le line-height */
            text-align:center; /* ... et l'alignement du texte */ 
        }
        .wpm_social {
            padding: 0 45px;
            text-align: center;
        }
        @media (max-width: 640px) {
          body {
            font-size:1.2rem;
          }
        }
        @media (min-width: 640px) {
          body {
            font-size:1rem;
          }
        }
        @media (min-width:960px) {
          body {
            font-size:1.2rem;
          }
        }
        @media (min-width:1100px) {
          body {
            font-size:1.5rem;
          }
        }
        /* On ajoute les styles */
        #logo {
    text-align: center;
}

a:link {color: #888888;text-decoration: none;}
a:visited {color: #888888;text-decoration: none;}
a:hover, a:focus, a:active {color: #888888;text-decoration: none;}

.cptR-rec_countdown {
    position: relative;
    background: ;
    display: inline-block;
    line-height: 100%;
    min-height: 60px;
    text-transform: uppercase;
    text-align:center;
    margin: 0.5em auto;
}
#header {
    background: #f1f1f1;
}

#wpm-cpt-day, #wpm-cpt-hours, #wpm-cpt-minutes, #wpm-cpt-seconds {
    color: #333333;
    display: block;
    font-size: 40;
    height: 40px;
    line-height: 18px;
    text-align: center;
    float:left;
    margin:0.3em;
    padding:0px;
}
#wpm-cpt-days-span, #wpm-cpt-hours-span, #wpm-cpt-minutes-span, #wpm-cpt-seconds-span {
    color: #333333;
    font-size: 10px;
    padding: 25px 5px 0 2px;
}

.wpm_horizontal li {
    display: inline-block;
    list-style: none;
    margin:5px;
    opacity:1;
}
.wpm_horizontal li:hover {
    opacity:0.5;
}

.wpm_social {
    padding: 0 45px;
    text-align: center;
}
.wpm_newletter {
    text-align:center;
}
#countdown {
    clear:both;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}body { background-color: #f1f1f1; }
.wpm_social_icon {
    float:left;
    width:16px;
    margin:0px 5px auto;
}
.wpm_social ul {
    margin: 10px 0;
    max-width: 100%;
    padding: 0;
    text-align: center;
}
         
.wpm_newletter {font-size: 18px;font-style: ;font-weight: normal;font-family: Pacifico, serif;}
h3 {font-family: Pacifico, serif;font-size: 40px;font-style: ;font-weight: normal;color:#888888;
    line-height: 100%;
    text-align:center;
    margin:0.5em auto;
}
p {font-family: Playfair+Display, serif;font-size: 18px;font-style: ;font-weight: normal;color:#888888;            
    line-height: 100%;
    text-align:center;
    margin:0.5em auto;
    padding-left:2%;
    padding-right:2%;
    
}            
div.bloc {font-family: Carter One, serif;font-style: ;font-size: 12px;font-weight: normal;color: #FFFFFF;
    text-decoration:none;
}
div.bloc a:link {color:#FFFFFF;font-size: 12px;   
    text-decoration:none;
}
div.bloc a:visited {color:#FFFFFF;font-size: 12px; 
    text-decoration:none;
}
div.bloc a:hover {
    text-decoration:underline;font-size: 12px;
}
#wpm-cpt-day, #wpm-cpt-hours, #wpm-cpt-minutes, #wpm-cpt-seconds {}
.cptR-rec_countdown {font-size:40px;font-family: Special+Elite, serif;
}

@media screen and (min-width: 200px) and (max-width: 480px) {

    .cptR-rec_countdown {font-size:24px;}
    div.bloc {font-size: 9.6px;}
    #wpm-cpt-day, #wpm-cpt-hours, #wpm-cpt-minutes, #wpm-cpt-seconds {
        /*width:20%;*/
    }

}
@media (max-width: 640px) {
    .cptR-rec_countdown {font-size:20px;
        text-align:center;
    } 
    #wpm-cpt-day, #wpm-cpt-hours, #wpm-cpt-minutes, #wpm-cpt-seconds {
        /*width:20%;*/
        text-align:center;
    }
}

                
            
        /* no WYSIJA Style */
    </style>

	<!--[if lt IE 7]>
		<style type="text/css">
			#wrapper { height:100%; }
            div.bloc { display:inline; /* correctif inline-block*/ }
            div.conteneur > span { zoom:1; /* layout */ }
		</style>
	<![endif]-->
	
    
</head>

<body>

	<div id="wrapper">
		
		<div id="header">
            
		</div><!-- #header -->
		
		<div id="content">
            <div id="logo"><img src="http://www.kasoeart.de/wp-content/plugins/wp-maintenance/images/default.png" width="310" height="185" alt="kasoé Schaukelpferde &amp; andere Tumulte" title="kasoé Schaukelpferde &amp; andere Tumulte" /></div>
            <h3>new website coming soon!</h3>
            <p>Hello! I am kaso an artist living and working in Berlin, Germany.

Currently I am redesigning my website!


</p>
            
                <div id="countdown">
                    <script language="JavaScript">
                        TargetDate = "05/15/2016 05:10 PM";
                        BackColor = "";
                        FontSize = "40";
                        ForeColor = "#333333";
                        Disable = "0";
                        UrlDisable = "http://www.kasoeart.de";
                        FontFamily = "Special+Elite";
                        CountActive = true;
                        CountStepper = -1;
                        LeadingZero = true;
                   DisplayFormat = '<div id="wpm-cpt-day">%%D%%<br /><span id="wpm-cpt-days-span">Days</span></div><div id="wpm-cpt-hours">%%H%%<br /><span id="wpm-cpt-hours-span">Hours</span></div><div id="wpm-cpt-minutes">%%M%%<br /><span id="wpm-cpt-minutes-span">Minutes</span></div><div id="wpm-cpt-seconds">%%S%%<br /><span id="wpm-cpt-seconds-span">Seconds</span></div>';
                    FinishMessage = "&nbsp;";
                    </script>
                <script language="JavaScript" src="http://www.kasoeart.de/wp-content/plugins/wp-maintenance/js/wpm-cpt-script.js"></script>
                </div>
            
            <div id="wpm-social-footer" class="wpm_social"><ul class="wpm_horizontal"><li><a href="https://www.facebook.com/Kaso%C3%A9-203034103126100/?fref=ts" target="_blank"><img src="http://www.kasoeart.de/wp-content/plugins/wp-maintenance/socialicons/16x16/facebook.png" alt="Follow me on Facebook"  title="Follow me on Facebook" /></a></li></ul></div>
		</div><!-- #content -->
		
		<div id="footer">
            <div class="bloc"></div>
            <span></span>
		</div><!-- #footer -->
		
	</div><!-- #wrapper -->
	
</body>

</html>