@charset "iso-8859-1";

*
    {/* GLOBAL RESET */
    margin:0px;
    padding:0px;
    }

body
    {
	/*background-image:url();*/
	font-family:Courier New, monospace;
    }


/*
#########################################################################################
*/

#wrapper_center
    {
    position:absolute;
    top:50%;
    left:50%;
    width:900px;
    height:600px;
    margin-left:-450px;
    margin-top:-300px;
    /*background-color:green;*/
    }

#wrapper
    {
    margin:0px auto;
	text-align:center;
    height:100%;
    width:100%;
    /*background-color:green;*/
    }

#navigation_wrapper
    {
	float:left;
	width:315px;
	}

.right
    {
    float: right;
    clear:both;
    margin-bottom:20px;/*min 12px*/
    }

#nav
    {
    text-align:right;
	margin-top:30px;
	/*background-color:blue;*/
    }

#news
    {
    background: url(img/erbsenstern.png);
    background-repeat: no-repeat;
    text-align:center;
	float:left;
	margin-top:5px;
	min-height:140px;/*=100(200px)%-padding-top- padding*/
	padding:30px;
	/*padding-top:30px;*/
	width:255px;/*=100(315px)%-2x padding*/
    font-weight:bold;
    font-size:1.0em;
    /*background-color:red;*/
    }

#admin
    {
	/*vertical-align: top;*/
	z-index:100;
    height: 10px;
    width: 10px;
    position: relative;
    top: 155px;
    left: -22px;
    /*background: yellow;*/
    }

#content_wrapper
    {
	text-align:left;
	width:547px;
	/*height:600px;*/
	float:left;
	/*border-left: none; /*0px solid #ffffff;*/
	/*background-color:yellow;*/
    }

#login_wrapper
    {
    z-index:100;
    position:relative;
    top:460px;
    left:435px;
    margin:0px auto;
	text-align:center;
    height:139px;
    width:19px;
    /*background-color:green;*/
    }
/*
#########################################################################################
*/

img
    {border:none;}

a
    {text-decoration:none;}

a:focus
    {/* REMOVES DEFAULT A ACTIVE BORDER */
    outline:none;
    border:none;
    } 			

/*
#########################################################################################
*/

a#ortoloco
	{
    background: url(img/btn_ortoloco_offon.png);
    display: block;
    width: 307px;
    height: 71px;
	}
a#ortoloco:hover
	{background-position: 0 -71px;}

a#dasistortoloco
	{
    background: url(img/btn_dasistortoloco_offon.png);
    display: block;
    width: 300px;
    height: 15px;
	}
a#dasistortoloco:hover
	{background-position: 0 -15px;}

a#idee
	{
    background: url(img/btn_idee_offon.png);
    display: block;
    width: 113px;
    height: 19px;
	}
a#idee:hover
	{background-position: 0 -19px;}

a#abo
	{
    background: url(img/btn_abo_offon.png);
    display: block;
    width: 200px;
    height: 19px;
	}
a#abo:hover
	{background-position: 0 -19px;}

a#hintergrund
	{
    background: url(img/btn_hintergrund_offon.png);
    display: block;
    width: 155px;
    height: 19px;
	}
a#hintergrund:hover
	{background-position: 0 -19px;}

a#portrait
	{
    background: url(img/btn_portrait_offon.png);
    display: block;
    width: 109px;/*heisst: 179*/
    height: 19px;
	}
a#portrait:hover
	{background-position: 0 -19px;}

a#genossenschaft
	{
    background: url(img/btn_genossenschaft_offon.png);
    display: block;
    width: 300px;
    height: 15px;
	}
a#genossenschaft:hover
	{background-position: 0 -15px;}

a#kontakt
	{
    background: url(img/btn_kontakt_offon.png);
    display: block;
    width: 300px;
    height: 15px;
	}
a#kontakt:hover
	{background-position: 0 -15px;}

a#bilder
	{
    background: url(img/btn_bilder_offon.png);
    display: block;
    width: 300px;
    height: 15px;
	}
a#bilder:hover
	{background-position: 0 -15px;}

a#medien
	{
    background: url(img/btn_medien_offon.png);
    display: block;
    width: 300px;
    height: 15px;
	}
a#medien:hover
	{background-position: 0 -15px;}

a#downloads
	{
    background: url(img/btn_downloads_offon.png);
    display: block;
    width: 300px;
    height: 15px;
	}
a#downloads:hover
	{background-position: 0 -15px;}

a#links
	{
    background: url(img/btn_links_offon.png);
    display: block;
    width: 300px;
    height: 15px;
	}
a#links:hover
	{background-position: 0 -15px;}

a#myortoloco
	{
    background: url(img/btn_myortoloco_offon.png);
    display: block;
    width: 19px;
    height: 139px;
	}
a#myortoloco:hover
	{background-position: -19px 0;}

/*
#########################################################################################
SLIDING PANELS
#########################################################################################
*/

.SlidingPanels
    {
	position: relative;
	width: 100%;
	/*height: 600px;*/
	padding: 0px;
	border: none;
	float:left;
	margin-left:10px;
    }

.SlidingPanelsContentGroup
    {
	position: relative;
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	width: 10000px; /* Value 10000 = Enable horizontally scrolling */
	height: 600px;
    }

.SlidingPanelsContent
    {
	width: 547px;
	height:600px;
	/*overflow: hidden;*/
	overflow-y:auto;
    overflow-x:hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	float:left;
    }

.SlidingPanelsAnimating *
    {overflow: hidden !important;}

.SlidingPanelsCurrentPanel
    {}

.SlidingPanelsFocused
    {}