@charset "utf-8";
/* CSS Document */
/*####################- LAYOUT -####################*/

body{
font-size:12px;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.iface{
margin:auto;
z-index:1;
width:1026px;
height:905px;
background-image:url(images/bg_iface.jpg);
/*overflow:hidden;*/
}

.logo{
z-index:2;
position:relative;
left:21px;
top:88px;
}

.menu{
z-index:2;
position:relative;
left:43px;
top:98px;
width:237px;
height:391px;
/* background-image:url(images/menu_bg.jpg); NOT FOUND */
background-repeat:no-repeat;
background-position:center;
}

.content{
z-index:2;
position:relative;
left:312px;
top:-531px;
width:523px;
height:645px;
}

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

a:hover{
text-decoration:underline;
}

form{
color:#333333;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-size:12px;
margin:auto;
padding:1px;
}

fieldset{
/*width:200px;*/
margin:auto;

border:double 1px #FFCC00;
}

.button{
border:solid 1px #FF9900;
background-color:#FFFFCC;
}

.inputfield{
border:solid 1px #FF9900;
background-color:#FFFFEF;
}

h1{
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:48px;
text-decoration:none;
color:#DDDDDD;
}

h2{
text-align:justify;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}


/*####################- Menu -####################*/

a.aktuelles{
width:237px;
height:11px;
background:url(images/menu_aktuelles.jpg) 0px 0px no-repeat;
display:block;
position:relative;
}
a.aktuelles:hover{background-position: 0px -11px;}
a.aktuelles:acitve{background-position: 0px -22px;}

a.cs_eps{
width:237px;
height:13px;
background:url(images/menu_1.6_eps.jpg) 0px 0px no-repeat;
display:block;
position:relative;
}
a.cs_eps:hover{background-position: 0px -13px;}
a.cs_eps:acitve{background-position: 0px -26px;}

a.cs_pub{
width:237px;
height:17px;
background:url(images/menu_1.6_pub.jpg) 0px 0px no-repeat;
display:block;
position:relative;
}
a.cs_pub:hover{background-position: 0px -17px;}
a.cs_pub:acitve{background-position: 0px -34px;}

a.css_eps{
width:237px;
height:16px;
background:url(images/menu_css_eps.jpg) 0px 0px no-repeat;
display:block;
position:relative;
}
a.css_eps:hover{background-position: 0px -16px;}
a.css_eps:acitve{background-position: 0px -32px;}

a.css_pub{
width:237px;
height:16px;
background:url(images/menu_css_pub.jpg) 0px 0px no-repeat;
display:block;
position:relative;
}
a.css_pub:hover{background-position: 0px -16px;}
a.css_pub:acitve{background-position: 0px -32px;}

a.login{
width:237px;
height:17px;
background:url(images/menu_login.jpg) 0px 0px no-repeat;
display:block;
position:relative;
}
a.login:hover{background-position: 0px -17px;}
a.login:acitve{background-position: 0px -34px;}

a.ueber_uns{
width:237px;
height:17px;
background:url(images/menu_ueber_uns.jpg) 0px 0px no-repeat;
display:block;
position:relative;
}
a.ueber_uns:hover{background-position: 0px -17px;}
a.ueber_uns:acitve{background-position: 0px -34px;}

a.kontakt{
width:237px;
height:19px;
background:url(images/menu_kontakt.jpg) 0px 0px no-repeat;
display:block;
position:relative;
}
a.kontakt:hover{background-position: 0px -19px;}
a.kontakt:acitve{background-position: 0px -38px;}

a.impressum{
width:237px;
height:16px;
background:url(images/menu_impressum.jpg) 0px 0px no-repeat;
display:block;
position:relative;
}
a.impressum:hover{background-position: 0px -16px;}
a.impressum:acitve{background-position: 0px -32px;}

/*####################- NEWS&AKTION -####################*/

.newsspacer{
height:50px;
}

#centerbox {
display: table; height: 400px;  position: relative; overflow: hidden; margin:auto; width:350px;

text-align:justify;font:Verdana, Arial, Helvetica, sans-serif;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; font-weight:400;
/*border:1px solid red;*/
}

