.agenturListe{width:622px;margin:0;padding:0}
div#news_box{text-align:justify;width:610px;border:1px solid #DCDCDC;margin-top:1px;padding:5px}
div#tagcloud_box{text-align:justify;width:610px;background:url(http://www.werbeagentur-in.de/images/bkgr_gray_verlauf_klein.jpg);border:1px solid #DCDCDC;margin-top:1px;padding:5px}
div#tagcloud_box a{background-color:transparent;background:none;text-decoration:none;border:0;padding:0}
#grau_bg{display:none;background-color:#000;position:absolute;top:0;left:0;filter:Alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;margin:0;padding:0}
#Ausgabe{position:absolute;z-index:500;display:none;background-color:#fff;border:5px solid #90272B;margin:0;padding:10px}
#AusgabeInhalt{border:0}
.menu_position{margin-top:10px;margin-left:0;float:left;width:623px}
.fieldSetRegistrierung{background-color:#eee;width:572px}
.fieldSetRegistrierung legend{color:#90272B;font-weight:700}
.fieldSetRegistrierung input{border:1px solid #666;margin-bottom:5px;padding:2px}
.fieldSetRegistrierung textarea{border:1px solid #666;padding:2px}
.fieldSetRegistrierung h6{color:#90272B;font-size:11px;margin-bottom:6px;text-transform:uppercase}
.forCheckBox{margin-left:127px;font-weight:400}
.form_beschreibung{font-size:x-small;color:#666}
.box_gaensefuesschen{color:#90272B;font-size:130%}
.box_style_red{margin-top:1px;width:224px;margin-bottom:1px;background-color:#90272B;border:1px solid #AF2B34;color:#fff;padding:5px}
.box_style_gray{margin-top:1px;width:224px;margin-bottom:2px;background-color:#eee;border:1px solid #CCC;background:url(../images/post.jpg);padding:5px}
.box_style_login{float:left;width:236px;height:114px;background-color:#90272B;margin-left:8px;border:0;font-size:9px}
.box_style_red img{border:1px solid #fff;background-color:#fff;margin:0;padding:0}
.cat_box_left{float:left;height:250px;width:300px;background:#FAFAFA;border:1px solid #DCDCDC;margin-right:8px;font-size:11px;padding:5px}
.cat_box_left img{background:none;border:0;padding:0}
.cat_box_right{overflow:hidden;float:left;width:290px;background:#FAFAFA;border:1px solid #DCDCDC;padding:5px}
#main_gross .main_box_gray{margin-top:2px;width:610px;margin-bottom:8px;background-color:#eee;border:1px solid #CCC;background:url(http://www.werbeagentur-in.de/images/post.jpg);padding:5px}
#main_gross .detail_titel{margin-top:2px;width:810px;background-color:#eee;border:1px solid #CCC;background:url(http://www.werbeagentur-in.de/images/post.jpg);padding:5px}
#main_gross .detail_box{width:810px;margin-bottom:8px;border:1px solid #CCC;background-color:#eee;padding:15px 5px 5px}
#log_res{overflow:auto}
.ajax-loading{background:url(http://www.werbeagentur-in.de/images/ajax-loader-bar.gif) no-repeat center;padding:20px 0}
.error_box_fehler{font:bold 10px Verdana, Sans-Serif;color:#000;text-align:center;background-color:#FFCCD8;border:1px solid #FF6F93;clear:both;display:block;margin-bottom:15px;padding:5px}
.error_box_erfolgreich{font:bold 10px Verdana, Sans-Serif;color:#000;text-align:center;background-color:#D2FFCF;border:1px solid #71AF6D;clear:both;display:block;margin-bottom:15px;padding:5px}
*{outline:0;margin:0;padding:0}
* body{font-size:10px}
body{background:#CCC;font:11px verdana, arial, Tahoma, sans-serif;color:#4C4747;text-align:center;margin:0}
a,a:visited{color:#90272B;background:inherit;text-decoration:underline;font-weight:400}
a:hover{color:#8d8d8d;background:inherit}
h1,h2,h3,h5{font-family:Trebuchet MS, Tahoma, Sans-serif}
h1{font-size:170%;font-weight:700;color:#4A4A4A}
h2{font-size:130%;text-transform:none;font-weight:700;color:#4A4A4A}
h3{font-size:120%;text-transform:none;font-weight:700;color:#4A4A4A}
h4,h5{font-size:12px;font-weight:700;font-family:"Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;margin-left:13px}
h1,h2,h3,p{margin:0;padding:10px}
ul,ol{margin:5px 20px;padding:0 20px}
img{border:1px solid #DCDCDC;padding:5px}
img.float-right{margin:5px 0 10px 10px}
img.float-left{margin:5px 10px 10px 0}
img.no_border{border:0;margin:0;padding:0}
code{text-align:left;display:block;overflow:auto;font:500 1em / 1.5em 'Lucida Console', 'courier new', monospace;background:url(http://www.werbeagentur-in.de/images/post.jpg);border:1px solid #E0DBC9;margin:5px 0;padding:10px}
acronym{cursor:help;border-bottom:1px dashed #777}
blockquote{background:url(http://www.werbeagentur-in.de/images/post.jpg);border:1px solid #E0DBC9;font:bold 1.3em / 1.5em Verdana, Tahoma, Sans-serif;color:#DF3742;margin:5px;padding:0 0 0 25px}
table{border-collapse:collapse;margin:10px}
th strong{color:#fff}
th{background:#90272B url(nav.jpg) repeat-x;height:29px;padding-left:12px;padding-right:12px;color:#FFF;text-align:left;border-left:1px solid #B6D59A;border-bottom:solid 2px #FFF}
tr{height:30px}
td{padding-left:11px;padding-right:11px;border-left:1px solid #E8E8E8;border-bottom:1px solid #DFDFDF}
td.first,th.first{border-left:0}
tr.row-a{background:#F8F8F8}
tr.row-b{background:#EFEFEF}
tr.row-c{background:#FFF}
form{margin:10px;padding:0 5px}
label{display:block;font-weight:700;margin:5px 0}
input{border:1px solid #666;font:normal 1em Verdana, sans-serif;color:#777;padding:2px}
textarea{width:400px;font:normal 1em Verdana, sans-serif;border:1px solid #666;height:100px;display:block;color:#777;padding:2px}
input.button{font:bold 12px Arial, Sans-serif;height:24px;color:#FFF;background:#90272B url(nav.jpg) repeat-x 0 0;border:none;cursor:pointer;margin:0;padding:2px 3px}
input.buttongrey{font:10px Arial, Sans-serif;height:18px;color:#000;background:#fff url(nav.jpg) repeat-x 0 0;border:none;margin:0;padding:2px 3px}
.searchform{background-color:transparent;border:none;width:220px;margin:0 0 0 3px;padding:5px 0 10px}
.searchform p{margin:0;padding:0}
.searchform input.textbox{width:130px;color:#777;height:18px;border:1px solid #E5E5E5;vertical-align:top;padding:2px}
.searchform input.button{width:60px;height:24px;vertical-align:top;padding:2px 5px}
#top-bg{position:absolute;width:900px;height:19px;background:#CCC url(http://www.werbeagentur-in.de/images/top-bg.jpg) repeat-y center top;top:0;left:0;z-index:1}
#content-wrap{position:relative;clear:both;float:left;width:875px;background:#FFF;border-top:5px solid #FFF;margin-left:10px;display:inline;padding:2px 0 0}
#header{width:900px;background:#fff url(http://www.werbeagentur-in.de/images/header-bg2.jpg) repeat-y center top;color:#FFF;padding:0}
#header h1#logo-text a{position:absolute;font:bold 36px Verdana, Arial, Sans-serif;letter-spacing:-1px;color:#787676;text-transform:none;text-decoration:none;top:25px;left:30px;margin:0;padding:0}
#header h1#logo-text span{color:#9A9696}
#header p#slogan{position:absolute;font:normal 12px Verdana, Arial, Sans-serif;text-transform:none;color:#838181;top:67px;left:95px;margin:0;padding:0}
#header #header-links{float:right;margin-right:10px;color:#838181;font-size:10px}
#header #header-links a{color:#838181;text-decoration:none}
#header #header-links a:hover{color:#444}
#header-photo{float:left;clear:both;width:623px;height:80px;margin-left:17px;background:url(http://www.werbeagentur-in.de/images/header-photo.jpg) no-repeat center center;font-size:15px;font-weight:700}
#main_gross{float:left;width:853px;padding:0 0 0 5px}
#main_gross h2{font:normal 1.9em Verdana, Tahoma, Sans-serif;color:#85970C;text-transform:none;padding:10px 0 0 10px}
#main{float:left;width:623px;display:inline;padding:0 0 0 5px}
#main h2{font:normal 1.9em Verdana, Tahoma, Sans-serif;color:#666;text-transform:none;padding:10px 0 0 10px}
#main a{color:#90272B}
#rightbox-wrap{color:#4C4747;font-family:Verdana, Tahoma, arial, sans-serif;float:right;width:236px;min-height:150px;margin-left:8px;border:0}
#rightbox-wrap a{text-decoration:underline}
#rightbox-wrap h3{text-transform:none;padding:10px 0 0 10px}
#rightbox-wrap h3 a{color:#90272B;text-decoration:underline}
#sidebar{float:right;width:27.5%;margin:0;padding:20px 10px 0 0}
#sidebar h3{font:bold 1.4em Verdana, Tahoma, Sans-serif;color:#90272B;padding:5px}
#sidebar ul.sidemenu{text-align:left;text-decoration:none;background:url(http://www.werbeagentur-in.de/images/dots.jpg) repeat-x left top;margin:7px 4px 8px 0;padding:0}
#sidebar ul.sidemenu li{list-style:none;background:url(http://www.werbeagentur-in.de/images/dots.jpg) repeat-x left bottom;color:#8F8F8F;margin:0 2px;padding:4px 0 4px 5px}
* html body #sidebar ul.sidemenu li{height:1%}
#sidebar ul.sidemenu li a{text-decoration:none;background-image:none;color:#333}
#sidebar ul.sidemenu li a:hover{color:#1773BC}
#sidebar ul.sidemenu ul{margin:0 0 0 5px;padding:0}
#footer-wrap a:hover{color:#000}
#footer-wrap p{padding:10px 0}
#footer-wrap h3{color:#333;text-transform:uppercase;margin:0;padding:0 10px}
#footer-columns{color:#888;width:760px;margin:0 auto;padding:0}
#footer-columns ul{list-style:none;background:url(http://www.werbeagentur-in.de/images/footer-dots.jpg) repeat-x left top;margin:10px 0 0;padding:0}
#footer-columns li{background:url(http://www.werbeagentur-in.de/images/footer-dots.jpg) repeat-x left bottom}
#footer-columns li a{display:block;font-weight:400;width:96%;padding:4px 0 4px 10px}
#footer-columns .col3,.col3-center{float:left;width:32%}
#footer-columns .col3-center{margin:0 15px}
#footer-bottom{clear:both;color:#666;width:820px;text-align:center;margin:0 auto;padding:10px 0}
.post-footer{background:url(http://www.werbeagentur-in.de/images/post.jpg);font-size:95%;border:1px solid #E0DBC9;margin:5px 10px 10px;padding:5px}
.post-info{font-size:.95em;margin-left:2px;color:#888;padding:0 10px}
.float-left{float:left}
.float-right{float:right}
.align-left{text-align:left}
.align-right{text-align:right}
.clear{clear:both}
#nav{clear:both;padding:0}
#nav ul{float:left;list-style:none;background:url(nav.jpg) repeat-x;width:790px;text-transform:uppercase;display:inline;margin:0 0 0 15px;padding:0}
#nav ul li{display:inline;margin:0;padding:0}
#nav ul li a{display:block;float:left;width:auto;border-right:1px solid #899D00;border-left:1px solid #A7D101;border-bottom:none;color:#FFF;font:bold 13px / 2.8em "Century Gothic", Verdana, Helvetica, Arial, Geneva, sans-serif;text-transform:uppercase;text-decoration:none;letter-spacing:1px;margin:0;padding:0 14px}
#nav ul li a:hover,#nav ul li a:active{background:url(http://www.werbeagentur-in.de/images/nav-hover.jpg) repeat-x}
#nav ul li#current a{background:url(http://www.werbeagentur-in.de/images/nav-current.jpg) repeat-x}
#menu{position:relative;display:block;height:39px;font-size:11px;font-weight:700;background:transparent url(http://www.werbeagentur-in.de/images/bgOFF.gif) repeat-x top left;font-family:Arial, Verdana, Helvitica, sans-serif;border-top:4px solid #90272B}
#menu ul{list-style-type:none;width:auto;margin:0;padding:0}
#menu ul li{display:block;float:left;margin:0}
#menu ul li a{display:block;font-weight:700;float:left;color:#666;text-decoration:none;height:23px;background:transparent url(http://www.werbeagentur-in.de/images/bgDIVIDER.gif) no-repeat top right;padding:11px 20px 0}
#menu ul li a:hover,#menu ul li a.current{color:#90272B;background:#fff url(http://www.werbeagentur-in.de/images/bgON.gif) no-repeat top right}
.liste{text-align:center}
.liste a{width:25px;height:25px;min-width:25px;min-height:25px;border:1px solid #8d8d8d;background-color:#eee;text-decoration:none;padding:3px}
.liste a:hover{min-width:25px;min-height:25px;background-color:#D8D6D7;text-decoration:none;color:#90272B}
* .liste a:hover{border:1px solid #8d8d8d;padding:3px}
.liste span{width:25px;height:25px;min-width:25px;min-height:25px;border:1px solid #8d8d8d;background-color:#90272B;color:#fff;font-weight:700;padding:3px}
span#list{font:normal 11px / 1.5em Verdana, "Lucida Grande", Verdana, Sans-Serif}
legend{color:#322F29;font:normal 14px / 1.5em Verdana, Sans-Serif;line-height:140%;margin:5px 0 10px;padding:2px 5px}
fieldset{border:1px solid #322F29;width:95%;margin:0 0 5px;padding:10px}
.label,.input,.select,.textarea{display:block;float:left;width:125px;font:normal 12px / 1.5em Verdana, "Lucida Grande", Verdana, Sans-Serif;margin:0 2px 2px 0}
.select{width:85px;border:1px solid #666}
.selectBig{width:185px;border:1px solid #666}
.input{border:1px solid #666;width:180px;padding:1px}
.inputContent{border:1px solid #666;width:85px;padding:1px}
.button{width:120px;height:25px}
.textarea{width:350px;height:200px}
form br{clear:left}
input#submit{float:none;width:auto}
.tool-tip{color:#eee;width:139px;z-index:13000}
.tool-title{font-weight:700;font-size:11px;text-align:left;color:#fff;background:url(http://www.werbeagentur-in.de/images/mootools/bubble.png) top left;margin:0;padding:8px 8px 4px}
.tool-text{font-size:11px;text-align:left;background:url(http://www.werbeagentur-in.de/images/mootools/bubble.png) bottom right;padding:4px 8px 8px}
.award-tip{color:#eee;width:400px;z-index:13000}
.award-title{font-weight:700;font-size:11px;color:#fff;background:url(http://www.werbeagentur-in.de/images/mootools/bubble2.png) top left;margin:0;padding:8px 8px 4px}
.award-text{text-align:left;font-size:11px;background:url(http://www.werbeagentur-in.de/images/mootools/bubble2.png) bottom right;padding:4px 8px 8px}
#fehlt{background-color:#90272B;color:#FFF;width:580px;margin:15px 0 15px 12px;padding:9px}
#fehlt a{color:#fff;text-decoration:underline}
input[type = checkbox]{border:none}
.award{width:240px}
#specialForm{font-size:12px}
#specialForm input{margin-bottom:4px;width:350px;font-size:12px;padding:3px}
#specialForm label{cursor:pointer}
#specialForm h4{font-size:14px;color:#90272B;margin:0 0 10px;padding:0}
#agentur_werbung{position:absolute;top:0;right:15px;text-decoration:none}
body > div#agentur_werbung{position:fixed}
#kategorieBox{width:620px;clear:both;background:url(http://www.werbeagentur-in.de/images/post.jpg);border:1px solid #CCC}
.dbTemp2_container{position:relative;left:0;top:0;margin-bottom:10px;width:95px;background-color:#f7f7f7;border:1px dotted #999;overflow:hidden;padding:2px}
.dbTemp2_headline a{position:relative;font:Verdana,Arial, Helvetica, sans-serif;font-size:11px;font-weight:700;color:#90272B}
.dbTemp2_image{float:left;width:60px;height:48px;border:solid 1px #000;margin:3px 5px 0 0}
.dbTemp2_text a{position:relative;float:left;font:Verdana,Arial, Helvetica, sans-serif;font-size:11px;color:#4C4747;padding-top:3px;width:196px;text-decoration:none}
.fieldSetRegistrierung ul,ul{list-style:none}
.box_style_red h5,.box_style_red h3,.box_style_red a,.box_style_red a:visited,.box_style_red a:hover{color:#fff;margin-bottom:3px}
.box_style_red td,.box_style_red table,.cat_box_left p{margin:0;padding:0}
.cat_box_right img,#sidebar ul.sidemenu ul li{background:none}
#main_gross .detail_titel a,#main_gross legend a{text-decoration:none;font-weight:700}
#wrap,#head_wrap{position:relative;width:900px;background:#CCC url(http://www.werbeagentur-in.de/images/content.jpg) repeat-y center top;text-align:left;margin:0 auto}
#main_gross h2 a,#main h2 a{color:#90272B;text-decoration:none}
#main ul li,#rightbox-wrap ul li{list-style-image:url(http://www.werbeagentur-in.de/images/bullet.png)}
#head_footer-wrap,#footer-wrap{clear:both;width:900px;font-size:95%;text-align:left;background:url(http://www.werbeagentur-in.de/images/footer-bottom.jpg) no-repeat center bottom;padding:10px 0}
#head_footer-wrap a,#footer-wrap a{text-decoration:none;color:#333;font-weight:700}
.post-footer .date,.post-footer a.comments,.post-footer a.readmore{margin:0 10px 0 5px}.tabs_title {
  background-image: none;	
	list-style-image: none;
	list-style-type: none;
	list-style:none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	background: none;
}

.tabs_title li {
  background-image: none;	
	float: left;
	background-color: #ddd;
	padding: 4px 8px 0px 8px;
	margin-right: 2px;
	cursor: pointer;
	height: 18px;
}

.tabs_title li a{
  background-image: none;	
  color:#555;
  font-weight:normal;
  text-decoration:none;
}

.tabs_title li.active {
  background: none;
	background-color: #eee;
}

.tabs_panel {
	display: none;
	background-color: #ddd;
	position: relative;
	width: 100%;
	top: -1px;
	clear: both;
	/*overflow: auto;*/
	padding:5px;
	
}

.tabs_panel.active {
	background-color: #eee;
	display: block;
}

/* FORMULAR FORMATIERUNG */

span#list{
	font: normal 11px/1.5em "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;

}

legend{
 
  color:#322F29;
	font: normal 14px/1.5em "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
	line-height: 140%;
  padding:2px 5px 2px 5px;
  margin:5px 0px 10px 0px;
}

legend a{ text-decoration:none; }

fieldset{
 	border:1px solid #322F29;
  margin:0px 0px 5px 0px;
  padding:10px;
  width:95%;
}

.label, .input, .select, .textarea { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 125px; /* Breite.*/
  margin: 0px 2px 2px 0px;
 font: normal 12px/1.5em "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
}
.select{
  width:85px;
}
.selectBig{
  width:185px;
}
.input{
   border:1px solid #bbb;
   padding:1px;
   width:180px;
}
.inputContent{
   border:1px solid #bbb;
   padding:1px;
   width:85px;
}
.button{
  width:120px;
  height:25px;
}

.textarea{
  width:350px;
  height:200px;
}

.tabs_panel form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

.tabs_panelinput#submit { /* den Submit-Button */
  float: none;
  width: auto;
}

.tabs_panel th {
 padding:1px;
 font-size:x-small;
}
.morphtabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	font-size:11px;
    z-index:5;

}

.morphtabs_title li {
	float: left;
	background-color: #3975BD;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	cursor: pointer;
	color: #333333;
	font-family: "Verdana";
	height: 24px;

}

.morphtabs_title li.over {
	font-weight: bold;
}

.morphs_title li.active {
	background-color: #000;
}

.morphtabs_panelwrap { 
	position: relative;	
	top: -2px;
	clear: both;
	overflow: hidden;
}

.morphtabs_panel {
	background-color: #49A8EC;
	color: #333333;
  font-size:12px;
  	margin-top:-1px;
}

.morpthtabs_panel p {
	margin-left:5px;
}

#desktop{position:relative;top:0;left:0;width:100%;min-width:750px;height:100%;min-height:100%;overflow:hidden;cursor:default}
#desktopHeader{background:#bebebe;padding:0 0 1px}
#desktopTitlebarWrapper{position:relative;height:35px;background:#eeeeef url(http://www.werbeagentur-in.de/images/mocha/bg-desktopTitlebar.gif) repeat-x}
#desktopTitlebar{height:23px;padding:4px 8px 6px}
#desktopTitlebar h1{font-size:18px;font-weight:700;color:#ce1717;margin:0;padding:4px 0 0}
#desktopTitlebar h1 .version{font-size:12px;color:#555}
#desktopNavbar{background:#eee;border:1px solid #fff;height:22px;margin:1px 0 0}
#desktopNavbar ul{list-style:none;font-size:12px;margin:0;padding:0}
#desktopNavbar li{float:left}
#desktopNavbar a{display:block}
#desktopNavbar ul li a{color:#141414;padding:2px 11px 2px 9px}
#desktopNavbar ul li a:hover{background-color:#ddd}
#desktopNavbar ul li a.arrow-right,#desktopNavbar ul li a:hover.arrow-right{background-image:url(http://www.werbeagentur-in.de/images/mocha/arrow-right.gif);background-repeat:no-repeat;background-position:right 6px}
#desktopNavbar li ul{border:1px solid #333;background:#fff;position:absolute;width:158px;left:-999em;z-index:8000;padding:2px}
#desktopNavbar li:hover ul ul,#desktopNavbar li.ieHover ul ul,#desktopNavbar li:hover ul ul ul,#desktopNavbar li.ieHover ul ul ul{left:-999em}
#desktopNavbar li ul ul{margin:-22px 0 0 158px}
#desktopNavbar li ul li div.check{position:absolute;top:7px;left:6px;width:5px;height:5px;background:#0C3;overflow:none;line-height:1px;font-size:1px}
#desktopNavbar li ul li a{position:relative;width:130px;color:#333;padding:1px 9px 1px 19px}
#desktopNavbar li ul li a:hover{background:#eee}
#desktopNavbar li:hover ul,#desktopNavbar li.ieHover ul,#desktopNavbar li li.ieHover ul,#desktopNavbar li li li.ieHover ul,#desktopNavbar li li:hover ul,#desktopNavbar li li li:hover ul{left:auto}
#desktopNavbar li:hover{position:static}
.divider{margin-top:2px;padding-top:3px;border-top:1px solid #ddd}
#pageWrapper{position:relative;width:auto;height:100%;overflow:auto}
#page{padding:20px}
.aside{width:500px}
#sidebarWrapper{display:none;float:left;background:#bebebe}
#sidebar{width:230px;float:left;overflow:hidden}
#sidebarContentWrapper{margin-right:1px;background:#fff;border:1px solid #fff;color:#141414}
#sidebarContent{padding:15px}
#sidebarHandle{float:left;position:relative;background:#eeeeef;border:1px solid #fff;width:4px;cursor:col-resize;margin:0 1px 0 0}
* html #sidebarWrapper{margin-right:-4px}
* html #sidebarHandle{margin-right:1px}
.columnControlWrapper{position:absolute;left:-1px;top:150px;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe}
.columnControl{background:#ddd;border:1px solid #fff;width:4px;height:8px;cursor:pointer;font-size:1px}
div.mocha{position:absolute;top:0;left:0;display:none;overflow:hidden}
div.mochaOverlay{position:absolute;top:0;left:0}
div.mocha .mochaTitlebar{width:100%;overflow:hidden}
div.mocha .mochaTitlebar h3{font-size:12px;line-height:15px;font-weight:700;margin:5px 10px 4px 12px;padding:0}
div.mocha .mochaTitlebar a{color:#333}
div.mocha .mochaToolbarWrapper{width:100%;position:relative;height:29px;background:#fff;overflow:hidden;border-top:1px solid #d9d9d9}
div.mocha .mochaToolbar{width:100%;border-top:1px solid #fff}
.toolbarTabs{background:#e4e4e4 url(http://www.werbeagentur-in.de/images/mocha/tabs.gif) repeat-x;background-position:left -60px;padding:0 10px 2px 2px}
.tab-menu{list-style:none;line-height:16px;font-size:11px;margin:0;padding:0}
.tab-menu li{display:block;float:left;background-color:#ebebeb;cursor:pointer;background:url(http://www.werbeagentur-in.de/images/mocha/tabs.gif) repeat-x;background-position:left -30px;margin:0}
.tab-menu li.selected{background-color:#8caac7;background:url(http://www.werbeagentur-in.de/images/mocha/tabs.gif) repeat-x;background-position:left 0}
.tab-menu li a{display:block;margin-left:8px;text-align:center;text-decoration:none;font-weight:700;color:#141414;background:url(http://www.werbeagentur-in.de/images/mocha/tabs.gif) repeat-x;background-position:right -30px;padding:6px 16px 5px 10px}
.tab-menu li.selected a{color:#141414;background:url(http://www.werbeagentur-in.de/images/mocha/tabs.gif) repeat-x;background-position:right 0}
div.mocha .mochaContentBorder{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
div.mocha .mochaContentWrapper{font-size:11px;overflow:auto}
div.mocha .mochaContent{padding:10px 12px}
div.mocha .handle{position:absolute;background:#0f0;width:3px;height:3px;z-index:2;opacity:.0;filter:alpha(opacity=0);-moz-opacity:.0;overflow:hidden;font-size:1px}
div.mocha .corner{background:red;width:10px;height:10px}
div.mocha .cornerSE{background:red;width:20px;height:20px}
.mochaCanvasHeader{position:absolute;top:0;left:0;background:transparent;z-index:-1;display:none;overflow:hidden}
.mochaControls{position:absolute;width:52px;top:8px;right:8px;height:14px;z-index:4;background:transparent}
.mochaCanvasControls{position:absolute;top:8px;right:8px;z-index:3;background:transparent}
.mochaMinimizeButton,.mochaMaximizeButton,.mochaCloseButton{float:right;width:14px;height:14px;font-size:1px;cursor:pointer;z-index:4;background:red;margin-left:5px}
.mochaMinimizeButton{margin-left:0}
.mochaLoadingIcon{position:absolute;bottom:7px;left:6px}
.mochaIframe{width:100%}
.slider{clear:both;position:relative;font-size:12px;font-weight:700;width:200px;margin-bottom:15px}
.sliderarea{position:relative;height:6px;width:200px;font-size:1px;line-height:1px;background:#dfdfdf;margin:0;padding:0}
.sliderknob{position:absolute;top:0;height:6px;width:13px;font-size:1px;line-height:1px;background:#ce1717;border-right:1px solid #eee;border-left:1px solid #eee;cursor:pointer;overflow:hidden}
.update{padding-bottom:5px}
.clear{clear:both;height:0}
*html .clear{height:1%;font-size:1px;line-height:1px;overflow:hidden;visibility:hidden}
#desktop form{width:320px;margin:0;padding:5px 0 0}
#desktop textarea,#desktop input{color:#555;font-family:Arial, Helvetica, sans-serif;font-size:12px}
#desktop .input{background:#fbfbfb;width:225px;border:1px solid #ccc;padding:1px 0 1px 3px}
#desktop textarea{background:#fbfbfb;width:225px;height:100px;border:1px solid #ccc;padding:1px 0 1px 3px}
#desktop .formLabel{float:left;text-align:right;width:80px;margin:0 0 5px}
#desktop .formField{float:right;width:230px;margin:0 0 5px;padding:0}
#desktop form .number{width:40px}
#modalOverlay{display:none;position:fixed;top:0;left:0;width:100%;background:#000;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;z-index:10000}
* html #modalOverlay{position:absolute}
#modalFix{display:none;position:absolute;top:0;left:0;width:100%;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;z-index:9500}
iframe.zIndexFix{display:block;position:absolute;top:0;left:0;z-index:-1;filter:mask();width:100px;height:100px;border:1px solid transparent}
#dockWrapper{display:none;background:#bebebe;width:100%;padding:1px 0 0}
#dock{position:relative;bottom:0;left:0;width:100%;background:#eeeeef;border:1px solid #fff;min-height:22px;height:auto;_height:22px;padding:3px 15px 1px}
#dockWrapper.top{padding:0 0 1px}
.dockTab{float:left;font-size:11px;position:relative;width:120px;height:20px;overflow:hidden;cursor:pointer;margin:0 2px 2px 0}
.dockText{position:absolute;top:0;left:0;display:block;text-align:left;width:115px;height:19px;overflow:hidden;padding:1px 0 0 8px}
#dockCanvas{position:absolute;top:4px;left:2px;z-index:2}
#dockPlacement{position:absolute;top:3px;left:2px;width:10px;height:9px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;background:red;cursor:pointer;z-index:3}
#dockAutoHide{position:absolute;top:13px;left:2px;width:10px;height:9px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;background:red;cursor:pointer;z-index:3}
.accordianWrapper{padding:5px}
.accordianToggler{background:#f3f3f3;border-top:1px solid #fff;font-size:11px;cursor:pointer;margin:0;padding:4px 10px}
.topToggler{border-top:none}
.accordianToggler.open{background:#f3f3f3}
.accordianContent{padding:10px 10px 5px}
div.mocha.transparent .mochaTitlebar h3{color:#fff;display:none}
div.mocha.notification .mochaTitlebar{opacity:.0;filter:alpha(opacity=0);-moz-opacity:0}
div.mocha.notification .mochaContentBorder{border-width:0}
div.mocha.notification .mochaContentWrapper{text-align:center;font-size:12px;font-weight:700}#desktop{position:relative;top:0;left:0;width:100%;min-width:750px;height:100%;min-height:100%;overflow:hidden;cursor:default}
#desktopHeader{background:#bebebe;padding:0 0 1px}
#desktopTitlebarWrapper{position:relative;height:35px;background:#eeeeef url(http://www.werbeagentur-in.de/images/mocha/bg-desktopTitlebar.gif) repeat-x}
#desktopTitlebar{height:23px;padding:4px 8px 6px}
#desktopTitlebar h1{font-size:18px;font-weight:700;color:#ce1717;margin:0;padding:4px 0 0}
#desktopTitlebar h1 .version{font-size:12px;color:#555}
#desktopNavbar{background:#eee;border:1px solid #fff;height:22px;margin:1px 0 0}
#desktopNavbar ul{list-style:none;font-size:12px;margin:0;padding:0}
#desktopNavbar li{float:left}
#desktopNavbar a{display:block}
#desktopNavbar ul li a{color:#141414;padding:2px 11px 2px 9px}
#desktopNavbar ul li a:hover{background-color:#ddd}
#desktopNavbar ul li a.arrow-right,#desktopNavbar ul li a:hover.arrow-right{background-image:url(http://www.werbeagentur-in.de/images/mocha/arrow-right.gif);background-repeat:no-repeat;background-position:right 6px}
#desktopNavbar li ul{border:1px solid #333;background:#fff;position:absolute;width:158px;left:-999em;z-index:8000;padding:2px}
#desktopNavbar li:hover ul ul,#desktopNavbar li.ieHover ul ul,#desktopNavbar li:hover ul ul ul,#desktopNavbar li.ieHover ul ul ul{left:-999em}
#desktopNavbar li ul ul{margin:-22px 0 0 158px}
#desktopNavbar li ul li div.check{position:absolute;top:7px;left:6px;width:5px;height:5px;background:#0C3;overflow:none;line-height:1px;font-size:1px}
#desktopNavbar li ul li a{position:relative;width:130px;color:#333;padding:1px 9px 1px 19px}
#desktopNavbar li ul li a:hover{background:#eee}
#desktopNavbar li:hover ul,#desktopNavbar li.ieHover ul,#desktopNavbar li li.ieHover ul,#desktopNavbar li li li.ieHover ul,#desktopNavbar li li:hover ul,#desktopNavbar li li li:hover ul{left:auto}
#desktopNavbar li:hover{position:static}
.divider{margin-top:2px;padding-top:3px;border-top:1px solid #ddd}
#pageWrapper{position:relative;width:auto;height:100%;overflow:auto}
#page{padding:20px}
.aside{width:500px}
#sidebarWrapper{display:none;float:left;background:#bebebe}
#sidebar{width:230px;float:left;overflow:hidden}
#sidebarContentWrapper{margin-right:1px;background:#fff;border:1px solid #fff;color:#141414}
#sidebarContent{padding:15px}
#sidebarHandle{float:left;position:relative;background:#eeeeef;border:1px solid #fff;width:4px;cursor:col-resize;margin:0 1px 0 0}
* html #sidebarWrapper{margin-right:-4px}
* html #sidebarHandle{margin-right:1px}
.columnControlWrapper{position:absolute;left:-1px;top:150px;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe}
.columnControl{background:#ddd;border:1px solid #fff;width:4px;height:8px;cursor:pointer;font-size:1px}
div.mocha{position:absolute;top:0;left:0;display:none;overflow:hidden}
div.mochaOverlay{position:absolute;top:0;left:0}
div.mocha .mochaTitlebar{width:100%;overflow:hidden}
div.mocha .mochaTitlebar h3{font-size:12px;line-height:15px;font-weight:700;margin:5px 10px 4px 12px;padding:0}
div.mocha .mochaTitlebar a{color:#333}
div.mocha .mochaToolbarWrapper{width:100%;position:relative;height:29px;background:#fff;overflow:hidden;border-top:1px solid #d9d9d9}
div.mocha .mochaToolbar{width:100%;border-top:1px solid #fff}
.toolbarTabs{background:#e4e4e4 url(http://www.werbeagentur-in.de/images/mocha/tabs.gif) repeat-x;background-position:left -60px;padding:0 10px 2px 2px}
.tab-menu{list-style:none;line-height:16px;font-size:11px;margin:0;padding:0}
.tab-menu li{display:block;float:left;background-color:#ebebeb;cursor:pointer;background:url(http://www.werbeagentur-in.de/images/mocha/tabs.gif) repeat-x;background-position:left -30px;margin:0}
.tab-menu li.selected{background-color:#8caac7;background:url(http://www.werbeagentur-in.de/images/mocha/tabs.gif) repeat-x;background-position:left 0}
.tab-menu li a{display:block;margin-left:8px;text-align:center;text-decoration:none;font-weight:700;color:#141414;background:url(http://www.werbeagentur-in.de/images/mocha/tabs.gif) repeat-x;background-position:right -30px;padding:6px 16px 5px 10px}
.tab-menu li.selected a{color:#141414;background:url(http://www.werbeagentur-in.de/images/mocha/tabs.gif) repeat-x;background-position:right 0}
div.mocha .mochaContentBorder{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
div.mocha .mochaContentWrapper{font-size:11px;overflow:auto}
div.mocha .mochaContent{padding:10px 12px}
div.mocha .handle{position:absolute;background:#0f0;width:3px;height:3px;z-index:2;opacity:.0;filter:alpha(opacity=0);-moz-opacity:.0;overflow:hidden;font-size:1px}
div.mocha .corner{background:red;width:10px;height:10px}
div.mocha .cornerSE{background:red;width:20px;height:20px}
.mochaCanvasHeader{position:absolute;top:0;left:0;background:transparent;z-index:-1;display:none;overflow:hidden}
.mochaControls{position:absolute;width:52px;top:8px;right:8px;height:14px;z-index:4;background:transparent}
.mochaCanvasControls{position:absolute;top:8px;right:8px;z-index:3;background:transparent}
.mochaMinimizeButton,.mochaMaximizeButton,.mochaCloseButton{float:right;width:14px;height:14px;font-size:1px;cursor:pointer;z-index:4;background:red;margin-left:5px}
.mochaMinimizeButton{margin-left:0}
.mochaLoadingIcon{position:absolute;bottom:7px;left:6px}
.mochaIframe{width:100%}
.slider{clear:both;position:relative;font-size:12px;font-weight:700;width:200px;margin-bottom:15px}
.sliderarea{position:relative;height:6px;width:200px;font-size:1px;line-height:1px;background:#dfdfdf;margin:0;padding:0}
.sliderknob{position:absolute;top:0;height:6px;width:13px;font-size:1px;line-height:1px;background:#ce1717;border-right:1px solid #eee;border-left:1px solid #eee;cursor:pointer;overflow:hidden}
.update{padding-bottom:5px}
.clear{clear:both;height:0}
*html .clear{height:1%;font-size:1px;line-height:1px;overflow:hidden;visibility:hidden}
#desktop form{width:320px;margin:0;padding:5px 0 0}
#desktop textarea,#desktop input{color:#555;font-family:Arial, Helvetica, sans-serif;font-size:12px}
#desktop .input{background:#fbfbfb;width:225px;border:1px solid #ccc;padding:1px 0 1px 3px}
#desktop textarea{background:#fbfbfb;width:225px;height:100px;border:1px solid #ccc;padding:1px 0 1px 3px}
#desktop .formLabel{float:left;text-align:right;width:80px;margin:0 0 5px}
#desktop .formField{float:right;width:230px;margin:0 0 5px;padding:0}
#desktop form .number{width:40px}
#modalOverlay{display:none;position:fixed;top:0;left:0;width:100%;background:#000;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;z-index:10000}
* html #modalOverlay{position:absolute}
#modalFix{display:none;position:absolute;top:0;left:0;width:100%;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;z-index:9500}
iframe.zIndexFix{display:block;position:absolute;top:0;left:0;z-index:-1;filter:mask();width:100px;height:100px;border:1px solid transparent}
#dockWrapper{display:none;background:#bebebe;width:100%;padding:1px 0 0}
#dock{position:relative;bottom:0;left:0;width:100%;background:#eeeeef;border:1px solid #fff;min-height:22px;height:auto;_height:22px;padding:3px 15px 1px}
#dockWrapper.top{padding:0 0 1px}
.dockTab{float:left;font-size:11px;position:relative;width:120px;height:20px;overflow:hidden;cursor:pointer;margin:0 2px 2px 0}
.dockText{position:absolute;top:0;left:0;display:block;text-align:left;width:115px;height:19px;overflow:hidden;padding:1px 0 0 8px}
#dockCanvas{position:absolute;top:4px;left:2px;z-index:2}
#dockPlacement{position:absolute;top:3px;left:2px;width:10px;height:9px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;background:red;cursor:pointer;z-index:3}
#dockAutoHide{position:absolute;top:13px;left:2px;width:10px;height:9px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;background:red;cursor:pointer;z-index:3}
.accordianWrapper{padding:5px}
.accordianToggler{background:#f3f3f3;border-top:1px solid #fff;font-size:11px;cursor:pointer;margin:0;padding:4px 10px}
.topToggler{border-top:none}
.accordianToggler.open{background:#f3f3f3}
.accordianContent{padding:10px 10px 5px}
div.mocha.transparent .mochaTitlebar h3{color:#fff;display:none}
div.mocha.notification .mochaTitlebar{opacity:.0;filter:alpha(opacity=0);-moz-opacity:0}
div.mocha.notification .mochaContentBorder{border-width:0}
div.mocha.notification .mochaContentWrapper{text-align:center;font-size:12px;font-weight:700}/* @group Filter */

form#creation_filter
{
	width: 835px;
	margin-left: 12px;
	padding: 0;
}

form#creation_filter div.fieldset
{
	padding: 6px 0 12px 12px;
	
	border: 1px solid #cccccc;
	background: #eeeeee;
}

form#creation_filter div.fieldset label
{
	float: left;
	display: inline;
	position: relative;
	width: 23%;
	
	margin: 0 15px 0 0;

	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: normal;
}

form#creation_filter div.fieldset label.text
{
	padding-bottom: 4px;
}

form#creation_filter div.fieldset label.select
{
	border: none;
	padding-top: 8px;
	padding-bottom: 4px;
}

form#creation_filter div.fieldset a#clear_filter
{
	position: absolute;
	left: 70px;
	top:  5px;
	
	width: 49%;
	height: 18px;
	
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	
	color: black;
	background: #c0c0c0;
	border: 1px solid #666666;
}

*+html form#creation_filter div.fieldset a#clear_filter
{
	top:  8px;
}

form#creation_filter div.fieldset label select,
form#creation_filter div.fieldset label input
{
	position: absolute;
	left: 70px;
	width: 50%;
	
	border: 1px solid #666666;
	
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: normal;
}

form#creation_filter div.fieldset label input
{
	width: 48%;
}

form#creation_filter div.fieldset input.submit
{
	padding: 0;
	
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	
	color: white;
	background: #777777;

}

/* @end */

/* @group Ajax-Loader */

p#ajaxloader
{
	display: none;
	text-align: center;
}

/* @end */

/* @group Kreation-Tabelle */

div#creations table 
{
	width: 100%;
	margin-left: 12px;
	margin-top: -10px;
}

div#creations table td
{
	padding: 12px 8px 12px 0;
	width: 20%;
	
	vertical-align: top;
	border: none;
}

div#creations table td img
{
	cursor: pointer;
}

div#creations table td img:hover
{
	border: 1px solid #c0575b;
}

* html div#creations table td img
{
	cursor: hand;
}

div#creations table td p
{
	padding: 0;
	margin-right: 8px;
	
	font-size: 10px;
	line-height: 12px;
	text-align: left;
}

div#creations table td p strong
{
	
}

/* @group Tooltips */

.tip
{
	color: #fff;
	width: 172px;
	z-index: 13000;
	
	font-size: 10px;
}

.tip *
{	
	font-size: 10px;
	line-height: 140%;
}
 
.tip-title
{
	padding: 4px 8px 2px 8px;
	font-weight: bold;
	background: url(http://www.werbeagentur-in.de/images/mootools/bubble.png) no-repeat top left;
}
 
.tip-text 
{
	padding: 0 8px 5px 8px;	
	background: url(http://www.werbeagentur-in.de/images/mootools/bubble.png) no-repeat right bottom;
}

/* @end */



/* @group Tooltips */

.awardtipper .tip
{
	color: #fff;
	width: 400px;
	z-index: 13000;
	
	font-size: 10px;
}

#award .tip *
{	
	font-size: 10px;
	line-height: 140%;
}
 
#award .tip-title
{
	padding: 4px 8px 2px 8px;
	font-weight: bold;
	background: url(http://www.werbeagentur-in.de/images/mootools/bubble.png) no-repeat top left;
}
 
#award .tip-text 
{
	padding: 0 8px 5px 8px;	
	background: url(http://www.werbeagentur-in.de/images/mootools/bubble.png) no-repeat right bottom;
}

/* @end */


/* @end */

/* @group Mocha UI Tabs */

/* @group Mediafile-Tab */

body#tab_mediafile_iframe img
{
	border: none;
	padding: 0;
}

/* @end */

/* @group Info-Tab */

body#tab_info_iframe
{
	background: white;
	text-align: left;
}

body#tab_info_iframe div#tab_info_container h2
{
	padding-bottom: 6px;

}

body#tab_info_iframe div#tab_info_container p
{
	padding-top: 0;

}

.left{
  float:left;
  width:135px;
  margin-left:8px;
}
.right{
  float:left;
  display:block;
  color:#555555;
}
/* @end */

/* @end */
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 6px;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Alternate CSS for Calendar (navigation: 2), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

div.alternate tr { height: 100%;}

input.alternate,
select.alternate {
	width: 99px;
}

button.alternate {
	background: url(calendar-icon.gif);
	border: 0;
	cursor: pointer;
	height: 20px;
	margin-right: 6px;
	width: 20px;
	margin-left: 5px;
	margin-bottom: 4px;
}
button.alternate:hover,
button.alternate.active {
	background-position: 0 20px;
}

div.alternate {
	background: url(calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.alternate * {
		margin: 0;
		padding: 0;
	}	
	div.alternate div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.alternate caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		overflow: hidden;
		text-align: center;
		width: 100%;
	}
	div.alternate caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	
	
	
	a.prev { float: left; padding-left: 10px; background: url(../images/prev.gif) center left no-repeat; }
	
	
	
	div.alternate caption a.prev {
		float: none; 
		padding: 0px;
		background: none;

		background-image: url(calendar-prev.gif);
		left: 0;
		
	}
	div.alternate caption a.next {
		float: none; 
		padding: 0px;
		background: none;

		background-image: url(calendar-next.gif);
		right: 0;
	}
	div.alternate caption a:hover {
		background-position: 0 12px;
	}
	div.alternate caption span {
		padding-top: 6px;
		position: relative;
		text-align: center;
	}
	div.alternate caption span.month {
		float: left;
		width: 84px;
	}
	div.alternate caption span.month:after {
		content: '';
	}
	div.alternate caption span a {
		top: 8px;
	}
	div.alternate caption span.year {
		float: right;
		width: 63px;
	}

	div.alternate table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.alternate td,
	div.alternate th {
		border: 0;
		color: #0597DB;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.alternate td {
		background: url(calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.alternate td.invalid {
		color: #999;
	}
	div.alternate td.valid {
		background: url(calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.alternate td.hilite {
		background: url(calendar-hilite.gif);
	}
	div.alternate td.inactive {
		background: url(calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.alternate td.active,
	div.alternate td.hover {
		background: url(calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

input.dashboard,
select.dashboard {
	width: 149px;
}

button.dashboard {
	background: url(dashboard-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 10px;
	width: 20px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position: 0 20px;
}

div.dashboard {
	background: url(dashboard.png);
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
}	
	div.dashboard * {
		margin: 0;
		padding: 0;
	}	
	div.dashboard div {
		background: none !important;
		cursor: move;
		height: 165px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.dashboard caption {
		color: #CF0;
		font: normal 12px/17px Arial, Helvetica, sans-serif;
		padding-top: 4px;
		text-align: center;
		width: 100%;
	}
	div.dashboard caption a {
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 16px;
		width: 11px;
	}
	div.dashboard caption a.prev {
		background-image: url(dashboard-prev.gif);
		left: 1px;
	}
	div.dashboard caption a.next {
		background-image: url(dashboard-next.gif);
		right: 1px;
	}
	div.dashboard caption a:hover {
		background-position: 0 11px;
	}
	div.dashboard caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.dashboard caption span.month {
		padding-right: 8px;
	}
	div.dashboard caption span.month:after {
		content: ',';
	}

	div.dashboard table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.dashboard td,
	div.dashboard th {
		border: 0;
		color: #999;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 19px;
		text-align: center;
		width: 21px;
	}
	div.dashboard td {
		color: #333;
		font-size: 11px;
		padding-right: 5px;
		text-align: right;
		width: 16px;
	}
	div.dashboard td.invalid {
		color: #666;
	}
	div.dashboard td.valid {
		color: #FFF;
		cursor: pointer;
	}
	div.dashboard td.active,
	div.dashboard td.hover {
		color: #CF0;
		cursor: pointer;
	}/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Experimental CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

input.i-heart-ny,
select.i-heart-ny {
	width: 149px;
}

button.i-heart-ny {
	background: url(i-heart-ny-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 6px;
	width: 20px;
}
button.i-heart-ny:hover,
button.i-heart-ny.active {
	background-position: 0 20px;
}

div.i-heart-ny {
	background: url(i-heart-ny.png);
	height: 278px;
	padding: 4px;
	width: 164px;
}	
	div.i-heart-ny * {
		margin: 0;
		padding: 0;
	}	
	div.i-heart-ny div {
		background-repeat: no-repeat;
		background-position: 8px 8px;
		cursor: move;
		height: 278px;
		overflow: hidden;
		position: relative;
		width: 164px;
	}	
	div.i-heart-ny.january div { background-image: url(i-heart-ny-jan.jpg); }	
	div.i-heart-ny.february div { background-image: url(i-heart-ny-feb.jpg); }	
	div.i-heart-ny.march div { background-image: url(i-heart-ny-mar.jpg); }	
	div.i-heart-ny.april div { background-image: url(i-heart-ny-apr.jpg); }	
	div.i-heart-ny.may div { background-image: url(i-heart-ny-may.jpg); }	
	div.i-heart-ny.june div { background-image: url(i-heart-ny-jun.jpg); }	
	div.i-heart-ny.july div { background-image: url(i-heart-ny-jul.jpg); }	
	div.i-heart-ny.august div { background-image: url(i-heart-ny-aug.jpg); }	
	div.i-heart-ny.september div { background-image: url(i-heart-ny-sep.jpg); }	
	div.i-heart-ny.october div { background-image: url(i-heart-ny-oct.jpg); }	
	div.i-heart-ny.november div { background-image: url(i-heart-ny-nov.jpg); }	
	div.i-heart-ny.december div { background-image: url(i-heart-ny-dec.jpg); }	
	
	/* 
	We won't be using the caption element traditionally
	We have to make sure it doesn't take up space in the browser and offset the other elements
	Unfortunately position: absolute is not supported by all browsers for table-caption
	IEX only responds to line-height
	*/
	
	div.i-heart-ny caption {
		color: #808080;
		height: 0%;
		line-height: 0;
	}
	div.i-heart-ny caption a {
		cursor: pointer;
		display: block;
		height: 25px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 0;
		width: 23px;
		z-index: 200;
	}
	div.i-heart-ny caption a.prev {
		background-image: url(i-heart-ny-prev.png);
		left: 0;
	}
	div.i-heart-ny caption a.next {
		background-image: url(i-heart-ny-next.png);
		right: 0;
	}
	div.i-heart-ny caption a:hover {
		background-position: 0 25px;
	}
	div.i-heart-ny caption span.month {
		bottom: 8px;
		font: normal 11px Arial, Helvetica, sans-serif;
		position: absolute;
		right: 10px;
		z-index: 100;
	}
	
	/* 
	IEX won't work if all the children of the caption element are absolutely positioned
	Since we can't just leave the year un-positioned, we will have to hide it
	(Remarkably this actually works in IEX)
	*/
	
	div.i-heart-ny caption span.year {
		display: none;
	}

	div.i-heart-ny table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		margin: 143px 10px 0 7px;
	}
	div.i-heart-ny tbody {
		cursor: default;
	}
	div.i-heart-ny td {
		border: 0;
		color: #FFF;
		font: normal 9px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: right;
		vertical-align: bottom;
		width: 21px;
	}
	div.i-heart-ny td.active,
	div.i-heart-ny td.hover {
		background: url(i-heart-ny-active.gif);
		color: #25A8C2;
		cursor: pointer;
	}
	div.i-heart-ny td.invalid {
		background: url(i-heart-ny-invalid.gif);
		color: #DA2727;
	}
	div.i-heart-ny td.valid {
		color: #808080;
		cursor: pointer;
	}
	div.i-heart-ny td.inactive {
		background: url(i-heart-ny-inactive.gif);
		color: #808080;
	}
	div.i-heart-ny thead {
		display: none;
	}
	#sort_leistungen { 
		position: inherit;
	}
	 
	ul#sortables {
		width: 300px;
		margin: 0;
		padding: 0;
	}
	 
	li.sortme {
		padding: 0px 0px 0 15px;
		color: #fff;
		cursor: move;
		list-style: none;
		width: 300px;
		border: 1px solid silver;
		margin: 2px;
		background-color: gray;
		background-image: url('../images/sortable_bg.png');
	}
	 
	ul#sortables li {
		margin: 10px 0;
	}#morphtabs .morphtabs_title {
  	list-style: none;
	list-style-image: none;
	list-style-type: none;
  	background:none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	margin-bottom:-5px;
}

#morphtabs .morphtabs_title ul {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	background: none;
	height:20px;
	z-index:500;
}

#morphtabs ul.morphtabs_title li {
	list-style: none;
	list-style-image: none;
	list-style-type: none;

}
	
#morphtabs .morphtabs_title li {

	float: left;
  	list-style: none;
	list-style-image: none;
	list-style-type: none;
	background-color: #e6e6e6;
	padding: 2px 8px 0px 8px;
	margin-right:4px;
	cursor: pointer;
	height: 20px;
	/* border:1px solid #CCC; */
	/* border-bottom:0; */
	color: black;
}

#morphtabs .morphtabs_title li.over {
	font-weight: normal;
	
}

#morphtabs .morphtabs_title li.active {
  	height:20px;
  	position:relative;
	top:0px;
	z-index:700;
	display:block;
	font-weight:normal;
	background: url(http://www.werbeagentur-in.de/images/post.jpg); 	
}

#morphtabs .morphtabs_panelwrap { 
	position: relative;	
	top: -1px;
	clear: both;
	overflow: hidden;
}

#morphtabs .morphtabs_panel {
 background:transparent url(../../images/post.jpg) repeat scroll 0% 0%;
  margin-top:2px;
  margin-bottom:8px;
  /* background-color:#ddd; */
  padding:5px;
  /* border:1px solid #CCC; */
  color: black;
}

#morphtabs .morpthtabs_panel p {
	margin-left:5px;
}