/* CSS Document */

/* ############################### */
/* lets get started */
/* ############################### */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #fff;
    /*  background-image: url(../img/backgroundverlauf.png);
  background-repeat: repeat-y;
  background-position:center 0px; */

}

/* ############################### */
/* Hintergrundbilder */
/* ############################### */

/* ############################### */
/* general formatting */
/* ############################### */

h1, h2, h3, h4, h5 {
    color: #ff0000;
}

a {
    color: #ff0000;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

/* ############################### */
/* main frame */
/* ############################### */

#mainframer {
    width: 989px;
    text-align: left;
    height: auto;
    margin: 0 auto auto;

    background-color: transparent;
}

#mainframersorter {
    width: 100%;
    background-color: #fff;
}

/* ############################### */
/*          NAVIGATION */
/* ############################### */

/*---------------------------------------------
Topnav
---------------------------------------------*/

#topnav {
    text-align: right;
    width: 989px;
    height: 30px;
    color: #F00;
}

#topnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#topnav li {
    float: right;

}

#topnav a {
    font-size: 10px;
    text-decoration: none;
    color: #F00;

    line-height: 30px;
}

#topnav a:hover {
    color: #fff;
}

#topnav a:active {
    color: #fff333;
}

/* ############################### */
/* header image */
/* ############################### */

#heada {
    width: 989px;
    height: 85px;
    clear: left;
    background-color: #fff;

    overflow: visible;
}

#heada span {
    visibility: hidden;
}

/* ############################### */
/* header navigation */
/* ############################### */

div.mainnav2 {

    width: 989px;
    height: 30px;

}

div.mainnav3 {

    width: 989px;
    height: 30px;

}

.shaeda {
	width: 989px;
	height: 6px;
	clear: left;
	overflow: hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF0000;
}

/* ############################### */
/* main content box */
/* ############################### */
div.maincontent {
    width: 989px;
    background-color: #FFF;
    height: auto;
}

div.maincontent1 {
    width: 989px;

    height: auto;

}

div.maincontent2 {
    width: 989px;
    background: #FFF url(../img/Frau_rote_Tuete1.png) no-repeat right bottom;
    height: auto;
    margin-bottom: 0px;

}

div.IScontent {
    width: 989px;
    background-color: #FFF;
    height: auto;
}
div.contact {
    width: 989px;
    clear: left;
    background: #FFF left bottom;

    color: #000;
}

/* ############################### */
/* startnewsbox  */
/* ############################### */

div.startnewsBox {
    width: 958px;
    height: 600px;
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    background: repeat-y right;

}

div.startnewsBox1 {
    width: 958px;
    height: auto;
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    background: repeat-y right;

    margin-left: 10px;
}

div.startnewsBox2 {
    width: 958px;
    height: 500px;
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    background: repeat-y right;

}

div.startfrBox {
    width: auto;
    height: auto;
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 0;
    background-color: #fff;
    margin-left: 10px;
}

div.startfrBox1 {
    width: auto;
    height: 600px;
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #fff;
}

div.schlussBox {
    width: auto;
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #fff;
    height: auto;
}

div.schlussBox2 {
    width: auto;
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #fff;
    height: auto;
}

div.WerbeBox {
    width: auto;
    height: 989px;
    background-color: #fff;
}

/* prevent box content from floating */
div.startBox, div.startBox1 > span {

    font-size: 10px;
}

/* boxes */
div.startBox, div.startBox1 {
    width: 382px;
    height: auto;
    padding: 10px;
    background-color: #f3f3f3;
}

div.startBoxfr {
    width: 560px;
    height: auto;
    padding: 10px;
    background-color: #f3f3f3;
}

div.startBoxHead * span, div.startBoxHead1 * span {
    float: left;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    width: 360px;
    margin: 7px 0 0 50px;

}

div.startBoxHead > h4, div.startBoxHead1 > h4 {
    width: 205px;
    height: 30px;
    margin: 0;
    background: url(../img/punkt.png) no-repeat 30px;

}

div.startBoxHead, div.startBoxHead1 {
    width: 450px;
    height: 30px;
    background: transparent url(../img/bggreen.png) repeat-x top left;

    margin-bottom: 10px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    margin-top: 5px;

}

div.startBoxHeadfr {
    width: 560px;
    height: 30px;
    background: transparent url(../img/bggreen.png) repeat-x top left;

    margin-bottom: 10px;
}

div.startBoxHeadfr * span {
    float: left;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    width: 560px;
    margin: 7px 0 0 50px;

}

div.startBoxHeadfr > h4 {
    width: 405px;
    height: 30px;
    margin: 0;
    background: url(../img/punkt.png) no-repeat 30px;
}

div.startBoxHead4 * span {
    float: left;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    width: 200px;
    margin: 7px 0 0 50px;

}

div.startBoxHead4 > h4 {
    width: 200px;
    height: 30px;
    margin: 0;
    background: url(../img/punkt.png) no-repeat 30px;
}

div.startBoxHead4 {
    width: 200px;
    height: 30px;
    background: transparent url(../img/bggreen.png) repeat-x top left;

    margin-bottom: 10px;

}

div.startBoxHead3 * span {
    float: left;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    width: 550px;
    margin: 7px 0 0 50px;

}

div.startBoxHead3 > h4 {
    width: 550px;
    height: 30px;
    margin: 0;
    background: url(../img/punkt.png) no-repeat 30px;
}

div.startBoxHead3 {
    width: 720px;
    height: 30px;
    background: transparent url(../img/bggreen.png) repeat-x top left;

    margin-bottom: 10px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
}

/*highlightimage*/
img.floatr {
    margin: 0;
    padding-left: 10px;
}

img.floatrr {
    margin: 0;
    float: right;
}

img.floatcoco {
    margin: 20px 10px 5px 0;
    float: left;
}

img.floatmini {
    margin: 0 10px 5px 0;
    float: left;
}

img.floatfestl {
    margin: 0 10px 5px 0;
    float: right;
}

/* boxes */
#leftcont {
    padding: 20px 20px 0 20px;
    float: left;
    width: 662px;

}

