/* ----
dinxbox 
---- */

div#dinxboxcontainer {
	width: 810px;
	height: 480px;
}
div.dinxedit textarea {

	width: 170px;
	height: 40px;
}
div.pentagon div.dinxedit textarea {
	width: 100px;
	height: 60px;
}
div.cloud div.dinxedit textarea {
	width: 190px;
	height: 50px;
}
div.smallsquare div.dinxedit textarea {
	width: 150px;
	height: 70px;
}
div.square div.dinxedit textarea {
	width: 190px;
	height: 130px;
}
div.oval div.dinxedit textarea {
	width: 170px;
	height: 37px;
}
div.heart div.dinxedit {
	height: 80px;
}
div.heart div.dinxedit textarea {
	height:45px;
	margin-left:20px;
	width:135px;
}
div.dinx {
	background: no-repeat transparent;
	position: absolute;
	font-size: 90%;
	line-height: 120%;
}
div.dinx div {
	overflow: auto;
}

div.dinx div.edit {
	position: absolute;
}

div.dinx div.edit a {
	text-decoration: none;
	line-height: 100%;
	padding-right: 5px;
}
* html div.dinx img.dinxavatar {
	behavior: url(/extern/pngbehavior.htc);
	width: 45px;
	height: 45px;
}
* html div.dinx div.edit img {
	behavior: url(/extern/pngbehavior.htc);
	width: 14px;
	height: 12px;
}

div.dinx div img {
	margin-bottom: 1em;
}


/* oval */

div.oval {
	width: 178px;
	height: 173px;
	padding: 2px 24px 0 27px;
}
div.oval div {
	height: 65px;
}
div.oval img.dinxavatar {
	margin: 0 0 3px -5px;
}

div.oval div.edit {
	top: 20px;
	left: 105px;
}

div.ovalGreen {
	background-image:url(/bilder/dinxbox/bg-dinx-oval-green.png); 
}
* html div.ovalGreen  {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-oval-green.png); 
}
div.ovalOrange {
	background-image:url(/bilder/dinxbox/bg-dinx-oval-orange.png); 
}
* html div.ovalOrange {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-oval-orange.png); 
}
div.ovalYellow {
	background-image:url(/bilder/dinxbox/bg-dinx-oval-yellow.png); 
}
* html div.ovalYellow {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-oval-yellow.png); 
}
div.ovalGrey {
	background-image:url(/bilder/dinxbox/bg-dinx-oval-grey.png); 
}
* html div.ovalGrey {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-oval-grey.png); 
}
div.ovalLightblue {
	background-image:url(/bilder/dinxbox/bg-dinx-oval-lightblue.png); 
}
* html div.ovalLightblue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-oval-lightblue.png); 
}
div.ovalPurple {
	background-image:url(/bilder/dinxbox/bg-dinx-oval-purple.png); 
}
* html div.ovalPurple {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-oval-purple.png); 
}
div.ovalRed {
	background-image:url(/bilder/dinxbox/bg-dinx-oval-red.png); 
}
* html div.ovalRed {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-oval-red.png); 
}
div.ovalPinkred {
	background-image:url(/bilder/dinxbox/bg-dinx-oval-pinkred.png); 
}
* html div.ovalPinkred {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-oval-pinkred.png); 
}
div.ovalBlue {
	background-image:url(/bilder/dinxbox/bg-dinx-oval-blue.png); 
}
* html div.ovalBlue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-oval-blue.png); 
}


/* heart */

div.heart {
	width: 179px;
	height: 197px;
	padding: 2px 25px 0 25px;
}
div.heart div {
	height: 55px;
}
div.heart img.dinxavatar {
	margin: 0 0 3px 7px;
}

div.heart div.edit {
	top: 13px;
	left: 145px;
}

