@charset "UTF-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

html,
body{
/* height:100%; */
padding:0;
margin:0;
}


.break{clear:both}

body {
background: #592;
background: #348962 url(pix/bodyback.gif) 50% 0  repeat-y;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
color: #000;
line-height:140%;
}


#metainfo{
width:1000px;
position:absolute;
top:0;
z-index:100;
display:none;
}

#oneway{
width:240px;
height:400px;
position:absolute;
top:150px;
z-index:50;
border: #f00 0px solid;
}

#howtouse{
width:220px;
height:400px;
position:relative;
top:-380px;
left:-240px;
z-index:50;
border: #f00 0px solid;
}





#metainfo h1{
font-size:90%;
font-weight:normal;
padding:0 0.5em;
}

#metainfo h1 a{
color:#fff;
}





#layout{
width:1000px;
margin: 0 auto 50px;
background: url(pix/layoutback.gif) 50% 450px no-repeat;
clear:both;

}




a:link,a:visited {color: #c06;; text-decoration:none;}
a:active {color: #fff; text-decoration:none;}
a:hover, a.extralink:hover {color: #F2ED6D; text-decoration:none;}



#content{
width: 750px;
float:left;
border-top: #f00 0px solid;
}

#innercontent{
width: 500px;
float:right;
border: #f00 0px solid;
}

#menu,
#footer{
width: 250px;
float:right;
/* background: #333; */
}



#footer{
border: #ff0 0px solid;
}






/* # MENU ################## */



#menu ul#mainmenu,
#menu ul#smallmenu,
#footer ul#footermenu{
margin:1.8em;
}

#menu ul#mainmenu{
margin:40px 1.8em 1.8em 1.8em;
}





#menu ul#mainmenu,
#menu ul#smallmenu,
#footer ul#footermenu{
border: #f00 0px solid;
}

#menu ul#smallmenu{
margin:1.5em 1.8em 1.0em 1.8em;
}

#menu ul#smallmenu li{
font-size: 80%;
margin: 0;
}



#footer ul#footermenu{
margin:0.5em 1.8em;
}

#footer ul#footermenu li{
margin: 0;
}


#menu ul li,
#footer ul li{
margin: 1.0em 0;
text-transform:uppercase;
list-style-type:none;
}


#menu ul li a.active{
color: #F2ED6D;
}



a.extralink{
color: #592;
}











.textbox{
margin: 0 20px 0 10px;
border-top: #fff 0px solid;
}

.textbox h2{
color: #000;
margin:0 0 3em 0;
}

.textbox h3.country{
color: #fff;
margin:3em 0 0.5em 0;
text-transform:uppercase;
border-bottom: #fff 1px solid;
}


.textbox h4{
margin:2em 0 0 0;
}




.textbox li{
list-style-image: url(pix/libullet.png);
margin: 0.5em 0;
font-weight:bold;
text-transform:uppercase;
}


p{
margin: 0 0 1em 0;
}

h2{
margin: 0.5em 0;
Font-weight:normal;
color: #fff;
}



h3{
margin: 1.3em 0 0.5em 0;
Font-weight:normal;
color: #fff;
}

h4{
margin: 1.3em 0 0.5em 0;
}



span.big{
font-size:190%;
display:block;
padding: 0.3em 0;
}











/* ORDERFORM ############# */



form#sampleorder{
margin: 2em 0;
}




.formzeile{
clear:both;
min-height:2em;
margin: 0.5em 0;
border-top: #444 1px solid;
font-size:85%;
}






.formzeile label{
width:30%;
float:left;
padding: 0 0.5em 0 0;


}

.formzeile .textfield{
width:60%;
float:left;
margin: 0.5em 0;
}


.formzeile .submitbutton{
float:left;
margin: 1.5em 0;
}

.formtextsmall{
color: #444;
font-size:smaller;
}


.alertbox{
border: #fff 1px solid;
padding:0.5em;
background: #c06;
background: #91145A;

}


.alertbox h4{
margin:0;
color: #fff;
}

.tabtext{
width: 6.3em;
float:left;
color: #fff;
}


.salespartner{
border-bottom: #ccc 0px solid;
clear:both;
}

.imgoutline{
border: #fff 1px solid;

}




/* ------------ klappbare fieldsets ------------ */



.textbox fieldset legend{
text-transform:uppercase;
margin:0 0 0.5em 0;
}



.textbox fieldset.collapsible h4{
margin: 2em 0 0.5em 0;
padding:0;
border: #f00 0px solid;
}




html.js .textbox fieldset.collapsible {
margin: 2em 0 0 0;
border: #fff 1px solid;
border-right:none;

padding:0;

}

.textbox fieldset.collapsible p{
padding:0 0 10px 0;
margin:0px;
}





html.js .textbox fieldset.collapsed {
border:none;
border-top: #fff 1px solid;
height: 30px;
}



html.js .textbox fieldset.collapsed * {
  display: none;
}
html.js .textbox fieldset.collapsed legend {
  display: block;
  padding:0;
  
}


/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js .textbox fieldset.collapsed legend,
* html.js .textbox fieldset.collapsed legend *,
* html.js .textbox fieldset.collapsed table * {
  display: inline;
}


html.js .textbox fieldset.collapsible legend a {
  display: block;
  padding:0 15px;
}

html.js .textbox fieldset.collapsible legend a {
background: url(pix/menu-expanded.png) 0 50% no-repeat;
}

html.js .textbox fieldset.collapsed legend a {
background: url(pix/menu-collapsed.png) 0 50% no-repeat;
}













/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js .textbox fieldset.collapsible .fieldset-wrapper {
  overflow: auto;
  border: #f00 0px solid;
  padding: 0 15px;
}