div.mContBox {
    width: auto;
    height: auto;
    padding: 0;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    background-color: #FFFFFF;
    margin-left: 10px;
}

div.mContBoxHead * span {
    margin: 7px 0 0 50px;
    float: left;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

div.mContBoxHead > h4 {
    width: auto;
    height: 30px;
    margin: 0;
    background: url(../img/punkt1.png) no-repeat 30px;
}

div.mContBoxHead {
    clear: left;
    width: auto;
    height: 30px;
    background: url(../img/bggreen.png) repeat-x left top;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

div.mContBoxHeadfooter * span {
    margin: 7px 0 0 50px;
    float: left;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

div.mContBoxHeadfooter > h4 {
    width: auto;
    height: 30px;
    margin: 0;
    background: url(../img/punkt1.png) no-repeat 30px;
}

div.mContBoxHeadfooter {
    clear: left;
    width: auto;
    height: 30px;
    background: url(../img/bggreen.png) repeat-x left top;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

div.floatPad12 {
    float: left;
    height: 10px;
    width: 20px;
    overflow: hidden;
}

/* friends BOXEN */

/* center */
#mainBox {
    float: left;
    width: 620px;
    margin-top: 20px;
    height: auto;
}

#mBoxx {
    height: auto;

    width: auto;
    float: right;
}

#mBoxxSOR {
    clear: left;
    height: auto;
    background-color: #fff;
    width: 989px;
}

#mBoxxpresse {
    clear: left;
    height: 403px;
    background-color: #000;

    width: 870px;
}

#mBoxxpresspics {
    clear: left;
    height: 400px;
    background-color: #000;

    width: 900px;
}

#mBoxx1 {
    clear: left;
    height: 105px;
    background-color: #000;
    color: #000000;

    width: 980px;
}

#mBoxxpc {
    clear: left;
    height: 250px;
    background-color: #FFFFFF;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

#mBoxxip {
    clear: left;
    height: auto;
    background: #FFFFFF url(../img/bgtext.png) no-repeat;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;

}

#mcontact {
    float: right;
    clear: left;
    width: 826px;
    height: auto;
    background-color: #FFF;
    color: #000;
    padding-left: 40px;
    border: 1px solid #FFFFFF;
}

/* ############################### */
/* USER @ B&B */
/* ############################### */
#mBoxxUser {
    clear: left;
    height: 420px;
    background-color: #fff;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;

}

#UserBB {
    width: 1012px;
    background-color: #fff;
    height: 420px;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;

}

.UserDescription {
    float: right;
    width: 300px;
    margin-right: 50px;
    border: 1px solid #FFF;
    height: auto;
    margin-top: 50px;
    padding: 25px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bolder;
}

#page1 {
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;

}

#page1sorter {
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}

#mfsorterpopup {
    width: 989px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000fff;
}

#page {
    width: 100%;
}

#page3 {
    width: 100%;
    background: url(../img/frau1.png) no-repeat center 100px;

}

/* ############################### */
/* sorterfield  !!! */
/* ############################### */
#dropdownlist {
    font-size: 10px;
    height: 30px;
    float: left;
    width: 145px;
    margin: 5px 0 0 8px;

}

#send {
    font-size: 10px;
    height: 30px;
    float: left;
    width: 60px;
    margin: 10px 0 0 8px;

}

/* left */
#leftBox {
    width: 980px;
    background-color: #000000;
    height: auto;
}

#stylelab {
    width: auto;
    background-color: #000000;
    height: auto;
}

#stylelab1 {
    width: auto;
    background-color: #000000;
    height: auto;
    border: dotted 1px #fff;

}

#stylelab2 {
    width: 960px;
    background-color: #ffffff;
    height: auto;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
}

#presspics {
    width: 989px;
    background-color: #000000;
    height: auto;
    margin-left: 50px;
}

.styleBox {
    width: 989px;
    background-color: #fff;
}

/* ############################### */
/* footer box */
/* ############################### */

#footer {
    width: 989px;
    height: 30px;
    clear: left;
    background: no-repeat left bottom;

}

/* ############################### */
/* HELPERS */
/* ############################### */
div.padMe0 {
    clear: both;
    height: 0;
    background-color: #fff;

}

div.padMe10 {
    clear: both;
    height: 10px;
    background-color: #fff;

}

div.padMe10a {
    clear: both;
    height: 10px;

}

div.padMetop {
    height: 27px;
    background: url(../img/backgroundtop.png) no-repeat;

}

div.padMedown {
    clear: both;
    height: 27px;
    background: url(../img/backgrounddown.png) no-repeat;

}

div.padMetop1 {
    height: 27px;
    clear: both;
    background: url(../img/backgroundtop1.png) repeat-x;

}

div.padMedown1 {
    clear: both;
    height: 27px;
    background: url(../img/backgrounddown1.png) repeat-x;

}

div.padMe1 {
    clear: both;
    height: 1px;
}

div.padMe4 {
    height: 4px;
    clear: both;
    overflow: hidden;
}

div.padMe17 {
    clear: both;
    height: 17px;
}

div.padMe20 {
    clear: both;
    height: 20px;
    width: 10px;
}

div.padMe40 {
    clear: both;
    height: 40px;
    width: 10px;
}

div.padMe5 {
    height: 5px;
    clear: both;

}

div.padMe50 {
    clear: both;
    height: 50px;
    width: 10px;
}

div.padMe50a {

    height: 50px;
    width: 10px;
}

div.padMe100 {
    clear: both;
    height: 100px;
    width: 10px;
}

hr {
    height: 1px;
    border: 0 solid #c8c8c8;
    border-top-width: 1px;

}

hr.dashy {
    border-style: dashed;
}

.newsboxx1 {
    float: left;
    height: auto;
    width: 450px;
    margin: 0 15px 5px 0;

    padding: 0 0 5px;

}

.newsboxx2 {
    float: left;
    height: auto;
    width: 450px;
    margin: 0 0 5px 15px;

    padding: 0 0 5px;

}

.newsboxx3 {
    float: left;
    height: 480px;
    width: 480px;
    margin: 0 0 5px 15px;

    padding: 0 0 5px;

}

.auswahlboxsorter {
    width: 1014px;
    margin-left: 0;
    height: auto;
    border-top: 1px solid #FFF;

    background-color: #000000;
    margin-top: 10px;
}

.contactbox {
    width: 980px;
    margin-left: 0;
    height: auto;
    background-color: #000000;
}

.text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: 400px;
    float: left;
    padding: 20px 20px 20px 30px;

    margin-top: 20px;
    height: auto;
}

.textpr {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: justify;
    width: 350px;
    float: left;
    padding: 10px 20px 20px 30px;

    margin-top: 2px;

}

.textpc {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: justify;
    width: 350px;
    float: left;
    padding: 10px 20px 20px 30px;

    margin-top: 2px;
}

.textsl {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    width: 470px;
    float: left;
    padding: 10px 10px 20px;

    margin-top: 5px;
    background-color: #000;

    margin-right: 35px;
}

.textcoco {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: auto;
    float: left;
    padding: 10px;
    background-color: #FFF;
}

.textstylelab {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    text-align: left;
    width: 350px;
    float: left;
    padding: 10px 20px 20px 30px;

    margin-top: 2px;
    margin-left: 20px;
}

.textstylelab2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    text-align: left;
    width: 350px;
    float: right;
    padding: 10px 20px 20px 30px;

    margin-right: 20px;
}

.textNB {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: auto;
    float: left;
    padding: 20px 20px 20px 30px;

    margin-top: 20px;
    height: auto;
}

.texttilt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
    font-style: normal;
    text-align: left;
}

a.red {
    color: #FF0000;
    text-decoration: underline;
}

a.green {
    color: #1E9F2D;
    text-decoration: underline;
}

a.white {
    color: #ffffff;
    text-decoration: none;
}

a.white1 {
    color: #ffffff;
    text-decoration: underline;
}

div.white1 :hover {
    color: #000;
    text-decoration: underline;
}

.tabelle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: justify;
    width: 400px;
    float: left;
    padding-top: 50px;
    padding-left: 50px;
}

.tabelle1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: justify;
    width: 400px;
    height: 500px;
    float: left;
    padding-top: 30px;
    padding-left: 20px;
}

img.floatpresse {
    float: left;
    margin-top: 20px;
}

img.floatl {
    float: left;
    margin: 10px 0 10px 10px;
}

img.floatli {
    float: right;
    margin: 10px 60px 10px 0;
}

img.floatstyle {
    float: right;
    margin: 0 0 10px 10px;

}

img.floatloox {
    float: left;
    margin: 10px 0 10px 0;
}

img.floatberg {
    float: left;
    margin: 50px 0 10px 0;
}

img.fashionweek {
    float: left;
    margin: 10px 0 10px 0;
}

div.floatPad35 {
    float: left;
    height: 10px;
    width: 35px;
    overflow: hidden;
}

div.floatPad200 {
    float: left;
    height: 10px;
    width: 180px;
    overflow: hidden;
}

div.floatPad20 {
    float: left;
    height: 10px;
    width: 10px;
    overflow: hidden;
}

div.floatPad191 {
    float: left;
    height: 10px;
    width: 191px;
    overflow: hidden;
}

/* ############## */
/* PROFIL - NAVIGATION */
/* ############## */

#navibox {
    float: left;
    width: 200px;
    margin-right: 10px;
    color: #FFF;

    margin-left: 0;
}

/* mainlevel */

#navibox a {
    float: left;
    width: 185px;
    padding: 7px 0 7px 15px;
    text-decoration: none;
    text-transform: uppercase;
    border-top: 1px solid #000;
    color: #000000;

}

#navibox a:hover, #navibox a.l1on {
    float: left;
    background: #fff url(../img/bggreen.png) repeat-x top left;

    width: 185px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;

}

/* sublevel 1 */
#navibox a.l2, #navibox a.l2:hover, #navibox a.l2on, #navibox a.l2on:hover {
    float: left;
    width: 170px;
    padding: 3px 0 3px 35px;
    text-decoration: none;
    text-transform: capitalize;
    border-top: none;
    font-size: 12px;
    background: #FFF no-repeat top left;

    font-weight: bold;
}

#navibox a.l2:hover, #navibox a.l2on {
    background: #FFF url(../img/bggreenpro.png) no-repeat top left;

    color: #F00;
}

/* ############## */
/* ENDE PROFIL - NAVIGATION */
/* ############## */

/* ############## */
/* PROFIL - photos */
/* ############## */
.profilcontent {

    height: auto;
    margin-left: 30px;
    margin-right: 30px;
    width: 939px;
    background-color: #FFFFFF;
}

div.profilcontentbox {
    float: left;
    height: auto;
    margin: 0 50px 5px 0;
    padding: 0 0 5px;
    width: 740px;
    background-color: #FFFFFF;
}

#profilbild {
    float: left;
    height: auto;
    width: auto;
    margin: 10px 30px 10px 10px;

    border: 1px solid #999;
}

#photoBeschreibung {
    height: auto;
    float: right;
    width: 640px;
    border: 1px solid #Fff;
}

.photoBeschreibung2 {
    height: auto;
    float: left;
    width: auto;

    background-color: #FFFFFF;
}

div.photoHead * span {
    margin: 7px 0 0 50px;
    float: left;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

div.photoHead > h4 {
    width: 898px;
    height: 30px;
    margin: 0;
    background: url(../img/punkt.png) no-repeat 30px;
}

div.photoHead {
    width: auto;
    height: 30px;
    background: url(../img/bggreen.png) repeat-x left top;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;

}

.photobox {
    clear: left;
    width: 929px;
    height: auto;
}

div.messagebox {

    width: 750px;
    height: auto;

}

div.messagephotobox {
    float: right;
    width: 250px;
    height: 300px;

}

.profiltext2 {
    float: right;
    width: 225px;
    height: auto;
    background: #FFFFFF no-repeat right 0;

    color: #000;
    margin-left: 10px;
    margin-right: 3px;
    margin-top: 10px;
}

.profiltext3 {
    float: left;
    width: auto;
    height: auto;
    background: #FFFFFF no-repeat right 0;

    color: #000;
    margin-left: 10px;
    margin-right: 3px;
    margin-top: 10px;
}

.profiltext4 {
    float: left;
    width: auto;
    height: auto;
    background: #FFFFFF no-repeat center 0;

    color: #000;
    margin-left: 10px;
    margin-right: 3px;
    margin-top: 10px;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    text-align: center;
}

.closeWindow {
    float: right;
    margin-right: 50px;
}

#stylelabIS {
    height: auto;
    width: 810px;
    border: 1px solid #CCC;
    float: right;
}