div.heartGreen {
	background-image:url(/bilder/dinxbox/bg-dinx-heart-green.png); 
}
* html div.heartGreen  {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-heart-green.png); 
}
div.heartOrange {
	background-image:url(/bilder/dinxbox/bg-dinx-heart-orange.png); 
}
* html div.heartOrange {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-heart-orange.png); 
}
div.heartYellow {
	background-image:url(/bilder/dinxbox/bg-dinx-heart-yellow.png); 
}
* html div.heartYellow {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-heart-yellow.png); 
}
div.heartGrey {
	background-image:url(/bilder/dinxbox/bg-dinx-heart-grey.png); 
}
* html div.heartGrey {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-heart-grey.png); 
}
div.heartLightblue {
	background-image:url(/bilder/dinxbox/bg-dinx-heart-lightblue.png); 
}
* html div.heartLightblue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-heart-lightblue.png); 
}
div.heartPurple {
	background-image:url(/bilder/dinxbox/bg-dinx-heart-purple.png); 
}
* html div.heartPurple {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-heart-purple.png); 
}
div.heartRed {
	background-image:url(/bilder/dinxbox/bg-dinx-heart-red.png); 
}
* html div.heartRed {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-heart-red.png); 
}
div.heartPinkred {
	background-image:url(/bilder/dinxbox/bg-dinx-heart-pinkred.png); 
}
* html div.heartPinkred {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-heart-pinkred.png); 
}
div.heartBlue {
	background-image:url(/bilder/dinxbox/bg-dinx-heart-blue.png); 
}
* html div.heartBlue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-heart-blue.png); 
}


/* cloud */

div.cloud {
	width: 197px;
	height: 177px;
	padding: 3px 29px 0 58px;
}
div.cloud div {
	height: 80px;
}
div.cloud img.dinxavatar {
	margin: 0 0 2px -12px;
}

div.cloud div.edit {
	top: 23px;
	left: 140px;
}

div.cloudGreen {
	background-image:url(/bilder/dinxbox/bg-dinx-cloud-green.png); 
}
* html div.cloudGreen  {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-cloud-green.png); 
}
div.cloudOrange {
	background-image:url(/bilder/dinxbox/bg-dinx-cloud-orange.png); 
}
* html div.cloudOrange {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-cloud-orange.png); 
}
div.cloudYellow {
	background-image:url(/bilder/dinxbox/bg-dinx-cloud-yellow.png); 
}
* html div.cloudYellow {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-cloud-yellow.png); 
}
div.cloudGrey {
	background-image:url(/bilder/dinxbox/bg-dinx-cloud-grey.png); 
}
* html div.cloudGrey {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-cloud-grey.png); 
}
div.cloudLightblue {
	background-image:url(/bilder/dinxbox/bg-dinx-cloud-lightblue.png); 
}
* html div.cloudLightblue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-cloud-lightblue.png); 
}
div.cloudPurple {
	background-image:url(/bilder/dinxbox/bg-dinx-cloud-purple.png); 
}
* html div.cloudPurple {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-cloud-purple.png); 
}
div.cloudRed {
	background-image:url(/bilder/dinxbox/bg-dinx-cloud-red.png); 
}
* html div.cloudRed {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-cloud-red.png); 
}
div.cloudPinkred {
	background-image:url(/bilder/dinxbox/bg-dinx-cloud-pinkred.png); 
}
* html div.cloudPinkred {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-cloud-pinkred.png); 
}
div.cloudBlue {
	background-image:url(/bilder/dinxbox/bg-dinx-cloud-blue.png); 
}
* html div.cloudBlue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-cloud-blue.png); 
}


/* square */

div.square {
	width: 204px;
	height: 239px;
	padding: 0 12px 0 9px;
}
div.square div {
	height: 165px;
}
div.square img.dinxavatar {
	margin: 0 0 2px -8px;
}

div.square div.edit {
	top: 27px;
	left: 170px;
}

