/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style:none; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }
#container { width:980px; margin:0 auto; position:relative; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }


      #addressdata {
        position:absolute;
        left:40px;
        top:70px;
      }
      #bo_container {
      	font-family:Arial,sans-serif;
      	padding:0px;
      	margin:0px;
      	background:#fff;
      	color:#653;
      	font-size:0.8em;
      	line-height:1.5em;
      }
      #menu {
      	position:relative;
      	left:0px;
      	width:100%;
      	top:0px;
        margin-bottom:-10px;
      }
      .content {
      	position:relative;
      	margin-bottom:0px;
      	padding:30px 40px 5px 40px;
      }
      #topleft {
      	position:absolute;
      	top:10px;
      	left:40px;
      }
      #topcenter {
      	position:absolute;
      	top:10px;
      	margin:auto;
      	width:300px;
      	left:340px;
      	text-align:center;
      }
      #topright {
      	position:absolute;
      	top:10px;
      	right:0px;
      	margin-right:30px;
      	text-align:right;
      }
      #boxtop, #boxtop_search {
        position:relative;
        width:100%;
        height:25px;
        background:url(../img/layout/kasten/Kasten_01_ohne.gif);      
      }
      #boxmiddle {
        position:relative;
        width:100%;
        background:url(../img/layout/kasten/Kasten_01_mitte.gif);      
      }
      #boxbottom {
        position:relative;
        width:100%;
        height:16px;
        background:url(../img/layout/kasten/Kasten_01_unten.gif) no-repeat;
      }
      
      td.right {
      	text-align:right;
      	vertical-align:top;
      }
      table {
      	width:100%;
      }
      td {
      	vertical-align:top;
      	font-size:1.0em;
      }
      .mini {
      	font-size:small;
      }
      h1, h2, h3, h4 , h5 {
      	font-size:130%;
      	font-weight:bold;
      	margin:0px;
      }
      h2 {
        font-size:200%;
        margin-bottom:5px;
      }
      a {
      	color:#9a0;
      	text-decoration:none;
      }
      a:hover {
      	text-decoration:underline;
      }
      img {
      	border:0px;
      }
      hr {
      	height:1px;
      	background:#bca;
      	border:0px;
      }

/* ---------------- Partnerkonto ---------------- */
#partnernav {
    padding: 0;
}

    #partnernav table {
        border-collapse: collapse;
        background:#fff 0px 6px repeat-x;
	width: 691px;
    }
    #partnernav td {
        width: 90px;
        text-align: center;
        border: 0px;
        border-bottom: 1px #653 solid;
        padding: 3px;
    }
    #partnernav td.active {
        border: 1px #653 solid;
        border-bottom: 0px;
        background: #fff;
    }

    #partnercontent  {
        border:1px #653 solid;
        border-top:0px;
        padding:15px;
        padding-top:30px;
	width: 660px;
    }

    #partner_image {
        max-width: 280px;
        width: expression(this.width > 280 ? (this.height > this.width ? (this.width / this.height) * 280 : 280) : true);
    }

    /* Schaufenster */
    .gmapinfowindow {
        text-align:left;
    }

    /* Laden */
    #partnershowroomgallery #currentpicture.singlepicture {
        text-align: center;
        width: 100%;
        width: 312px;
	margin: auto;
    }

    #partnershowroomgallery #currentpicture.multiplepictures {
        float: left;
        margin: 0px;
        width: 250px;
        height: 320px;
    }
    
    #partnergallery_edit #currentpicture {
        float: left;
        width: 250px;
    }

    #partnershowroomgallery #browser, #partnergallery_edit #browser {
        float: right;
        margin-top: 0px;
        margin-bottom: 8px;
        /*margin-left: 40px;*/
        margin-right: 5px;
        width: 250px;
    }
#partnershowroomgallery {
	position: relative;
	text-align: center;
}

