/* ------------------------------------------------------- css Styles für www.andispeck.com -------------------------------------------------------------- */


/* ------------------------------------------------------------------------- ALLGEMEIN ------------------------------------------------------------------------------ */

/* WICHTIG nullen der Tags */
* { margin: 0; padding: 0; }
article, footer, header, nav, section { display: block; }

html, body { background: #e1dfdf; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #000000; line-height: 1.4em; margin: 0; padding: 0; }

.fl { float: left; }
.fr { float: right; }

.clearer { clear: both; font-size: 0px; line-height: 0px; height: 0px; }

img { border: 0; }

h2,.h2 { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #000000; font-weight: bold; padding: 0; margin: 0; }

p { padding: 0 ; margin: 0; }

a, a:hover  { color: #000000; text-decoration: none; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
a:hover { opacity: 0.5; }

ul { text-align: left; padding: 0; margin: 0 0 0 10px; }
ul li { list-style: disc; }


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------- CONTENT ------------------------------------------------------------------------------- */

.wrapper { width: 800px; padding: 100px 0 0 200px; margin: 0; }
header { width: 800px; }

nav { padding: 15px 0 0 0; }
nav ul { margin: 0; }
nav ul li { float: left; width: 85px; list-style: none; margin: 0; }
nav ul li a { font-family: Helvetica, Arial, sans-serif; color: #000000; }

.contentAreaHome { padding: 60px 0 0 0; display: none; }
/*small browser limitation */
@media only screen 
and (max-height:820px)
{
.contentAreaHome img { height: 500px; }

}

@media only screen 
and (max-height:730px)
{
.contentAreaHome img { height: 430px; }

}

@media only screen 
and (max-height:660px)
{
.contentAreaHome img { height: 360px; }

}

.contentArea { padding: 56px 0 0 0; display: none; }




#contentAreaHomeTest { height: 500px; padding: 60px 0 0 0; }


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------- IMG FADER ------------------------------------------------------------------------------ */

.blend { width: 800px; height: 00px; overflow: hidden; }
.blend img { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */