's */ } .top-left, .bottom-left { margin-right: 9px; /* CHANGE: replace by the width of one of your corners */ } .top-right, .bottom-right { margin-left: 9px; /* CHANGE: replace by the width of one of your corners */ margin-top: -9px; /* CHANGE: replace by the height of one of your corners */ } .top-right { background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */ } .bottom-left { background-position: 0 -9px; /* CHANGE: replace second number by negative height of one of your corners */ } .bottom-right { background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */ } .inside { border-left: 1px solid #030569; /* YCC: color & properties of the left-borderline */ border-right: 1px solid #030569;/* YCC: color & properties of the right-borderline */ background: #FFFFFF; /* YCC: background-color of the inside */ color: #000000; /* YCC: default text-color of the inside */ padding-left: 10px; /* YCC: all texts at some distance of the left border */ padding-right:10px; /* YCC: all texts at some distance of the right border */ text-align:left; } .notopgap { margin-top: 0; } /* DNC: to avoid splitting of the box */ .nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */ /* implementation in the page: ... ... ...

Your text & other things inside

...

... */ /* *** Generated by www.csscreator.com *** */ /* *** modified by miss monorom www.intensivstation.ch *** */ /* css released under Creative Commons License - http://creativecommons.org/licenses/by/2.0/deed.en */ body { background-color: #e1ddd9; font-size: 11px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; padding:0px; margin:0px; } a {color: #DB7093;} a:visited {color:#DB7093;} a:hover {color: #564b47;} a:active { color:#000000;} h1 { font-size: 11px; text-transform:uppercase; background-color: #E0A3B7; border-top:1px solid #564b47; border-bottom:1px solid #564b47; padding:5px 15px; margin:0px } h2 { font-size:20px; font-weight: normal; padding: 5px 10px; margin:0px;} img.download {vertical-align:middle;} /* ----------container to center the layout-------- */ #container { width: 775px; padding:0px; margin: 0px; margin-left: auto; margin-right: auto; background-color:#FFFFFF; background-image: url(images/site-bk.jpg); background-repeat: no-repeat; /*border: 1px solid #999999;*/ } #containerhome { width: 775px; padding:0px; margin: 0px; margin-left: auto; margin-right: auto; background-color:#FFFFFF; background-image: url(images/unityanimation2.gif); background-repeat: no-repeat; } /* --------------left and right navi------------- */ /* -----------------content--------------------- #content{ margin: 0px; text-align: center; padding:5px; }*/ p { padding: 5px 10px; margin:0px; } pre{ font-size: 12px; padding: 5px 10px; margin:0px;} /* ----------banner for logo-------------- */ #banner { height:120px; text-align: right; padding: 0px; margin: 0px; } #banner img {padding:10px 0px;} /* -----------------content--------------------- */ #content { padding: 0px; margin: 0 160px; text-align:center; } div#content { min-height:400px; height:expression(this.scrollHeight > 400 ? "auto":"400px"); } #contenthome { position: relative; left: 15px; top: 70px; padding-top: 30px; width: 341px; background-image: url(images/activites-home1.jpg); background-repeat: no-repeat; height: 146px; clear:left; } #contenthome table{ margin-left: 8px; } div#contenthome { min-height:350px; height:expression(this.scrollHeight > 300 ? "auto":"350px"); } p, pre{ padding: 5px 10px; margin:0px; } /* --------------left navi------------- */ #left { float: left; width: 155px; margin: 0; padding: 0 0 0 5px; } #right { float: right; width: 155px; margin: 0; padding: 95px 0 0; background-image: url(images/images/_1.jpg); background-repeat: no-repeat; } #bargesright { text-align:center; float: right; width: 155px; margin: 0; padding: 150px 0 0; background-image: url(images/bargesrightnav.jpg); background-repeat: no-repeat; color:#FFFFFF; } #bargesright a:link { color:#FFFFFF;; text-decoration: none; } #bargesright a:hover { color:#CCCCCC; text-decoration: none; } #bargesright a:active { color: #999999; text-decoration: none; } #bargesright a:visited { color:#FFFFFF; text-decoration: none; } #righthome { float: right; width: 360px; margin: 0; padding: 5px 0 0; background-repeat: no-repeat; } #activebottom { height:20px; background-image: url(images/images/_1.gif); background-repeat: no-repeat; background-position: -1px bottom; background-color:#FFFFFF; } #activemenu { padding:3px; } /* -----------footer--------------------------- */ #footer { clear: both; margin: 10px 0 0; padding: 15px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-top-style: dashed; border-top-color: #CCCCCC; border-top-width: 1px; } /***************************************************** ******************************************************* MENU*/ #nav, #nav ul { float: left; width: 100%; list-style: none;/**/ line-height: 1; font-weight: normal; padding: 0; border: solid #ffffff; border-width: 0px 0;/**/ margin: 0 0 1em 0; } #nav a { display: block; color: #666666; text-decoration: none; padding: 7px 7px 7px 7px; } body#home a#homenav, body#about a#aboutnav, body#news a#newsnav, body#vacancies a#vacanciesnav, body#standards a#standardsnav, body#contact a#contactnav, body#links a#linksnav, body#map a#mapnav, body#barges a#bargesnav, body#help a#helpnav { color: #000066; background-image: url(images/nav-highlight.gif); background-repeat: no-repeat; background-position: 0px 2px; } #nav li { /*float: right;*/ padding: 0; } #nav li ul { position: absolute; left: -999em; height: auto; width: 120px; w\idth: 120px; font-weight: normal; border-width: 0.1em; margin: 0; } #nav li li { width: 118px; padding: 1px; } #nav li ul a { width: 118px; w\idth: 118px; } #nav li ul ul { margin: -1.75em 0 0 0em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { /*background-color: #FF0000;*/ background-image: url(images/nav-highlight.gif); background-repeat: no-repeat; background-position: 0px 2px; } /*@@@@@@@@@@@@@@@@@@@Links@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ a {color: #000066;} a:visited {color:#666666;} a:hover {color: #564b47;} a:active { color:#000000;} a.activity :active {color: #FFFFFF;} a.activity:link {color: #FFFFFF;} a.activity:visited { color: #FFFFFF; text-decoration:underline} a.activity:hover { color: #999999;}