#pbprev {
	position: absolute;
        background: url('../img/layout/pbprev.png') no-repeat scroll 0 0 transparent;
	height: 29px;
	width: 29px;
	top: 100px;
	left: 85px;
	z-index: 100;
}
#pbprev:hover {
        background: url('../img/layout/pbprev-active.png') no-repeat scroll 0 0 transparent;
}
#pbnext {
	position: absolute;
        background: url('../img/layout/pbnext.png') no-repeat scroll 0 0 transparent;
	height: 29px;
	width: 29px;
	top: 100px;
	right: 85px;
	z-index: 100;
}
#pbnext:hover {
        background: url('../img/layout/pbnext-active.png') no-repeat scroll 0 0 transparent;
}

    #partnershowroomgallery #browser_cntrls, #partnergallery_edit #browser_cntrls {
        text-align: center;
        margin-top: 10px;
    }

    #partnershowroomgallery #browser_cntrls a, #partnergallery_edit #browser_cntrls a {
        cursor: pointer;
        text-decoration: none;
    }

    .gallerypic_big {
        margin: auto;
        max-height: 320px;
        max-width: 250px;
    }

    .gallerypic_big_img {
        border: 1px solid #CCC;
	padding: 5px;
        max-height: 260px;
        max-width: 300px;
        width: expression(this.width > 250 ? (this.height > this.width ? (this.width / this.height) * 250 : 250) : true);
    }

    .gallerypic_description {
        margin-top: 8px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .gallerypic_left {
        float: left;
        max-width: 100px;
        max-height: 100px;
    }

    .gallerypic_right {
        float: right;
        /*margin-left: 45px;*/
        max-width: 100px;
        max-height: 100px;
    }

    div.partneredit, div.partnernetwork {
        margin-bottom: 25px;
        overflow: visible;
    }

    /* Netzwerk */

    div.partnernetwork #tagcloud {
        clear: both;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 10px;
    }

    /* Einstellungen */

    #partnerpres_edit {
        margin-bottom: 0px
    }

    .partneredit .input {
        margin-bottom: 10px;
    }

    .partneredit .input label {
        display: block;
    }

    .partneredit .submit, .partnernetwork .submit {
        margin-top: 5px;
        text-align: left;
    }

    .partneredit .input .error-message {
        text-align:left;
        padding: 5px;
    }

    .partneredit .input input[type="text"] {
        padding: 1px;
    }

    .partneredit span.charcounter {
        display: block;
        font-size:smaller;
    }

    .partneredit .input textarea {
        padding: 3px;
        font-family: Arial,sans-serif;
        font-size: 1em;
    }

    #preseditor_cntrls {
        display: inline-block;
        margin-bottom:10px;
        margin-right:5px;
    }

    #preseditor_cntrls a {
        display: inline;
        cursor: pointer;
    }

    #preseditor_cntrls span {
        margin-left: 3px;
        margin-right: 3px;
    }

    #preseditor textarea {
        font-family:Arial,sans-serif;
        font-size:1em;
    }

    #preseditor_usage {
        list-style-type:none;
    }

    /* Lightwindow Empfehlungen vergeben */
    #paginatorcntrls .disabled{
        display: inline;
        float: none;
        clear: none;
    }


/* ---------------- Designer ---------------- */
    .designer_legend_container {
        position:absolute;
        left:0px;
        width:100%;
        text-align:right;
    }

    .designer_legend_container .donbutton {
        position:relative;
        top:8px;
        display:inline;
        float:right;
        clear:both;
    }

    .designer_legend_headline {
        position:relative;
        top:-5px;
    }

    .designer_legend_line {
        position:absolute;
        left:-170px;
        top:19px;
        width:400px;
        background:inherit;
        height:0px;
        margin:auto;
        border-bottom:1px #653 dotted;
    }

    .designer_legend_point {
        position:absolute;
        left:-170px;
        top:18px;
        width:3px;
        height:3px;
        font-size:0px;
        background:#653;
    }

    input.designerInput {
        font-size: 1.4em;
        text-align: center;
    }

    #vouchertext_editor2 div {
        margin-bottom: 20px;
        line-height: 1.3em
    }
    
    #vouchertext_editor2 h3 {
        font-size: 110%;
    }
    #vouchertext_editor2 a.notselected {
        color: #99AA00;
    }

    #vouchertext_editor2 a.selected {
        color: #653;
        font-weight: bold;
    }
    
    #vouchertext_editor2 a:hover.selected {
        color: #653;
        cursor: default;
        text-decoration: none;
    }

table.mini a {
    color: #666;
}

#layout2col {
}

#layout2col td {
    width:282px;
    text-align:left;
}

#layout2col td.spacing {
    width:38px;
}

form label {
}

.error {
    color:#f00;
    font-weight:bold;
}

div.inpFailed {
    color:red;
    font-size: 0.9em;
}

div.donbutton, div.donlwbutton {
        position:relative;
        background:url(../img/layout/button/middlebtn.png);      
        color: #000;
      	font-size:0.9em;
	display: inline-block;
	margin: auto;
        padding: 0 11px 0 11px;
        width:200px;
        height:21px;
        text-align: center;
      }
div.textbtn {
        position:relative;
        top: 4px;
        left: 0px;
        width: 100%;
        height: 100%;
        text-align: center;
        vertical-align: middle;
        z-index: 25;
		margin: auto;
		padding: 0 0 0 0;
		line-height: 1em;
      }
div.leftbtn {
        position:absolute;
        background:url(../img/layout/button/leftbtn.png) no-repeat;      
        background-position: left;
        width:11px;
        height:21px;
        top: 0;
        left: 0;
        z-index: 20;
      }
div.rightbtn {
        position:absolute;
        background:url(../img/layout/button/rightbtn.png) no-repeat;
        background-position: right;
        width:11px;
        height:21px;
        top: 0;
        right: 0;
        z-index: 10;
      }
