@charset "utf-8";
/* CSS Document */

html, body
{
height: 100%; /* wichtig */ 
margin:0;
font-family:Verdana;
/*font-size:12px; */
color: #FFFFFF;
background-image:url(../images/bg_300px.jpg);
background-repeat:repeat-y;
background-position:left;
background-color:#9b9b9b;
}

h1 {font-size:24px;color:#000000;margin-bottom:10px; }
h3 {font-size:14px;color:#000000; margin:0; padding:0 0 0 0;}
h4 { font-size: 12px; color: #000000; padding: 0; margin:10px 0 3px 0; font-wight: bold; }
p {margin-top:0px;}

#left, #right { min-height: 100%; height:auto !important; /* moderne Browser */ height:100%; /* IE */  }

#left {float:left; width:300px;}
#right {float:right; width: 200px;}
#content { margin-top: 40px; padding: 40px; color: #000000; font-size:12px; }

#textil {margin-left: 100px;display:block; width: 150px; /*background-color: #EFEFEF;*/}

/* Menue */
#content a:link, #content a:visited { color: #474C50; text-decoration:underline; }
#content a:hover { color:#000000; text-decoration:none;}
#logo {background-image:url(../images/bopp_casual_wear_logo.gif); width:200px; height:96px; background-repeat:no-repeat; margin: 0 auto;} 
#menue_in { margin-left: 40px; width:220px; color: #FFFFFF; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left;}

.men {background-color:#474c50; color: #000000;  font-size: 14px; display:block; margin:5px; padding: 5px; font-weight:bold; }
.men a:link, .men a:visited { color: #FFFFFF; text-decoration:none; }
.men a:hover { text-decoration:none; color: #E31F24; display:block; }


.subsubmen { width:180px; margin-left: 25px; font-size:12px; display:block; margin-bottom: 3px; padding-left: 10px; background-color:#474c50; color:#000000;}
.subsubmen a:link, .subsubmen a:visited {color: #CCCCCC; text-decoration:none;}

.subsubmen_h { width:180px; margin-left: 25px; font-size:12px; display:block; margin-bottom: 3px; padding-left: 10px; background-color:#F20000; color:#000000;}
.subsubmen_h a:link, .subsubmen_h a:visited {color: #000000; text-decoration:none;}


.submen {margin-left: 10px; font-size:12px; display:block; margin-bottom: 3px; padding-left: 10px;}
.submen a:link, .submen a:visited { color: #FFFFFF; text-decoration:none; }
.submen a:hover {text-decoration:underline; color: #9B9B9B; display:block; }


img a {border:0px;}

.logfeld {margin-left: -5px; display:none; background-color:#FFFFFF; width:200px; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size:10px; margin: 10px; color: #000000;}

/* ENDE */



#bottom { color: #FFFFFF; text-transform:uppercase; font-size: 10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; width:200px; position:absolute; bottom: 0; margin-left: 50px;}
.login {background-color:#000000; padding: 10px; }
.inlogin { border: 1px solid #222222; font-size:10px; }

.formular { background-color: #474c50; color: #ffffff; border: 1px solid #000000; padding: 2px;}
.button { padding: 3px 10px 3px 10px;; background-image:url(../images/button.jpg); background-repeat:repeat-x;  border:1px solid #000000; color: #ffffff; font-weight:bold; }