@CHARSET "UTF-8";
/**
 * Stylesheet for seeqgrafix.de
 * 
 * @author Karin Kohlbrenner-Lange
 * @copyright Copyright ©2012, Karin Kohlbrenner-Lange seeQgrafix
 * 
 */

/* ******************** Layout *********************** */
div#guckloch
{
    position: absolute;
    
    top: 100px;
    left: 50px;
    
    width: 396px;
    height: 299px;
    
    background-color: #ffffff;
    
    box-shadow: 1px 1px 5px #333;
    
    -moz-box-shadow: 1px 1px 5px #333;
    -webkit-box-shadow: 1px 1px 5px #333;
    -khtml-box-shadow: 1px 1px 5px #333;
    
    z-index: 0;
}

div#guckloch img
{
    position: absolute;
    top: 0;
    right: 0;
    
    z-index: 1;
}

button.gNavButton
{
    position: absolute;
    border: none;
    width: 30px;
    height: 30px;
    
    cursor: pointer;
}
button#right
{
    bottom: -40px;
    right: 40%;
    background: url('../img/bt_vor.png') center center no-repeat;
}
button#left
{
    bottom: -40px;
    left: 40%;
    background: url('../img/bt_zurueck.png') center center no-repeat;
}

div#guckloch noscript
{
    font-family: 'MyriadStd Tilt', Helvetica, Arial, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
    color: #e5c600;
    display: block;
    font-size: 3em;
    text-align: center;
    padding-top: 3em;
}
h1
{
    color: #008eb7;
}

h2
{
	text-align: right;
	margin: 3em 0 3em 0;
	padding-top: 0.5em;
}
/* ******************** List style ******************** */

div#content ul
{
    list-style: none;
}
div#content li
{
    margin-bottom: 0.4em;
}