#newsIS {
    float: left;
    width: 170px;
    border: 1px solid #CCC;
    height: 665px;
}


/* ############## */
/* kleine User Photos */
/* ############## */
.friendsfavorites {
    width: 200px;
    float: left;
    margin-left: 0px;
    margin-top: 20px;
}

.werbefa {
    float: left;
    width: 200px;
}

div.freunde, div.favoriten {
    width: 180px;
    height: auto;
    padding: 9px;
    background-color: #f3efef;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px dotted #ccc;
}

div.freundeHead * span, div.favoritenHead * span {
    margin: 7px 0 0 50px;
    float: left;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

div.freundeHead > h4, div.favoritenHead > h4 {
    width: 200px;
    height: 30px;
    margin: 0;
    background: url(../img/punkt1.png) no-repeat 30px;
}

div.freundeHead, div.favoritenHead {
    font-family: Arial, Helvetica, sans-serif;
    width: 200px;
    height: auto;
    background: transparent url(../img/bggreen.png) repeat-x top left;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;

}

.frandfa {
    float: left;
    width: 200px;
    margin-right: 10px;
    margin-left: 0;
    margin-top: 20px;
}

.frandfa1 {
    float: left;
    width: 200px;
    margin-right: 10px;
    margin-left: 10px;
}

div.userboxxen {
    float: left;
    width: 200px;
    margin-right: 10px;
    margin-left: 0;
    margin-top: 20px;
}

.freunde {
    font-size: 12px;

    width: 180px;
}

div.friends {
    float: left;
    width: 50px;
    height: 50px;
    color: #003;
    text-align: center;
    margin: 4px 5px 12px;

}

.textfreunde {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: 680px;
    float: left;
    padding: 20px 20px 20px 30px;

    margin-top: 20px;
}

.werbetext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    width: 200px;
}

.werbetext2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    width: 790px;
}

#stylelabIS {
    height: auto;
    width: 810px;
    border: 1px solid #CCC;
    float: right;
}

#newsIS {
    float: left;
    width: 170px;
    border: 1px solid #CCC;
    height: 665px;
}

div.werbung {
    text-align: left;
    font-size: 10px;
    width: 200px;

    float: left;

}

div.werbung1 {
    width: 982px;
    padding: 3px;
    border: 1px solid #FFFFFF;
    background-color: #000;
}

#flashcontent {
    height: auto;
    width: 400px;
    padding-top: 15px;
    padding-left: 20px;
}

#accordion-content {
    margin-left: 50px;

}

#favorite_brands {
    margin-left: 50px;
    margin-top: 10px;
}

#favorite_shops {
    margin-left: 50px;
    margin-top: 10px;
}

#mForm {
    clear: left;
    height: 60px;
    background-color: #fff;
}

div.loginbox {
    width: 870px;
    height: 500px;
    background-color: transparent;
    margin: 50px;
}

div.loginbox1 {
    width: 870px;
    height: 670px;
    background-color: transparent;
    margin-left: 50px;
}

div.loginbox2 {
    width: 870px;
    height: 400px;
    background-color: transparent;
    margin-left: 50px;
}

div.loginbild {
    width: auto;
    height: 500px;
    background-color: transparent;

}

#grprofilbox {
    width: 949px;
    height: auto;
    float: right;
    margin-right: 20px;
    margin-left: 20px;
    background-color: #fff;
}

.masterprofilbox {
    width: 989px;
    height: auto;
    background-color: #fff;

}

div.editbox {
    width: auto;
    height: auto;
    background-color: transparent;
    margin-left: 20px;
    margin-right: 20px

}

div.profilcontent1 {
    width: 909px;
    height: auto;
    background-color: #fff;
    margin-left: 20px;
    margin-right: 20px;
    float: right;
}

div.profilcontent2 {
    width: 989px;
    height: auto;
    background-color: #fff;

    float: right;
}

div .accordion .mContBoxHead {
    cursor: pointer;
}

div.edit-login-form {
    width: auto;
}

.photolistitem {
    position: relative;
    display: block;
    float: left;
    list-style-type: none;
    height: 100px;
    width: 100px;
    padding: 10px;
    border: solid 1px #cccccc;
    margin: 12px;
    text-align: center;
}

#coco {
    width: 910px;
    background-color: #fff;
    height: auto;
    margin-left: 40px;

}

#coco1 {
    width: 910px;
    background-color: #fff;
    height: auto;
    margin-left: 40px;
}

.profiltabelle {
    vertical-align: top;
    text-align: left;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    height: auto;

}

.profiltabelle2 {
    vertical-align: top;
    text-align: left;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px; /*height:300px;*/
}

.profiltabellephoto {
    vertical-align: top;
    text-align: left;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    height: 270px;
}

.profiltabellentext {
    float: left;
    width: auto;
    height: auto;
    color: #000;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    vertical-align: top;

}

.profiltabellentextrechts {
    float: left;
    width: 350px;
    height: auto;
    color: #000;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    font-weight: normal;
    overflow: hidden;

}

.profiltabelle1 {
    vertical-align: top;
    text-align: left;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    height: auto;
    padding-left: 50px;
}

/* highlight des tages boxes */
div.hlBox > span {
    font-size: 12px;
}

div.hlBox {
    width: auto;
    float: left;
    height: auto;
    margin: 10px;

}