div.squareGreen {
	background-image:url(/bilder/dinxbox/bg-dinx-square-green.png); 
}
* html div.squareGreen  {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-square-green.png); 
}
div.squareOrange {
	background-image:url(/bilder/dinxbox/bg-dinx-square-orange.png); 
}
* html div.squareOrange {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-square-orange.png); 
}
div.squareYellow {
	background-image:url(/bilder/dinxbox/bg-dinx-square-yellow.png); 
}
* html div.squareYellow {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-square-yellow.png); 
}
div.squareGrey {
	background-image:url(/bilder/dinxbox/bg-dinx-square-grey.png); 
}
* html div.squareGrey {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-square-grey.png); 
}
div.squareLightblue {
	background-image:url(/bilder/dinxbox/bg-dinx-square-lightblue.png); 
}
* html div.squareLightblue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-square-lightblue.png); 
}
div.squarePurple {
	background-image:url(/bilder/dinxbox/bg-dinx-square-purple.png); 
}
* html div.squarePurple {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-square-purple.png); 
}
div.squareRed {
	background-image:url(/bilder/dinxbox/bg-dinx-square-red.png); 
}
* html div.squareRed {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-square-red.png); 
}
div.squarePinkred {
	background-image:url(/bilder/dinxbox/bg-dinx-square-pinkred.png); 
}
* html div.squarePinkred {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-square-pinkred.png); 
}
div.squareBlue {
	background-image:url(/bilder/dinxbox/bg-dinx-square-blue.png); 
}
* html div.squareBlue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-square-blue.png); 
}


/* pentagon */

div.pentagon {
	width: 112px;
	height: 169px;
	padding: 7px 36px 0 36px;
}
div.pentagon div {
	height: 90px;
}
div.pentagon img.dinxavatar {
	margin: 0 0 2px -8px;
}

div.pentagon div.edit {
	top: 30px;
	left: 85px;
}

div.pentagonGreen {
	background-image:url(/bilder/dinxbox/bg-dinx-pentagon-green.png); 
}
* html div.pentagonGreen  {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-pentagon-green.png); 
}
div.pentagonOrange {
	background-image:url(/bilder/dinxbox/bg-dinx-pentagon-orange.png); 
}
* html div.pentagonOrange {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-pentagon-orange.png); 
}
div.pentagonYellow {
	background-image:url(/bilder/dinxbox/bg-dinx-pentagon-yellow.png); 
}
* html div.pentagonYellow {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-pentagon-yellow.png); 
}
div.pentagonGrey {
	background-image:url(/bilder/dinxbox/bg-dinx-pentagon-grey.png); 
}
* html div.pentagonGrey {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-pentagon-grey.png); 
}
div.pentagonLightblue {
	background-image:url(/bilder/dinxbox/bg-dinx-pentagon-lightblue.png); 
}
* html div.pentagonLightblue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-pentagon-lightblue.png); 
}
div.pentagonPurple {
	background-image:url(/bilder/dinxbox/bg-dinx-pentagon-purple.png); 
}
* html div.pentagonPurple {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-pentagon-purple.png); 
}
div.pentagonRed {
	background-image:url(/bilder/dinxbox/bg-dinx-pentagon-red.png); 
}
* html div.pentagonRed {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-pentagon-red.png); 
}
div.pentagonPinkred {
	background-image:url(/bilder/dinxbox/bg-dinx-pentagon-pinkred.png); 
}
* html div.pentagonPinkred {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-pentagon-pinkred.png); 
}
div.pentagonBlue {
	background-image:url(/bilder/dinxbox/bg-dinx-pentagon-blue.png); 
}
* html div.pentagonBlue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-pentagon-blue.png); 
}


/* rectangle */

div.rectangle {
	width: 145px;
	height: 279px;
	padding: 3px 12px 0 9px;
}
div.rectangle div {
	height: 200px;
}
div.rectangle img.dinxavatar {
	margin: 0 0 2px -6px;
}

div.rectangle div.edit {
	top: 35px;
	left: 120px;
}

