.fbox {
background: #fff;
float: left;
margin: 5px;
width: 210px;
padding: 0px;
}

.fbox-orange      { border: 1px solid #F7B631;}
.fbox-blue        { border: 1px solid #48C8F5;}
.fbox-lightgreen  { border: 1px solid #A5D35A;}
.fbox-darkgreen   { border: 1px solid #6B925C;}
.fbox-lightred    { border: 1px solid #FF7542;}
.fbox-darkred     { border: 1px solid #E4524B;}


.fbox .inhalt p { padding: 0px 3px 3px 3px;}

.fbox-ro-orange, .fbox-lo-orange,
.fbox-ro-blue,   .fbox-lo-blue,
.fbox-ro-lightred, .fbox-lo-lightred,
.fbox-ro-darkred, .fbox-lo-darkred,
.fbox-ro-lightgreen, .fbox-lo-lightgreen,
.fbox-ro-darkgreen, .fbox-lo-darkgreen,

.fbox-ru-orange, .fbox-lu-orange,
.fbox-ru-blue,   .fbox-lu-blue,
.fbox-ru-lightred, .fbox-lu-lightred,
.fbox-ru-darkred, .fbox-lu-darkred,
.fbox-ru-lightgreen, .fbox-lu-lightgreen,
.fbox-ru-darkgreen, .fbox-lu-darkgreen {
width: 20px;
height: 20px;
}

.fbox .articlenr {
  float: left;
  margin-left: 20px;
}

.fbox span.link a{
  background:url(../../img/layout/doppelpfeil_r.gif) no-repeat;
  padding: 4px 0 10px 20px;
  float: right;
  margin-right: 20px;
}

/*
.fbox-orange      h1 {background-color: #F7B631; padding-left: 10px;}
.fbox-blue        h1 {background-color: #48C8F5; padding-left: 10px;}
.fbox-lightgreen  h1 {background-color: #A5D35A; padding-left: 10px;}
.fbox-darkgreen   h1 {background-color: #6B925C; padding-left: 10px;}
.fbox-lightred    h1 {background-color: #FF7542; padding-left: 10px;}
.fbox-darkred     h1 {background-color: #E4524B; padding-left: 10px;}
*/

/*Frame-Boxen Ecken Oben - Gleiche Grafiken verwenden wie lu, ru nur drehen, margin dann 0*/
.fbox-ro-orange { background:url(../../img/layout/framebox/ro-orange.gif) no-repeat; float: right;}
.fbox-lo-orange { background:url(../../img/layout/framebox/lo-orange.gif) no-repeat;	float: left;}

.fbox-ro-blue { background:url(../../img/layout/framebox/ro-blue.gif) no-repeat; float: right;}
.fbox-lo-blue { background:url(../../img/layout/framebox/lo-blue.gif) no-repeat;	float: left;}

.fbox-ro-lightred { background:url(../../img/layout/framebox/ro-lightred.gif) no-repeat; float: right;}
.fbox-lo-lightred { background:url(../../img/layout/framebox/lo-lightred.gif) no-repeat;	float: left;}

.fbox-ro-darkred { background:url(../../img/layout/framebox/ro-darkred.gif) no-repeat; float: right;}
.fbox-lo-darkred { background:url(../../img/layout/framebox/lo-darkred.gif) no-repeat;	float: left;}

.fbox-ro-lightgreen { background:url(../../img/layout/framebox/ro-lightgreen.gif) no-repeat; float: right;}
.fbox-lo-lightgreen { background:url(../../img/layout/framebox/lo-lightgreen.gif) no-repeat;	float: left;}

.fbox-ro-darkgreen { background:url(../../img/layout/framebox/ro-darkgreen.gif) no-repeat; float: right;}
.fbox-lo-darkgreen { background:url(../../img/layout/framebox/lo-darkgreen.gif) no-repeat;	float: left;}

/*Ecken Unten*/
.fbox-ru-orange { background:url(../../img/layout/framebox/ru-orange.gif) no-repeat; float: right; margin-right: -1px; margin-top: -19px;}
.fbox-lu-orange { background:url(../../img/layout/framebox/lu-orange.gif) no-repeat;	float: left;  margin-left: -1px; margin-top: -19px;}

.fbox-ru-blue { background:url(../../img/layout/framebox/ru-blue.gif) no-repeat; float: right; margin-right: -1px; margin-top: -19px;}
.fbox-lu-blue { background:url(../../img/layout/framebox/lu-blue.gif) no-repeat;	float: left;  margin-left: -1px; margin-top: -19px;}

.fbox-ru-lightred { background:url(../../img/layout/framebox/ru-lightred.gif) no-repeat; float: right; margin-right: -1px; margin-top: -19px;}
.fbox-lu-lightred { background:url(../../img/layout/framebox/lu-lightred.gif) no-repeat;	float: left;  margin-left: -1px; margin-top: -19px;}

.fbox-ru-darkred { background:url(../../img/layout/framebox/ru-darkred.gif) no-repeat; float: right; margin-right: -1px; margin-top: -19px;}
.fbox-lu-darkred { background:url(../../img/layout/framebox/lu-darkred.gif) no-repeat;	float: left;  margin-left: -1px; margin-top: -19px;}

.fbox-ru-lightgreen { background:url(../../img/layout/framebox/ru-lightgreen.gif) no-repeat; float: right; margin-right: -1px; margin-top: -19px;}
.fbox-lu-lightgreen { background:url(../../img/layout/framebox/lu-lightgreen.gif) no-repeat;	float: left;  margin-left: -1px; margin-top: -19px;}

.fbox-ru-darkgreen { background:url(../../img/layout/framebox/ru-darkgreen.gif) no-repeat; float: right; margin-right: -1px; margin-top: -19px;}
.fbox-lu-darkgreen { background:url(../../img/layout/framebox/lu-darkgreen.gif) no-repeat;	float: left;  margin-left: -1px; margin-top: -19px;}


/*Überschrift für alle Boxen*/
.fbox h1 {
  font-size: 1.5em;
  color: #000;
  margin:0; 
  padding-left:20px;
}

.fbox h1.de { 
padding-left: 5px;
padding-top: 65px;
margin-left: -1px;
margin-top: -1px;
margin-right: -1px;
background:url(../../img/layout/welcomebox/head_de.gif) top left no-repeat; 
color: #222222;
}

.fbox h1.en { 
padding-left: 5px;
padding-top: 65px;
margin-left: -1px;
margin-top: -1px;
margin-right: -1px;
background:url(../../img/layout/welcomebox/head_en.gif) top left no-repeat; 
color: #222222;
}

.fbox h1.fr { 
padding-left: 5px;
padding-top: 65px;
margin-left: -1px;
margin-top: -1px;
margin-right: -1px;
background:url(../../img/layout/welcomebox/head_fr.gif) top left no-repeat; 
color: #222222;
}