.sheetbild {
    width: auto;
    float: left;
    height: auto;
    margin: 10px 10px 10px 20px;

}

div.hlBox1 {
    width: 150px;
    float: left;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #fff;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: dotted 1px #cccccc;
}

div.highlBox {

    height: 550px;
    background-color: #FFF;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: dotted 1px #ccc;
}

div.highlBox1 {
    width: 900px;
    height: 450px;
    background-color: #FFF;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: dotted 1px #ccc;
}

div.hlBox {
    background-color: #FFF;
}

/* highlightimagebox */
div.hlimgBox > span {
    font-size: 12px;
}

div.hlimgBox {
    width: 182px;
    float: left;
    height: auto;
    padding: 0;
}

div.hlimgBox {
    background-color: #FFF;
    float: left;
    padding-top: 10px;
    margin-left: 20px;
}

div.videoBox > span {

    font-size: 10px;
}

div.videoBox {
    width: 404px;
    float: left;
    height: auto;
    padding-top: 10px;
    padding-right: 0;
    margin-right: 0;
}

#spSocialBookmark {
    width: 180px;
    height: 200px;
    margin: 5px;
    padding: 5px;
}

#spSocialBookmark ul {
    list-style: none;
    margin: 5px;
    padding: 5px;
}

div.navicontentt {
    width: 200px;
    float: left;
    height: auto;
}



.teaser_body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
}

span.teaser_read_on {
    clear: left;
    text-align: right;
    font-size: 14px;
    display: block;
    width: auto;
    padding: 0 15px 0 5px;
    text-transform: lowercase;

}

span.teaser_read_on > a {
    color: #1E9F2D;
}

span.teaser_read_on > a:hover {
    color: #FF0000;
    text-decoration: none;
}

span.excerpt_read_on {
    clear: left;
    text-align: right;
    font-size: 14px;
    display: block;
    width: auto;
    padding: 0 15px 0 5px;
    text-transform: lowercase;

}

span.excerpt_read_on > a {
    color: #1E9F2D;
}

span.excerpt_read_on > a:hover {
    color: #FF0000;
    text-decoration: none;
}

.textteaser {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: 400px;
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    height: auto;
}

#teasercontent {

    width: 400px;
    height: auto;
    background-color: #fff;

}

.textteasercontent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: 920px;
    float: left;
    padding: 20px 30px 20px 40px;

    height: auto;
    background-color: #fff;
}

.nachrichtenbox1 {

    width: auto;
    height: auto;

}

#mailcontent {

    width: auto;
    height: auto;

}

.mailtextcontent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: 700px;
    float: left;
    padding: 20px 30px 20px 40px;

    height: auto;

}

#editcontent {

    width: 989px;
    height: 2000px;
    background-color: #fff;

}

.edittextcontent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: 860px;
    float: left;
    padding: 20px 30px 20px 40px;

    height: auto;
    background-color: #fff;
}

#staticcontent {

    width: 989px;
    background-color: #fff;

}

.statictextcontent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: 920px;
    float: left;
    padding: 20px 30px 20px 40px;

    height: auto;
    background-color: #fff;
}



.ueberschrift {
    font-size: 18px;
    color: #0096ff;
}

#vierboxen {
    width: 988px;
    height: auto;
    z-index: 2;
}

.vierboxenbox1 {
    height: auto;
    float: left;
    margin-top: 10px;
    margin-left: 20px;
    width: 450px;
}

.vierboxenbox2 {
    height: auto;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
    width: 450px;
}

.vierboxenbox3 {
    height: auto;
    float: left;

    margin-top: 10px;
    margin-left: 20px;
    width: 450px;
}

.vierboxenbox4 {
    height: auto;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
    width: 450px;
}

.vierboxenbox4a {
    height: auto;
    float: right;
    margin-top: 0;
    margin-right: 20px;
    width: 450px;
}

.zweiboxencontainer {
    width: 989px;
    height: auto;

}

.textteasercontainer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: 400px;
    float: left;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 28px;
    height: auto;
    margin-top: 0;
    z-index: 2;
    background-color: #fff;

}

.textteasercontainer1 {
    text-align: left;
    width: 420px;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding-bottom: 30px;
    padding-left: 30px;
    height: 400px;
    z-index: 2;
    padding-top: 20px;
}

.textteasercontainer2 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    width: 408px;
    padding: 20px 10px 30px 30px;

    height: auto;
    z-index: 2;

    background-color: #fff;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: dotted 1px #cccccc;
}

.textteasercontainer2a {
    text-align: left;
    width: 420px;
    padding-bottom: 30px;
    padding-left: 30px;
    height: auto;
    z-index: 2;
    padding-top: 20px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;

}

.textteasercontainer2b {
    text-align: left;
    width: 190px;
    padding-bottom: 30px;
    padding-left: 30px;
    height: auto;
    z-index: 2;
    padding-top: 20px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;

}

.textteasercontainer3 {
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: 400px;
    float: left;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 20px 20px 10px 28px;

    height: auto;
    margin-top: 0;
    z-index: 2;
    background-color: #fff;
}

.textteasercontainer4 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    width: 408px;
    padding: 20px 10px 30px 30px;

    height: 444px;
    z-index: 2;

    background-color: #fff;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: dotted 1px #cccccc;
}

.textteasercontainer5 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    width: 408px;
    padding: 20px 10px 30px 30px;

    height: 444px;
    z-index: 2;

    background-color: #fff;

}

.textteaserprofil {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: 300px;
    float: left;

    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 28px;
    height: auto;
    margin-top: 0;
    z-index: 2;
    background-color: #fff;

}

.imageboxlinksoben {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000;
    font-style: normal;
    text-align: right;
    width: auto;
    float: right;
    height: auto;
    margin-top: 10px;
    margin-left: 10px;

}

.imageboxlinksoben1 {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: auto;
    float: left;
    height: auto;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;

}

