/*HTML Bibyana Stylesheet script */
 /*Autor Bibyana */
 
@import url(dropdown_main_navi.css);
@import url(lightbox_main.css);              
              

@font-face 
{
font-family: 'AlexBrushRegular';
src: url('AlexBrush-Regular-OTF.otf');
}
@font-face
{
font-family: 'MyHandsareHoldingYouRegular';
src: url(MyHandsareHoldingYou.ttf);    
} 
 
body
{
background-image: -webkit-linear-gradient(#f097dd 0%, white 100%);
background-image: -moz-linear-gradient(#f097dd 0%, white 100%);
background-image: -o-linear-gradient(#f097dd 0%, white 100%);
background-image: linear-gradient(#f097dd 0%, white 100%);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;
background-position: top;
margin: 0px;  
}

/* Hintergrund */

        .centerposwrap
        {
	height: 0px;
	width: 0px;
    position: absolute;
	left: 50%;
        }

    #oben
    {
	background: url(img/hibsoben.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 250px;
	position: relative;
	left: -580px;
	top: -50px;
    }

    #unten
    {
	background: url(img/hibsunten.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 250px;
	position: relative;
	left: 370px;
	top: -190px;
    }

/* Schriften */

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

    a:hover
    {
    text-decoration: underline;
    text-shadow: 5px 5px 7px #E32BE5;   
    }

    a img
    {
    
    }
       
    h1
    {
    font-family: AlexBrushRegular;
    color: #000000;
    font-size: xx-large;
    text-align: center;
    text-shadow: 5px 5px 7px #E32BE5;     
    }

    h2
    {
    font-family: AlexBrushRegular;
    color: #000000;
    font-size: x-large;
    text-shadow: 5px 5px 7px #E32BE5;   
    }
    
    h3
    {
    font-family: AlexBrushRegular;
    color: #000000;
    text-shadow: 5px 5px 7px #E32BE5;     
    font-size: x-large;
    text-align: center;
    }

/* Container */

    #container 
    {
	background-color: #FFFFFF;
    height: auto;
	width: 876px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding: 15px;
	-moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
    box-shadow: 2px 2px 5px #000000; 
    }

    #header_container
    {
	width: 865px;
	height: 258px;
	background-image: url(img/header.png);
    background-repeat: no-repeat;

    }

        .navi_container
        {
	width: 800px;
	height: 30px;
	font-family: AlexBrushRegular;
	background-color: ;
    position: relative;
	top: 195px;
	left: 45px;	   
        }


    #content_main_container
    {
	background: #FFF;
	width: 800px;
	height: auto;
	left: 45px;	
	
    }
  
        .content_main
        {
	width: 800px;
	height: auto;
	background-color: #FFF;
	left: 50px;
	position: relative; 
	font-family: MyHandsareHoldingYouRegular;
	line-height: 20px;
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;	
        }
    
        .content_fskja
        {
        width: 300px;
        height: 110px;
        background-color: #f097dd ;
        float: left;
        -moz-border-radius: 20px 20px 0px 0px;
        -webkit-border-radius: 20px 20px 0px 0px;
        border-radius: 20px 20px 0px 0px;
        box-shadow: 0px 2px 3px #000000;
        text-align: center; 
        font-size: x-large;
        padding-top: 50px; 
        }
    
        .content_fsknein
        {
        width: 190px;
        height: 110px;
        background-color: #E32BE5;
        float: right;
        -moz-border-radius: 20px 20px 0px 0px;
        -webkit-border-radius: 20px 20px 0px 0px;
        border-radius: 20px 20px 0px 0px;
        box-shadow: 0px 2px 3px #000000; 
        text-align: center;  
        font-size: x-large;
        padding-top: 50px;
        }
    
    
    
    
    #footer_main_container
    {
    width: 800px;
    height: 25px;
    background-image: -webkit-linear-gradient(white 0%, #f097dd 100%);
    background-image: -moz-linear-gradient(white 0%, #f097dd 100%);
    background-image: -o-linear-gradient(white 0%, #f097dd 100%);
    background-image: linear-gradient(white 0%, #f097dd 100%));
	left: 45px;
	position: relative;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 2px 3px #000000;   
    }