*:first-child+html #centerbox{
height: 500px; overflow:visible;
}
s
#middlebox {
 position: absolute; top: 50%;display: table-cell; vertical-align: middle;/*border:1px solid green;*/
} 

*:first-child+html #middlebox{
top:300px;
}

#innerbox {
 position: relative; /*top: -50%;*/ top:-300px;
}

*:first-child+html #innerbox{
	position: relative; top: -50%;/* border:1px solid blue;*/
}


.n_hl{
font-size:14px;
font-weight:700;
letter-spacing:1px;
text-align:center;
}

.n_infoline1{
font-size:10px;
letter-spacing:1px;
text-align:right;
width:350px;
margin:auto;
padding:1px;
}

.n_content{
font-size:12px;
letter-spacing:1px;
text-align:justify;
padding:5px;
width:350px;
margin:auto;
}

.n_infoline2{
font-size:10px;
letter-spacing:1px;
text-align:right;
width:350px;
margin:auto;
padding:1px;
}

/*####################- INDEX -####################*/

.index_content{
color:#333333;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

a.index_login{
z-index:5;
left:-175px;
top:-498px;
position:relative;
}

.index_login_text{
z-index:5;
left:273px;
top:-738px;
position:relative;
width:196px;
height:70px;
text-align:left;
border-bottom:solid 1px #FF6600;
border-left:solid 1px #FF6600;
border-top:solid 1px #FF6600;
padding-left:12px;
}

a.index_cs_eps{
z-index:5;
left:272px;
top:-475px;
position:relative;
}

.index_cs_eps_text{
z-index:5;
left:46px;
top:-706px;
position:relative;
width:196px;
height:70px;
text-align:right;
border-bottom:solid 1px #FF6600;
border-right:solid 1px #FF6600;
border-top:solid 1px #FF6600;
padding-right:12px;
}

a.index_cs_pub{
z-index:5;
left:-175px;
top:-368px;
position:relative;
}

.index_cs_pub_text{
z-index:5;
left:273px;
top:-671px;
position:relative;
width:196px;
height:70px;
text-align:left;
border-bottom:solid 1px #FF6600;
border-left:solid 1px #FF6600;
border-top:solid 1px #FF6600;
padding-left:12px;
}

a.index_css_eps{
z-index:5;
left:272px;
top:-346px;
position:relative;
}

.index_css_eps_text{
z-index:5;
left:46px;
top:-639px;
position:relative;
width:196px;
height:70px;
text-align:right;
border-bottom:solid 1px #FF6600;
border-right:solid 1px #FF6600;
border-top:solid 1px #FF6600;
padding-right:12px;
}

a.index_css_pub{
z-index:5;
left:-175px;
top:-242px;
position:relative;
}

.index_css_pub_text{
z-index:5;
left:273px;
top:-607px;
position:relative;
width:196px;
height:70px;
text-align:left;
border-bottom:solid 1px #FF6600;
border-left:solid 1px #FF6600;
border-top:solid 1px #FF6600;
padding-left:12px;
}

/*####################- LOGIN -####################*/

.login_spacer{
height:225px;
}

/*####################- UEBER_UNS -####################*/

.ueber_uns_content{
position:relative;
top:150px;
width:320px;
margin:auto;
text-align:justify;font:"Times New Roman", Times, serif;
font-family:"Times New Roman", Times, serif;
font-size:12px;
}

/*####################- KONTAKT -####################*/
.kontakt_form_spacer{
clear: both;
}

.kontakt_content{
text-align:justify;font:"Times New Roman", Times, serif;
font-family:"Times New Roman", Times, serif;
font-size:12px;
width:400px;
margin:auto;
position:relative;
top: 50px;
}

.kontakt_walter_z
{
	text-align:right;
padding:20px;
}

.kontakt_walter_z_bild{
text-align:left;
padding:5px;
float: right;
}

.kontakt_andreas_d{
text-align:left;
padding:20px;
}

.kontakt_andreas_d_bild
{
text-align: right;
float: left;
padding:5px;
}

/*####################- KONTAKT -####################*/



/*####################- PRODUKTBESCHREIBUNG -####################*/

.produkt_content{
text-align:justify;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.produkt_left_container{
position:relative;
width:216px;
height:605px;
padding:20px;



/*border:solid 1px black;*/
}

.produkt_right_top_container{
position:relative;
left:258px;
top:-647px;
width:225px;
height:282px;
padding:20px;
/*border:solid 1px black;*/
}

.produkt_right_bottom_container{
position:relative;
left:258px;
top:-647px;
width:225px;
height:283px;
padding:20px;
/*border: solid 1px black;*/
}

a.produkt_button_bestellen{
width:203px;
height:24px;
background:url(images/produkt_button_bestellen.jpg) 0px 0px no-repeat;
display:block;
position:relative;
top:-12px;
left:200px;
}

a.produkt_button_bestellen:hover{
background-position: 0px -24px;
}

/*####################- BESTELLUNG -####################*/
.button_dummy{
width:118px;
height:20px;
position:relative;
left:5px;
top:10px;
}

a.order_button_back{
width:118px;
height:20px;
background-image:url(images/button_zurueck_inac.png);
display:block;
position:relative;
left:5px;
top:10px;
}
a.order_button_back:hover{background-image:url(images/button_zurueck_hover.png);}
a.order_button_back:acitve{background-image:url(images/button_zurueck_inac.png);}

a.order_button_weiter{
width:118px;
height:20px;
background:url(images/button_weiter.png) 0px 0px no-repeat;
display:block;
position:relative;
top:-10px;
left:126px;
}
a.order_button_weiter:hover{background-position: 0px -20px;}

.bestellung{
text-align:justify;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

/*####################- INTERN -####################*/

a.intern_status{
width:129px;
height:38px;
background-image:url(images/intern_menu_navi_btn_status.png);
display:block;
position:relative;
top:-179px;
left:26px;
}
a.intern_status:hover{background-image:url(images/intern_menu_navi_btn_status.png);}
a.intern_status:acitve{background-image:url(images/intern_menu_navi_btn_status.png);}

a.intern_parameter{
width:124px;
height:38px;
background-image:url(images/intern_menu_navi_btn_parameter.png);
display:block;
position:relative;
top:-217px;
left:170px;
}
a.intern_parameter:hover{background-image:url(images/intern_menu_navi_btn_parameter.png);}
a.intern_parameter:acitve{background-image:url(images/intern_menu_navi_btn_parameter.png);}

a.intern_config{
width:76px;
height:38px;
background-image:url(images/intern_menu_navi_btn_config.png);
display:block;
position:relative;
top:-255px;
left:303px;
}
a.intern_config:hover{background-image:url(images/intern_menu_navi_btn_config.png);}
a.intern_config:acitve{background-image:url(images/intern_menu_navi_btn_config.png);}

a.intern_console{
width:116px;
height:38px;
background-image:url(images/intern_menu_navi_btn_console.png);
display:block;
position:relative;
top:-293px;
left:381px;
}
a.intern_console:hover{background-image:url(images/intern_menu_navi_btn_console.png);}
a.intern_console:acitve{background-image:url(images/intern_menu_navi_btn_console.png);}

.intern_content_gs{
padding:4px;
position:relative;
width:512px;
height:533px;
top:-299px;
left:0px;
z-index:0;
border-left:solid 1px #000;
border-right:solid 1px #000;
border-bottom:solid 1px #000;

}

.intern_content_ps{
padding:4px;
position:relative;
width:512px;
height:533px;
top:-133px;
left:0px;
z-index:0;
border-left:solid 1px #000;
border-right:solid 1px #000;
border-bottom:solid 1px #000;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.intern_left_container{
position:relative;
width:216px;
height:417px;
padding:20px;
/*border:solid 1px red;*/
font-size:12px;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.intern_right_container{
position:relative;
left:258px;
top:-457px;
width:214px;
height:417px;
padding:20px;
/*border:solid 1px black;*/
}

.intern_bottom_container{
position:relative;
left:0px;
top:-457px;
width:472px;
height:40px;
padding:20px;
/*border: solid 1px black;*/
}

.intern_settingsswitch_gs{
position:relative;
margin:auto;
top:-194px;
left:343px;
font-size:9px;
letter-spacing:1px;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.intern_settingsswitch_ps{
position:relative;
margin:auto;
top:-360px;
left:0px;
font-size:9px;
letter-spacing:1px;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
}