div.photoHead2 * span {
    margin: 7px 0 0 50px;
    float: left;
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

div.photoHead2 > h4 {
    width: 898px;
    height: 30px;
    margin: 0;
    background: url(../img/punkt.png) no-repeat 30px;
}

div.photoHead2 {
    width: auto;
    height: 30px;

}

div.photoHeadW * span {
    margin: 7px 0 0 50px;
    float: left;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

div.photoHeadW > h4 {
    width: auto;
    height: 30px;
    margin: 0;
    background: url(../img/punkt1.png) no-repeat 30px;
}

div.photoHeadW {
    width: auto;
    height: 30px;
    background: url(../img/bggreen.png) repeat-x left top;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;

}

div.photoHeadW1 * span {
    margin: 7px 0 0 50px;
    float: left;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

div.photoHeadW1 > h4 {
    width: auto;
    height: 30px;
    margin: 0;
    background: url(../img/redpunkt.png) no-repeat 30px;
}

div.photoHeadW1 {
    width: auto;
    height: 30px;
    background: url(../img/bggreen3.png) repeat-x left top;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;

}

div.photoHeadPunkt * span {
    margin: 7px 0 0 50px;
    float: left;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

div.photoHeadPunkt > h4 {
    width: auto;
    height: 30px;
    margin: 0;
    background: url(../img/punktpunkt.png) no-repeat 30px;
}

div.photoHeadPunkt {
    width: auto;
    height: 30px;
    background: url(../img/bggreen.png) repeat-x left top;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;

}

.homeBrand {

    line-height: 24px;
}

.homeBrand, .homeBrand a:link, .homeBrand a:visited, .homeTitle {
    font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;

    padding-right: 3px;
}

.homeBrand a:hover {
    color: #ff0000;
}

.homeBrand0 {
    font-size: 13px;
    color: #ff0000;
}

.homeBrand1 {
    font-size: 20px;
    color: #666666;
}

.homeBrand2 {
    font-size: 15px;
    color: #666666;
}

.homeBrand3 {
    font-size: 18px;
    color: #666666;
}

.homeBrand4 {
    font-size: 22px;
    font-weight: lighter;
    color: #000000;
}

.homeTitle {
    color: black;
    font-size: 14px;
}



.imgRight {
    float: right;
    margin: 0.5em 0 1em 3em;
    position: relative;
}

.imgLeft {
    float: left;
    margin: 0.5em 3em 1em 0;
    position: relative;
}

.imgRight p, .imgLeft p {
    font-size: 0.9em;
    color: #000;
    margin: 0;
    background-color: #d6d9d6;
    padding: 0.5em;
}

.activation {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    width: 240px;
    height: 278px;
    padding: 20px 10px 0 50px;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px dotted #ccc;
    background: url(../img/sorterpicsmall1.png) no-repeat top left;

}

.activationbox {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    width: 300px;
    height: 400px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 10px;

}

.activationbox2 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    width: 500px;
    height: 400px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 10px;

}

.activationbox3 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    width: 340px;
    height: 400px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 10px;

}

.rowElem {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    width: 250px;
}

.rowElem1 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    width: 450px;
}

.anmeldecontainer {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    width: auto;
    padding: 20px 10px 30px 30px;

    height: auto;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: dotted 1px #cccccc;
}

.anmeldebox {
    width: 870px;
    height: 600px;
    background-color: transparent;
    margin-left: 50px;
}

.anmeldebox1 {
    width: 870px;
    height: 400px;
    background-color: transparent;
    padding-left: 50px;
}

.logobox {
    height: 58px;
    float: left;
    margin-top: 95px;
    margin-right: 20px;
    width: 250px;
    background: url(../img/logok.png) no-repeat;

}

.Isorterboxedittextcontent1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    float: left;
    width: 923px;
    height: auto;

    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.Isorterimages {
    width: auto;
    float: left;
    padding: 20px 30px 20px 20px;

    height: auto;
    background-color: #fff;
}

.Isorterbox {
    width: 929px;
    float: right;
    padding: 30px;
    height: auto;
    background-color: #fff;
}

.Isorterboximage_text {
    width: 350px;
    float: left;

    height: auto;
    background-color: #fff;
}

.Isorterbox1 {
    width: 929px;
    float: left;
    padding: 30px;
    height: auto;
    background-color: #fff;
}

.Isorterstylefactor {
    width: 400px;
    float: right;
    padding: 30px;
    height: auto;
    background-color: #fff;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    margin: 30px 30px 30px 10px;

}

.Isortercomment {
    width: 350px;
    float: right;
    height: auto;
    background-color: #fff;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.Isortercommentshow {
    width: 929px;
    float: left;
    height: auto;
    background-color: #fff;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.fieldset1 {
    display: block;

    width: auto;
}

.span-12last {
    padding: 30px;
}

.formset {
    padding: 30px;
}

.listenansicht {
    width: 929px;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    height: auto;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: center;
}

.listenansicht1 {
    width: 929px;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    height: auto;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;

}

.listenansicht2 {
    width: 745px;
    float: left;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;

}

.listenansicht3 {
    width: 178px;
    float: left;

    margin-left: 10px;
    height: 440px;
    background-color: #D3D6D9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;

}

.listenansicht4 {
    width: 180px;
    float: left;

    margin-left: 10px;
    height: 30px;
    background-color: #D3D6D9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;

}

.listenansichtstatic {
    width: 870px;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    height: auto;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;

}

.listenansichtstaticback {
    width: 870px;
    float: left;
    padding: 30px;

    height: auto;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;

}

.listenansichttabelle {
    width: 870px;
    float: left;
    padding: 30px;
}

.listenansichtsorter {
    width: 929px;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    height: 800px;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;

}

div.photoHeadfav * span {
    margin: 8px 0 0 50px;
    float: left;
    color: #FFF;
    font-size: 10px;

    text-transform: uppercase;
}

div.photoHeadfav > h4 {
    width: 180px;
    height: 30px;
    margin: 0;
    background: url(../img/punktpunkt.png) no-repeat 30px;
}

div.photoHeadfav {
    width: auto;
    height: 30px;
    background: url(../img/bggreen.png) repeat-x left top;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;

}

.sheetBox {
    width: 737px;
    float: left;
    height: 500px;
    font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.sheetobjects {
    position: absolute;
    overflow: hidden;
}

.albumbox {
    width: 929px;
    float: left;

    height: auto;
    background-color: #fff;
    font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;

}

.albumboxlinks {
    width: 430px;
    float: left;
    height: 450px;
    margin-right: 30px;

    background-color: #fff;
    font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;

}

.albumboxrechts {
    width: 430px;
    float: right;
    margin-left: 30px;
    height: 450px;
    background-color: #fff;
    font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;

}

.albumboxcontent {
    padding: 30px;
}

.albumboxrahmen {
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    height: 420px;

}

.flash_notice {
    margin: 8px 0 0 50px;
    float: left;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;

}

.flash_warn {
    margin: 8px 0 0 50px;
    float: left;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.Frau_rote_Tuete {
    width: 989px;
    background: #FFF url(../img/Frau_rote_Tuete.png) no-repeat right bottom;
    height: 600px;

}

.nachrichtenansicht {
    width: 900px;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    height: auto;
    background-color: #fff;
    font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;

}

.Frau_rote_Tuete3 {
    width: auto;
    background: #FFF url(../img/Frau_rote_Tuete1.png) no-repeat right bottom;
    height: 600px;

}

.nachrichtenansicht3 {
    width: 600px;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    height: auto;

    font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;
}

.activeSheetObject {
    border: 1px dotted black;
}

.buttons {
    width: 148px;
    float: left;
    padding-top: 30px;
    padding-left: 30px;
    height: 440px;
    margin-left: 10px;
    background-color: #D3D6D9;
    font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-style: normal;
    text-align: left;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;

}

.textteaserflash {

    width: 446px;
    float: left;

    padding: 2px;

    height: auto;

    background-color: #fff;
}

.rechtscontent {
    height: auto;
    float: right;
    width: 450px;
}

.textstylecloud {
    text-align: left;
    width: auto;
    float: left;
    margin: 30px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    height: auto;
    margin-top: 0;
    z-index: 2;

}

.networks {
    text-align: left;
    width: auto;
    float: left;
    margin: 5px 30px 30px 30px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    height: auto;
    
    

}
.textstylecloud1 {

    width: 400px;
    float: left;

    padding: 20px;

    height: auto;
    margin-top: 0;
    z-index: 2;

}

.textstylecloudblog {
    text-align: left;
    width: 390px;
    margin: 30px;
    padding-bottom: 30px;
    height: auto;
    z-index: 2;
}

/* suchfelder */
.mainboxSuche {
    height: auto;
    float: left;
    margin: 30px 30px 0 30px;
    width: 929px;
    color: #000;
    background-color: #fff;

}

.box1-3 {
    height: auto;
    width: 929px;
}

.boxSuche1 {
    font-family: Arial, Helvetica, sans-serif;
    width: 170px;
    float: left;
    height: auto;
    z-index: 2;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 12px;

    font-weight: normal;
}

.boxSuche2 {
    font-family: Arial, Helvetica, sans-serif;

    float: left;
    width: 180px;
    padding-top: 10px;
    float: right;
    height: auto;
    z-index: 2;
    margin-left: 30px;

}

.boxSuche2VA {
    font-family: Arial, Helvetica, sans-serif;

    float: left;
    width: 180px;
    padding-top: 10px;
    float: left;
    height: auto;
    z-index: 2;
    margin-left: 30px;

}

.boxSuche2a {
    font-family: Arial, Helvetica, sans-serif;

    float: left;
    width: 180px;
    padding-top: 10px;
    float: left;
    height: auto;
    z-index: 2;
    margin-right: 30px;

}

.boxSuche3 {
    font-family: Arial, Helvetica, sans-serif;
    float: right;
    width: 450px;

    float: left;
    height: auto;
    z-index: 2;
}

.boxSuche4 {
    font-family: Arial, Helvetica, sans-serif;
    width: 150px;
    float: left;
    height: auto;
    z-index: 2;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 12px;

    font-weight: normal;
}

.boxSuche5 {
    font-family: Arial, Helvetica, sans-serif;
    width: 275px;
    float: left;
    height: auto;
    z-index: 2;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 12px;

    font-weight: normal;
}

.boxSuchevorauswahlright {
    font-family: Arial, Helvetica, sans-serif;
    width: 375px;
    float: left;
    height: auto;
    z-index: 2;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: normal;
    margin-left: 20px;
}

.boxSuchevorauswahlleft {
    font-family: Arial, Helvetica, sans-serif;
    width: 275px;
    float: left;
    height: auto;
    z-index: 2;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 12px;

    font-weight: normal;
}

.SucheHeader {
    height: auto;

    margin: 30px;
    width: 870px;
}

.boxSuche1inner {
    height: auto;
    margin: 10px;
    width: 150px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;

}

.boxSuche2inner {
    height: auto;
    margin: 10px;
    width: 150px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.boxSuche3inner {
    height: 190px;
    width: auto;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #fff;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 10px;
}

.boxSuche4inner {
    height: auto;
    margin: 10px;
    width: 255px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;

}

.boxSuche5inner {
    height: auto;
    margin: 10px;
    width: 520px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

div.Headsuche * span {
    margin: 7px 0 0 15px;
    float: left;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    width: auto;
}

div.Headsuche > h4 {
    width: auto;
    height: 30px;
    margin: 0;

}

div.Headsuche {
    width: auto;
    height: 30px;
    background: url(../img/bggreen1.png) repeat-x left top;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;

}

div.Headsuche1 * span {
    margin: 7px 0 0 50px;
    float: left;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

div.Headsuche1 > h4 {
    width: auto;
    height: 30px;
    margin: 0;
    background: url(../img/punktpunkt.png) no-repeat 30px;
}

div.Headsuche1 {
    width: auto;
    height: 30px;
    background: url(../img/bggreen.png) repeat-x left top;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;

}

.Headbild {
    width: auto;
    height: 100px;
    padding-left: 25px;
    border-top: dotted 1px #cccccc;
    border-left: dotted 1px #cccccc;
    border-right: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
}

div.padMe31 {
    height: 32px;
}

.mainboxSchnellSuche {
    height: auto;
    float: right;
    margin: 10px 10px 10px 20px;
    width: 450px;
}

.boxSchnellSuche {
    height: auto;
    width: 450px;
}

#suchframer {
    width: 570px;
    text-align: left;
    height: 310px;
    background-color: transparent;
    float: right;
    margin-top: 0;
    margin-right: 30px;

    margin-left: 30px;
}

div.suchcontent {
    width: 530px;
    background-color: #FFF;
    height: 310px;
}

.suchtabelle {
    height: auto;
    margin-left: 20px;
    width: 410px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;

}

.highlightsstart {
    height: auto;
    float: left;
    margin: 10px 15px 10px 20px;
    width: 450px;

}

.highlightsstartbox {
    height: 180px;
    width: auto;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #fff;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 10px;
    text-align: left;
}

.suchContainer {
    background-color: #fff;
}

span.searchLink {
    float: right;
    text-align: right;
    font-size: 12px;
    display: block;
    width: auto;
    padding: 0 0 0 5px;

}

span.searchLink > a {
    color: #1E9F2D;
}

span.searchLink > a:hover {
    color: #FF0000;
    text-decoration: none;
}

.stylecasebild {

    height: auto;
    margin: 5px;

    background-color: #fff;
    float: left;
}

.stylecasebildtext {

    height: auto;
    margin-left: 15px;
    margin-top: 15px;
    font-size: 10px;
    background-color: #fff;
    float: left;
    font-weight: bold;
}

#shops_map {
    width: 555px;
    height: 330px;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-right: 15px;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;

}

.accordion-content-edit {
    width: 500px;
    height: auto;
    margin-left: 40px;
    margin-top: 15px;

    float: left;
    text-align: left;
}

.accordion-content-edit1 {
    width: 500px;
    height: auto;
    margin-left: 0px;
    margin-top: 15px;

    float: left;
    text-align: left;
}

.accordion-content-edit2 {
    width: 500px;
    height: auto;
    margin-left: 50px;
    margin-top: 15px;

    float: left;
    text-align: left;
}

.affiliatecontainer {
    text-align: left;
    width: 600px;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding-bottom: 30px;
    padding-left: 30px;
    margin: 30px;
    height: auto;

    padding-top: 20px;
}

.suchboxinnner {

    width: auto;

    height: auto;

}

.verkaufundis {
    width: 989px;
    height: auto;

}

.padMe1a {

    height: 1px;
}

.bgbild {
    height: 400px;
    width: 989px;
    background-image: url(../img/Frau_rote_Tuete.png);
    background-repeat: no-repeat;
    background-position: right;
}

.bgbild1 {
    height: 400px;
    width: 860px;
    background-image: url(../img/Frau_rote_Tuete850.png);
    background-repeat: no-repeat;
    background-position: right;
}
.archivcontent {
    height: auto;
    float: right;
    width: 989px;
}

.archivbox {
    height: auto;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
    margin-left: 20px;
    width: 950px;
}

.textarchiv {
    font-size: 12px;
    color: #000;
    font-style: normal;
    text-align: left;
    width: 900px;
    float: left;
    border: dotted 1px #cccccc;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 20px 20px 10px 28px;
    height: auto;
    margin-top: 0;
    z-index: 2;
    background-color: #fff;
}

.styleclodboxarchiv {
    height: auto;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
    width: 450px;

}

.stylecloudboxarchiv1 {
    height: auto;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
    width: 930px;

}

.styletickerbox {
    height: auto;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
    margin-left: 20px;
    width: 450px;
}

.blogsites {
    height: auto;
    float: left;
    margin-top: 10px;
    margin-right: 20px;
    width: 450px;

    margin-left: 20px;
}

/* ############## */
/* NAVIGATION */
/* ############## */

#mainnav {
    width: 990px;
    height: 30px;
    clear: left;
    color: #ffffff;
    background-position: top left;
    background-repeat: repeat-x;
    overflow: hidden;
    font-weight: bold;
    text-transform: uppercase;
}

div#mainnav a {
    text-align: center;
    width: 195px;
    height: 30px;
    float: left;
    background-image: url(../img/bg-navi.png);
    background-position: top left;
    background-repeat: repeat-x;
    padding-top: 8px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

#mainnav a:hover {
    background-image: url(../img/bg-navi-hover.png);background-repeat:no-repeat;
}

#mainnav a.active {
    background-image: url(../img/bg-navi-hover.png);background-repeat:no-repeat;
}

div.seperata {
    width: 3px;
    height: 30px;
    float: left;
    background-image: url(../img/nav_separator.png);
    background-position: top left;

	margin-top: 0;
}
 div.seperata1 {
    width: 3px;
    height: 30px;
    float: left;
    background-image: url(../img/nav_separator1.png);
    background-position: top left;

	margin-top: 0;
}


#mainnav ul {
	margin: 0;
	padding: 0;
	list-style: none;

}



#mainnav li {
	float: left;

	padding-top: 0;
	list-style: none;
}






}





/* ******************** */
/* 	FORM & INPUTS      */
/* ******************** */

form {
    margin: 0;
    padding: 0;
    text-transform: lowercase;
}

.field, .checkbox, #submit {
    background: #FFF;
    border: 1px solid #CCC;
    margin-right: 10px;
}

.field {
    width: 180px;
}

#zip {
    width: 48px;
}

#city {
    width: 120px;
}

#message {
    height: 80px;
}

#submit {
    width: 50px;
}

.red {
    color: #ff0000;
}

.isPagination {
    width: auto;
    height: 40px;
    float: left;
    margin: 15px;
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;

}
.mbfwsummer2010 {
    height: 699px;
    width: 989px;
    background-image: url(../img/mbfw.jpg);
    background-repeat: no-repeat;
    background-position: center;
    text-align:center;
    
    
}
.mbfwsummer2010t {

    width: 989px;

    text-align:center;
    font-size: 14px;
    text-transform: uppercase;
     font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;

}