/* Inset 3D Raised */

.raisedhead {background: transparent; width:900px; height:auto;}

.raisedhead h1, .raisedhead p {margin:30 10px;}

.raisedhead h1 {font-size:2em; color:#000;}

.raisedhead p {padding-bottom:0.5em;}

 

.raisedhead .b1, .raisedhead .b2, .raisedhead .b3, .raisedhead .b4, .raisedhead .b1b, .raisedhead .b2b, .raisedhead .b3b, .raisedhead .b4b {display:block; overflow:hidden; font-size:1px;}

.raisedhead .b1, .raisedhead .b2, .raisedhead .b3, .raisedhead .b1b, .raisedhead .b2b, .raisedhead .b3b {height:1px;}

.raisedhead .b2 {background-color:#ffffff; border-left:1px solid #fff; border-right:1px solid #eee;}

.raisedhead .b3 {background-color:#ffffff; border-left:1px solid #fff; border-right:1px solid #ddd;}

.raisedhead .b4 {background-color:#ffffff; border-left:1px solid #fff; border-right:1px solid #aaa;}

.raisedhead .b4b {background-color:#ffffff; border-left:1px solid #eee; border-right:1px solid #999;}

.raisedhead .b3b {background-color:#ffffff; border-left:1px solid #ddd; border-right:1px solid #999;}

.raisedhead .b2b {background-color:#ffffff; border-left:1px solid #aaa; border-right:1px solid #999;}


.raisedhead .b1 {margin:0 5px; background:#fff;}

.raisedhead .b2, .raisedhead .b2b {margin:0 3px; border-width:0 2px;}

.raisedhead .b3, .raisedhead .b3b {margin:0 2px;}

.raisedhead .b4, .raisedhead .b4b {height:2px; margin:0 1px;}

.raisedhead .b1b {margin:0 5px; background:#999;}

.raisedhead .boxhead {display:block; background-color:#fff; border-left:1px solid #fff; border-right:1px solid #999; height:auto;}

/* Inset 3D Raised */

.raised {background: transparent; width:880px; height:auto;}
/* abstand von Example + grösse und farbe */
.raised h1, .raised p {margin:0 10px;}

.raised h1 {font-size:2em; color:#000;}

.raised p {padding-bottom:0.5em;}

 

.raised .b11, .raised .b22, .raised .b33, .raised .b44, .raised .b11b, .raised .b22b, .raised .b33b, .raised .b44b {display:block; overflow:hidden; font-size:1px;}

.raised .b11, .raised .b22, .raised .b33, .raised .b11b, .raised .b22b, .raised .b33b {height:1px;}

.raised .b22 {background-image:url(../design/raised.gif); border-left:1px solid #fcfcfc; border-right:1px solid #fcfcfc;}

.raised .b33 {background-image:url(../design/raised.gif); border-left:1px solid #ddd; border-right:1px solid #ddd;}

.raised .b44 {background-image:url(../design/raised.gif); border-left:1px solid #aaa; border-right:1px solid #aaa;}

.raised .b44b {background-image:url(../design/raised.gif); border-left:1px solid #fcfcfc; border-right:1px solid #fcfcfc;}

.raised .b33b {background-image:url(../design/raised.gif); border-left:1px solid #ddd; border-right:1px solid #ddd;}

.raised .b22b {background-image:url(../design/raised.gif); border-left:1px solid #aaa; border-right:1px solid #aaa;}

.raised .b11 {margin:0 5px; background-image:url(../design/raised.gif);}

.raised .b22, .raised .b2b {margin:0 3px; border-width:0 2px;}

.raised .b33, .raised .b3b {margin:0 2px;}

.raised .b44, .raised .b4b {height:2px; margin:0 1px;}

.raised .b11b {margin:0 5px; background-image:url(../design/raised.gif); background-repeat:repeat-x;}

.raised .hauptbox {display:block; background-image:url(../design/raised.gif); border-left:1px solid #000; border-right:1px solid #999; height:auto; }


/* Inset 3D Curved */

.inset {background: transparent; width:197px; }

.inset h1, .inset p {margin:0 10px;}

.inset h1 {font-size:2em; color:#fff;}

.inset p {padding-bottom:0.5em;}

 

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}

.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}

.inset .b2 {background:#716628; border-left:1px solid #999; border-right:1px solid #aaa;}

.inset .b3 {background:#716628; border-left:1px solid #999; border-right:1px solid #ddd;}

.inset .b4 {background:#716628; border-left:1px solid #999; border-right:1px solid #fcfcfc;}

.inset .b4b {background:#716628; border-left:1px solid #aaa; border-right:1px solid #fff;}

.inset .b3b {background:#716628; border-left:1px solid #ddd; border-right:1px solid #fff;}

.inset .b2b {background:#716628; border-left:1px solid #fcfcfc; border-right:1px solid #fff;}

 

.inset .b1 {margin:0 5px; background:#999;}

.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}

.inset .b3, .inset .b3b {margin:0 2px;}

.inset .b4, .inset .b4b {height:2px; margin:0 1px;}

.inset .b1b {margin:0 5px; background:#fff;}

 

.inset .boxinset {display:block; background:#716628; border-left:1px solid #999; border-right:1px solid #fff; height:150px; width:195px;}

/* Inset 3D Curved */

.insetbericht {background: transparent; width:95%; padding:5px;}

.insetbericht h1, .insetbericht p {margin:0 10px;}

.insetbericht h1 {font-size:2em; color:#000;}

.insetbericht p {padding-bottom:0.5em;}

 

.insetbericht .b1, .insetbericht .b2, .insetbericht .b3, .insetbericht .b4, .insetbericht .b1b, .insetbericht .b2b, .insetbericht .b3b, .insetbericht .b4b {display:block; overflow:hidden; font-size:1px;}

.insetbericht .b1, .insetbericht .b2, .insetbericht .b3, .insetbericht .b1b, .insetbericht .b2b, .insetbericht .b3b {height:1px;}

.insetbericht .b2 { background-color:#FCFCFC; border-left:1px solid #999; border-right:1px solid #aaa;}

.insetbericht .b3 {background-color:#FCFCFC; border-left:1px solid #999; border-right:1px solid #ddd;}

.insetbericht .b4 { background-color:#FCFCFC; border-left:1px solid #999; border-right:1px solid #fcfcfc;}

.insetbericht .b4b { background-color:#FCFCFC; border-left:1px solid #aaa; border-right:1px solid #fff;}

.insetbericht .b3b { background-color:#FCFCFC; border-left:1px solid #ddd; border-right:1px solid #fff;}

.insetbericht .b2b { background-color:#FCFCFC; border-left:1px solid #fcfcfc; border-right:1px solid #fff;}

 

.insetbericht .b1 {margin:0 5px; background:#999;}

.insetbericht .b2, .insetbericht .b2b {margin:0 3px; border-width:0 2px;}

.insetbericht .b3, .insetbericht .b3b {margin:0 2px;}

.insetbericht .b4, .insetbericht .b4b {height:2px; margin:0 1px;}

.insetbericht .b1b {margin:0 5px; background-color:#FCFCFC;}

 

.insetbericht .boxcontent {display:block; background-color:#FCFCFC; border-left:1px solid #999; border-right:1px solid #fff;}

/* Inset 3D Raised */

.raisedstarlink {background: transparent; width:95%; height:auto;}

.raisedstarlink h1, .raisedstarlink p {margin:30 10px;}

.raisedstarlink h1 {font-size:2em; color:#000;}

.raisedstarlink p {padding-bottom:0.5em;}

 

.raisedstarlink .b1, .raisedstarlink .b2, .raisedstarlink .b3, .raisedstarlink .b4, .raisedstarlink .b1b, .raisedstarlink .b2b, .raisedstarlink .b3b, .raisedstarlink .b4b {display:block; overflow:hidden; font-size:1px;}

.raisedstarlink .b1, .raisedstarlink .b2, .raisedstarlink .b3, .raisedstarlink .b1b, .raisedstarlink .b2b, .raisedstarlink .b3b {height:1px;}

.raisedstarlink .b2 {background-color:#231E77; border-left:1px solid #fff; border-right:1px solid #eee;}

.raisedstarlink .b3 {background-color:#231E77; border-left:1px solid #fff; border-right:1px solid #ddd;}

.raisedstarlink .b4 {background-color:#231E77; border-left:1px solid #fff; border-right:1px solid #aaa;}

.raisedstarlink .b4b {background-color:#231E77; border-left:1px solid #eee; border-right:1px solid #999;}

.raisedstarlink .b3b {background-color:#231E77; border-left:1px solid #ddd; border-right:1px solid #999;}

.raisedstarlink .b2b {background-color:#231E77; border-left:1px solid #aaa; border-right:1px solid #999;}


.raisedstarlink .b1 {margin:0 5px; background:#fff;}

.raisedstarlink .b2, .raisedstarlink .b2b {margin:0 3px; border-width:0 2px;}

.raisedstarlink .b3, .raisedstarlink .b3b {margin:0 2px;}

.raisedstarlink .b4, .raisedstarlink .b4b {height:2px; margin:0 1px;}

.raisedstarlink .b1b {margin:0 5px; background:#999;}

.raisedstarlink .boxhead {display:block; background-color:#231E77; border-left:1px solid #fff; border-right:1px solid #999; height:auto;}




/* Square cutout Borders*/
.square {background: transparent; width:300px; height:180px; float:left; margin:0 auto;}
.square h1, .square p {margin:0 10px;}
.square h1 {font-size:1em; color:#CFB351; letter-spacing:1px;}
.square p {padding-bottom:0.5em;}

.square .top, .square .bottom {display:block; background:transparent; font-size:1px;}
.square .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#000000; border-left:1px solid #CFB351; border-right:1px solid #CFB351; border-top:1px solid #CFB351;}
.square .b2 {display:block; height:1px; margin:0; background:#000000; border-left:7px solid #CFB351; border-right:7px solid #CFB351; overflow:hidden;}
.square .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#000000; border-left:1px solid #CFB351; border-right:1px solid #CFB351; border-bottom:1px solid #CFB351;}

.square .boxcontent {display:block; background:#000000; background-color:#000000; border-left:1px solid #CFB351; border-right:1px solid #CFB351;}