div.linkbtn {
        position:absolute;
        top: 0px;
        width:100%;
        height:21px;
        z-index: 30;
        left: 0px;
      }
div.linkbtn img {
        position:absolute;
        width:100%;
        height:21px;
        top: 0;
        left: 0;
      }

td.inpFailedTop {
  border-left: 1px solid red; 
  border-right: 1px solid red; 
  border-top: 1px solid red;
  border-bottom: 1px solid red;
}

td.inpFailedBottom, .error-message {
  text-align: center;
  color: red;
  font-size: 0.9em;
}
      .slider{
        margin-top:-8px;
        margin-left:0px;
        width:16px;
        height:16px;
        background-image:url(../img/layout/sliderhandle.gif);
      }
      .slider_track {
        top:7px;
        width:100%;
        height:1px;
        background:#ddd;
	overflow: hidden;
      }

div.auto_complete {
  z-index: 9000;
  background: #fff;
  border-left: 1px dotted #653; 
  border-right: 1px dotted #653; 
  border-bottom: 1px dotted #653;
}

.auto_complete li.selected {
	font-weight: bold;
  	background-color: #EEE;
}

div.admincorner {
	position: absolute;
	z-index: 9001;
}

div.adminmenuitem {
	position: relative;
	color: red;
	padding: 15px 0 0 15px;
	opacity: 1;
}
div.adminmenuitem a {
	color: red;
	text-decoration: none
}
div.adminmenuitem a:hover {
	color: red;
	text-decoration: underline;
}

#adminbar {
	position: absolute;
    border: 1px solid #653; 
    border-top: 0;
	font-size: 1.5em;
	opacity: 0.7;
	background-color: white;
	text-align: center;
	height: 80px;
	top: 0px;
	left: 15px;
	right: 15px;
	z-index: 9000;
}
#adminbar hr {
	margin: 5px 100px 5px 100px;
}

#googlemap {
	border: 1px solid #BCA;
}

    #areacloud {
        clear: both;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 10px;
    }
div.partnerlist {
      	line-height:1.1em;
  font-size: 1em;
  border: 1px solid #DDD;
  position: relative;
  padding: 5px 0 0 5px;
  margin-top: 120px;
  margin-bottom: 10px;
  height: 300px;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 900px;
}
div.partnerempty {
  position: relative;
  font-size: 1.2em;
  margin-top: 120px;
  margin-bottom: 10px;
  height: 300px;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 920px;
  text-align: center;
}
div.navidiv {
  position: absolute;
  text-align: center;
  right: 200px;
  left: 150px;
  top: 470px;
}

div.sortdiv {
  position: absolute;
  text-align: right;
  right: 35px;
  top: 470px;
}

div.startcontent {
  height: 600px;
  width: 100%;
  margin: 2px;
}
div.startcontent h2 {
  font-size: 1.5em;
  font-weight:normal;
}

div.startbox {
  position: relative;
  background:url(../img/layout/mixer/Rahmen-01.jpg) no-repeat center top;
  height: 270px;
  width: 300px;
  padding: 10px;
  overflow: hidden;
}
div.startright #tagcloud {
  margin: 10px 30px 0px 30px;
  height: 268px;
  overflow: auto;
}

div.startmiddle {
    text-align: left;
}
div.startmiddle form {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 0.8em;
}
div.startmiddle form select {
    width: 100%;
    font-size: 1.5em;
}
div.startmiddle form input {
    width: 100%;
    font-size: 1.5em;
}

div.startleft {
    text-align: center;
}

div.startleft div.pict {
    text-align: center;
    margin-left: 50px;
    margin-right: 10px;
    float: left;
    width: 200px;
}

div.startleft div.pict img{
  height: 230px;
}

*#farea table:hover {
	opacity: 1;
}

*#farea table {
	margin: 20px 0 0 15px;
	width: 955px;
	opacity: 0.5;
}

*#farea td, *#farea tr, *#farea a {
	color: #999;
}

*#farea th, *#farea td {
	padding-left: 10px;
	width: 195px;
}

*#farea th, *#farea h3 {
	font-weight: bold;  
	font-size: 1.1em;
}

#divDTEvent {
  padding: 5px;
}
.divDTEventBeschr {
	width: 575px;
  	padding-left: 20px;
	font-size: 0.9em;
	font-style: normal;
}
a.DTEventPrintview {
	padding-left: 580px;
}	

/* --- Designer --------------------------------- */
#framePreview {
	width:600px;
	height:848px;
	border:1px solid #BCA;
}
#voucherbgPreview {
	width: 600px;		
	height:	848px;
}
#vouchertext {
	width: 600px;		
	height:	848px;
}
#voucheroverlay {
	width: 600px;		
	height:	848px;
}
/* --- Designer --------------------------------- */