div.rectangleGreen {
	background-image:url(/bilder/dinxbox/bg-dinx-rectangle-green.png); 
}
* html div.rectangleGreen  {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-rectangle-green.png); 
}
div.rectangleOrange {
	background-image:url(/bilder/dinxbox/bg-dinx-rectangle-orange.png); 
}
* html div.rectangleOrange {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-rectangle-orange.png); 
}
div.rectangleYellow {
	background-image:url(/bilder/dinxbox/bg-dinx-rectangle-yellow.png); 
}
* html div.rectangleYellow {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-rectangle-yellow.png); 
}
div.rectangleGrey {
	background-image:url(/bilder/dinxbox/bg-dinx-rectangle-grey.png); 
}
* html div.rectangleGrey {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-rectangle-grey.png); 
}
div.rectangleLightblue {
	background-image:url(/bilder/dinxbox/bg-dinx-rectangle-lightblue.png); 
}
* html div.rectangleLightblue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-rectangle-lightblue.png); 
}
div.rectanglePurple {
	background-image:url(/bilder/dinxbox/bg-dinx-rectangle-purple.png); 
}
* html div.rectanglePurple {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-rectangle-purple.png); 
}
div.rectangleRed {
	background-image:url(/bilder/dinxbox/bg-dinx-rectangle-red.png); 
}
* html div.rectangleRed {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-rectangle-red.png); 
}
div.rectanglePinkred {
	background-image:url(/bilder/dinxbox/bg-dinx-rectangle-pinkred.png); 
}
* html div.rectanglePinkred {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-rectangle-pinkred.png); 
}
div.rectangleBlue {
	background-image:url(/bilder/dinxbox/bg-dinx-rectangle-blue.png); 
}
* html div.rectangleBlue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-rectangle-blue.png); 
}


/* smallsquare */

div.smallsquare {
	width: 157px;
	height: 177px;
	padding: 0 12px 0 9px;
}
div.smallsquare div {
	height: 100px;
}
div.smallsquare img.dinxavatar {
	margin: 0 0 2px -8px;
}

div.smallsquare div.edit {
	top: 33px;
	left: 132px;
}

div.smallsquareGreen {
	background-image:url(/bilder/dinxbox/bg-dinx-small-square-green.png); 
}
* html div.smallsquareGreen  {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-small-square-green.png); 
}
div.smallsquareOrange {
	background-image:url(/bilder/dinxbox/bg-dinx-small-square-orange.png); 
}
* html div.smallsquareOrange {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-small-square-orange.png); 
}
div.smallsquareYellow {
	background-image:url(/bilder/dinxbox/bg-dinx-small-square-yellow.png); 
}
* html div.smallsquareYellow {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-small-square-yellow.png); 
}
div.smallsquareGrey {
	background-image:url(/bilder/dinxbox/bg-dinx-small-square-grey.png); 
}
* html div.smallsquareGrey {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-small-square-grey.png); 
}
div.smallsquareLightblue {
	background-image:url(/bilder/dinxbox/bg-dinx-small-square-lightblue.png); 
}
* html div.smallsquareLightblue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-small-square-lightblue.png); 
}
div.smallsquarePurple {
	background-image:url(/bilder/dinxbox/bg-dinx-small-square-purple.png); 
}
* html div.smallsquarePurple {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-small-square-purple.png); 
}
div.smallsquareRed {
	background-image:url(/bilder/dinxbox/bg-dinx-small-square-red.png); 
}
* html div.smallsquareRed {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-small-square-red.png); 
}
div.smallsquarePinkred {
	background-image:url(/bilder/dinxbox/bg-dinx-small-square-pinkred.png); 
}
* html div.smallsquarePinkred {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-small-square-pinkred.png); 
}
div.smallsquareBlue {
	background-image:url(/bilder/dinxbox/bg-dinx-small-square-blue.png); 
}
* html div.smallsquareBlue {
    background-image:url(/bilder/dinxbox/ie/bg-dinx-small-square-blue.png); 
}

/* font-colors dinxbox */

div.red, div.red h4, div.blue, div.blue h4, div.green, div.green h4, div.orange, div.orange h4, div.lightblue, div.lightblue h4, div.pinkred, div.pinkred h4, div.purple, div.purple h4 {
	color: #fff;
}
div.yellow, div.yellow h4, div.grey, div.grey h4 {
	color: #000;
}