@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Cardo.ttf') format("truetype");
}

*
{
	cursor: default;
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;	
	font-size: 10px;
	color: #faf2e6;
}

html
{
	overflow: hidden;
	height: 100%;
    background: #300602;
}

body
{
	height: 100%;
	background: #300602 url(../images/basic/verlauf.gif) repeat-x  0 0;
}

br
{
	clear: both;
}

a,
a img
{
	border: none;
	cursor: pointer;
}


/* basic */
	#APP_SITE
	{
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -300.5px 0 0 -498.5px;
		width: 997px;
		height: 601px;
        padding: 4px;
        background: url(../images/basic/border.png) no-repeat;
	}
	
	#APP_HEADER
	{
        width: 989px;
		height: 166px;
		background: url(../images/basic/headerBG.png);
	}
	
	#APP_CONTENT
	{
        width: 989px;
		height: 427px;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
/* basic */

/* header */
	#bel_menu
	{
		float: left;
		height: 153px;
		width: 764px;
	}
	
	#bel_menu .menu,
	#bel_menu .submenu
	{
		float: left;
		margin: 50px 0 0 40px;
		list-style-type: none;
	}
	
	#bel_menu .menu img
	{
		margin: 0 0 10px 0;
	}
	
	#bel_logo
	{
        width: 225px;
		float: left;
	}
/* header */

/* site */
	.bel_home
	{
		background-image: url(../images/site/home.jpg);
	}

	.bel_belenus
	{
		background-image: url(../images/site/belenus.jpg);
	}
    
    .bel_bestellung
    {
        background-image: url(../images/site/bestellung.jpg);
    }
    
    .bel_produkte
    {
        background-image: url(../images/site/produkte.jpg);
    }

	.bel_schilpagner
	{
		background-image: url(../images/site/schilpagner.jpg);
	}

	.bel_philosophie
	{
		background-image: url(../images/site/philosophie.jpg);
	}

	.bel_kontakt
	{
		background-image: url(../images/site/kontakt.jpg);
	}

	.bel_prod1Text
	{
		margin: 214px 0 0 109px;
	}
	
	#bel_email
	{
		margin: 248px 0 0 624px;
		width: 107px;
		height: 12px;
		background: url(../images/site/kontakt.png) no-repeat 0 0;		
	}
	
	#bel_email:hover
	{
		background: url(../images/site/kontakt_active.png) no-repeat 0 0;	
	}
    
    .bel_bestellung .text
    {
        width: 360px;
        padding: 72px 0 0 602px;
        line-height: 14px;
    }
    
    .bel_produkte .text
    {
        width: 360px;
        padding: 75px 0 0 602px;
        line-height: 14px;
    }
	
	.bel_philosophie .text
	{
		width: 360px;
		padding: 120px 0 0 602px;
		line-height: 14px;
	}
	
	.bel_schilpagner .text
	{
		width: 360px;
		padding: 68px 0 0 602px;
		line-height: 14px;
	}
	
	.bel_kontakt .text
	{
		width: 360px;
		padding: 140px 0 0 602px;
		line-height: 14px;
	}		
/* site */

ul.nav {
    margin: 0;
    padding: 0;
    color: #000;
}

ul.nav li {
    color: #000;
}

ul.nav li a {
    display: block;
    margin-bottom: 5px;
    color: #000;
    font-size: 1.4em;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Cardo, Arial, sans-serif;
}

ul.nav li.selected {
    color: #c08f4a;
}

ul.nav li.selected a {
    color: #c08f4a;
}

ul.nav li:hover {
    color: #c08f4a;
}

ul.nav li a:hover {
    color: #c08f4a;
}

fieldset {
    border:0;
    padding:50px;
    position:relative;
    /*background:#e9e9e9;*/
    margin-bottom:10px;
    font-size: 1.4em;
}

fieldset input {
    height: 20px;
    color: #000;
    font-size: 1.2em;
}

fieldset textarea {
    color: #000;
    font-size: 1.2em;
}

.saveBtn {
    height: 30px;
    font-size: 1.2em;
}

legend {
    font-size:1.1em;
    padding:.4em .8em;
    /*background:#fff;*/
    border:0;
}
fieldset.login p {
    margin-bottom:1em;
    margin-top:0pt;
}
fieldset p label {
    width:98%;
    font-size: 1.4em;
}
fieldset p input {
    width:98%;
}
fieldset p select {
    width:99%;
}
fieldset.login p label {
    float:left;
    line-height:2em;
    margin-right:3%;
    text-align:right;
    width:32%;
}
fieldset.login p input {
    width:60%;
}
fieldset.login input.button {
    margin-left:35%;
}

div.clear {
    clear: both;
}