/* @group Campaign Software BETA 1.1 */

*,html{ margin:0; padding:0; }
body{ font-family:Arial, Verdana, sans-serif; color:#000; }
div#container{ padding:25px 25px 25px 25px;  font-size:9pt; }

/* @end */

/* Under Construction */
#construction{ width:100%; height:45px; line-height:45px; text-align:left; }
.error2{ background-color:#fe6868; border-bottom:1px solid red; }
.done{ background-color:#84da9b; border-bottom:1px solid #008000; }

#construction p{ color:#fff; font-size:12px; padding:0 0 0 25px; font-weight:normal; }

/* @group Open Classes */

/* Open Classes */
.clear{ clear:both; overflow:hidden; height:0; }
.center{ text-align:center !important; }
.rightalign{ text-align: right !important; }
.leftalign{ text-align: left !important; }
.green{ color:green !important; }
.orange{ color:#e07411 !important; }
.red{ color:red !important; }
.supersize{ font-size:14px !important; }

/* Aussendungsicon Status-Versenden */
#state0{ display:block; width:16px; height:16px; background-image:url(../img/icons/stop2.png); margin:0 auto 0 auto; }
#state1{ display:block; width:16px; height:16px; background-image:url(../img/icons/state2.gif); margin:0 auto 0 auto; }
#state2{ display:block; width:16px; height:16px; background-image:url(../img/icons/icon_clock.gif); margin:0 auto 0 auto; }
#state3{ display:block; width:16px; height:16px; background-image:url(../img/icons/accept.png); margin:0 auto 0 auto; }
#legend{ margin:15px 0 0 0; color:#666; }
#legend img{ position:relative; top:4px; margin:0 2px 0 0; }

th a img{ border:0; text-decoration:none; }
th a{ text-decoration:none; }


/* @end */

/* @group Hidden Objects */

/* Hidden Objects */
hr{ display:none; }

/* @end */

/*Google Maps*/
#map{ width: 660px; height: 390px; }
.marker_image{ height: 180px ; width: 225px ; display: inline ; }
.marker_text{}
.marker_name{ font-size: 12pt ; font-weight: bold; }
.marker_text_only{ text-align: left; }
.marker_frame{ height: 190px ; width: 470px ; border-width: thick ; border-style: hidden ; }

/* @group Header */

/* Header */
div#header{ position:relative; }
div#header h1{ font-size:13pt; font-weight:normal; margin:0 0 15px 0; }
div#header h1 span{ color:#ccc; }
div#header ul{ position:absolute; right:0; top:0; list-style:none; font-size:9pt; }

/* @end */

/* @group Navigation */

/* @group Main Settings */
div#top_navigation{ position:relative; margin:0 0 20px 0; }
div#top_navigation ul#nav { border-top:5px solid #000; }
div#top_navigation ul { padding: 0; margin: 0; list-style: none; background-color:#444; height:30px; width:100%; }
div#top_navigation li { float: left; }
div#top_navigation li a{ color:#fff; text-decoration:none; padding:0 15px 0 15px; display:block; height:30px; line-height:30px; color:#fff; }
div#top_navigation li a:hover{ color:#000; }

/* @end */

/* @group Top Colors */
div#top_navigation a.nav_blue:hover, ul li:hover a.nav_blue, li.nav_blue:hover ul, li.nav_blue:hover ul li a, .active .nav_blue, .active li .nav_blue { background-color:#3fbef1 !important; }
div#top_navigation a.nav_green:hover, ul li:hover a.nav_green, li.nav_green:hover ul, li.nav_green:hover ul li a, .active .nav_green, .active li .nav_green { background-color:#97bf0d !important; }
div#top_navigation a.nav_orange:hover, ul li:hover a.nav_orange, li.nav_orange:hover ul, li.nav_orange:hover ul li a, .active .nav_orange, .active li .nav_orange { background-color:#e07411 !important; }
div#top_navigation a.nav_pink:hover, ul li:hover a.nav_pink, li.nav_pink:hover ul, li.nav_pink:hover ul li a, .active .nav_pink, .active li .nav_pink { background-color:#6f3885 !important; }
div#top_navigation a.nav_brown:hover, ul li:hover a.nav_brown, li.nav_brown:hover ul, li.nav_brown:hover ul li a, .active .nav_brown, .active li .nav_brown { background-color:#b2b2b2 !important; }
div#top_navigation a.nav_red:hover, ul li:hover a.nav_red, li.nav_red:hover ul, li.nav_red:hover ul li a, .active .nav_red, .active li .nav_red { background-color:#c1282b !important; }
div#top_navigation a.nav_black:hover, ul li:hover a.nav_black, li.nav_black:hover ul, li.nav_black:hover ul li a, .active .nav_black, .active li .nav_black { background-color: black !important; }
div#top_navigation a.nav_darkblue:hover, ul li:hover a.nav_darkblue, li.nav_darkblue:hover ul, li.nav_darkblue:hover ul li a, .active .nav_darkblue, .active li .nav_darkblue { background-color: #003399 !important; }

ul li:hover a.nav_black, li.nav_black:hover ul, li.nav_black:hover ul li a, .active .nav_black, .active li .nav_black { background-color:#000 !important; }
ul li:hover a.nav_gray, li.nav_gray:hover ul, li.nav_gray:hover ul li a, .active .nav_gray, .active li .nav_gray { background-color:#9f9f9f !important; }

/* Hover Border Top Items */
div#top_navigation a:hover{ border-bottom: 2px solid #fff; height: 28px; }

/* @end */

/* @group Active */
.active{ }
.active ul{ color: #fff; }
.active ul li a{ color: #fff !important; }

/* @end */

/* @group Main Settings 2 */

div#top_navigation li ul li a{ float:left; height:30px; line-height:30px; color:#000; }
div#top_navigation li ul li a:hover{ }

div#top_navigation li ul li{ float:left; }
div#top_navigation li ul { display: none; position:absolute; left:0; }
div#top_navigation li>ul { top: auto;left: auto;}
div#top_navigation li.active ul, li.over ul, li.active ul{ display: block !important; position:absolute; left:0; border:0 !important; }
div#top_navigation li ul li a.active{ text-decoration: underline !important; }
div#top_navigation li:hover ul li a, li.over ul li a{ background:#444; color:#fff; }
div#top_navigation li:hover ul li a:hover, li.over ul li a:hover { height: 30px; background-color:#444; color:#fff; text-decoration:underline; }
div#top_navigation ul li:hover a { color:#fff; background-color:#444; }
div#top_navigation li a img { margin:0 0 0 0; padding:0; border:0; position:relative; top:4px; }
div#top_navigation ul li#floatright, div#top_navigation ul li ul li.nav_blue_floatright { float: right; }
/* @end */

div#top_navigation ul#spotlight { position: relative; top: 30px; float: right; padding: 0; margin: 0; list-style: none; background-color:#3fbef1; height:30px; width: 300px; display: none; }
div#top_navigation ul#spotlight li { color:#fff; text-decoration:none; padding:0 5px 0 15px; height:30px; line-height:30px; background-color:#3fbef1; width: 280px; }
div#top_navigation ul#spotlight li span { margin: 0 10px 0 0 ; position: relative; top: -4px; }
div#top_navigation ul#spotlight li input#spot { font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:5px 0 5px 0; width:200px; display:block; }
/* @end */

/* Report Information */
#report_left{ float:left; width:50%; }
#report_right{ float:left; width:50%; }
h3{ font-size:18px; font-weight:normal; margin:15px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #000; }

/* @group Headline */

/* Option */
h2{ margin:25px 0 0 0; border-bottom:5px solid #000; font-size:9pt; padding:0 0 5px 0; font-weight:bold; }
h3.sysheadlines{ margin:0 0 0 0; border-bottom:5px solid #000; font-size:9pt; padding:0 0 5px 0; font-weight:bold; }

/* @end */

/* @group Formulare */

/* Form */
div.form{ background-color:#efefef; font-size:9pt; padding:15px; border-bottom:1px solid #000; }
div.form fieldset{ border:0; }
div.form fieldset legend{ display:none; font-weight:bold; padding:0 0 10px 0; }
div.form fieldset label{ display:block; padding:0 0 3px 0; }
div.form fieldset label.inline{ display:inline; padding: 3px; position: relative; }
div.form fieldset .text{ font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; width:500px; display:block; }
div fieldset .inlinetext{font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; width:160px; display:inline; text-align: center;}
div fieldset div.inputtext { display: inline; position: relative; top: -7px; left: 4px; }

div fieldset div.view { position: relative; right: 15px; }
div fieldset div.viewconfig { display: inline; position: relative; left: 5px; font-size: 20pt; }
div fieldset div#views { display: inline; position: relative; left: 15px; top: -7px;}

div.form fieldset .small_text1{ height: 150px; font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; }
div.form fieldset .small_text2{ height: 350px; font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; }
div.form fieldset .select{ font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; width:508px; display:block; }
div.form fieldset .inlineselect{ font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; width:160px; display:inline; }
/* div.form fieldset img{ margin: 10px 0 10px 0; }*/
div.form fieldset img.add{ margin: 0 0 0 0; }
div.form fieldset h3{ border:0; margin:15px 0 15px 0 !important; display:block; }
#CampaignStart{ font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; width:478px;}

/* @group Radio & Checkbox */

div.form fieldset div{ margin:0 0 5px 0; }
div.form fieldset div .radio_label, div.form fieldset div .check_label{ float: left; margin: 0 5px 0 0; }
div.form fieldset div .radio, div.form fieldset div .checkbox{ float: left; margin: 0 5px 0 0; }

/* @end */

/* @group Formulare ID */

/* Form */
div#form{ background-color:#efefef; font-size:9pt; padding:15px; border-bottom:1px solid #000; }
div#form fieldset{ border:0; }
div#form fieldset legend{ display:none; font-weight:bold; padding:0 0 10px 0; }
div#form fieldset label{ display:block; padding:0 0 3px 0; }
div#form fieldset .text{ font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; width:500px; display:block; }
div#form fieldset .small_text1{ width: 150px; font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; }
div#form fieldset .small_text2{ width: 350px; font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; }
div#form fieldset .select{ font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; width:508px; display:block; }
/* div#form fieldset img{ margin: 10px 0 10px 0; }*/
div#form fieldset h3{ border:0; margin:15px 0 15px 0 !important; display:block; }
#CampaignStart{ font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; width:478px;}

.navtable { font-size: 9pt; width: 100%; border-left: 1px solid #fff; }
.navtable tbody tr td { text-align: center; border-right: 1px solid #fff; }
.navtable a:visited {color: #00F; }

/* @group Radio & Checkbox */

div#form fieldset div{ margin:0 0 5px 0; }
div#form fieldset div .radio_label, div.form fieldset div .check_label{ float: left; margin: 0 5px 0 0; }
div#form fieldset div .radio, div.form fieldset div .checkbox{ float: left; margin: 0 5px 0 0; }

/* @end */

.logic { font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; display: inline; width: 64px; text-align:left; }

.submit { display:block; clear:both; margin:10px 10px 0 0; width:200px; text-align:center; padding:3px; }
.submit_top { clear:both; margin:0 0 0 0; width:200px; text-align:center; padding:3px; }
textarea { font-size:9pt; margin:0 0 7px 0; padding:3px; font-family:Arial, Verdana, sans-serif; color:#000; border:1px solid #ccc; width:500px; }

/* @group Textareas */
textarea.small{ height: 60px; }
textarea.medium{ height: 150px; }
textarea.big{ height: 250px; }

/* @end */
.search_text{ font-size:9pt; color:#000; border:1px solid #ccc; width:250px; padding:3px; margin:0 5px 0 0; }
.search_submit{ width:150px; text-align:center; padding:1px; margin:0 0 0 0; }
.search_select{ font-size:9pt; color:#000; border:1px solid #ccc; width:200px; padding:2px; margin:0 5px 0 0;  }

/* @end */

/* @group Main Container */

/* Main Content (Tables Forms etc.) */
div#main{ margin:0 0 0 0; font-size:9pt; }

/* @end */

/* @group Tabellen */

/* Standard Table */
.table{ font-size: 9pt; width:100%; border-bottom:1px solid #000; }
.table thead tr{ height:30px; line-height:30px; }
.table thead tr th{ padding:0 5px 0 5px; text-align:left; border-bottom:1px solid #ccc; }
.table tfoot tr{ height:30px; line-height:30px; }
.table tfoot tr td{ padding:0 5px 0 5px; text-align:left; border-top:3px solid #000; border-bottom:1px solid #ccc; }
.table tbody tr{ height: 30px; overflow: visible; line-height: 1.5em;}
.table tbody tr td{ padding:0 5px 0 5px; border-right:1px solid #fff; }
.table tbody tr td .thumb{ position:relative; top:5px; }
.table tbody tr td .sysicon{ margin:0 0 0 0; padding:0; border:0; position:relative; top:4px; }
.table a:visited {color: #00F; }

/* Table Colorswith Mouseover */
.mouseover{ background-color:#b9b7b7; color:#fff; }
.colorswitch{ background-color:#efefef; }

/* Table for export-function */
.exporttable{ font-size: 9pt; width:100%; }
.exporttable thead tr th{ padding:0 5px 0 5px; text-align:left; border-bottom:1px solid #ccc; }
.exporttable tbody tr{ height:24px; line-height:24px; }
.exporttable tr td { border-bottom: 1px solid #000; }

/* Table for billing-section of showContacts.php */
.showcontactstable{ font-size: 9pt; width:100%; }
.showcontactstable thead tr th, .showcontactstable tfoot tr, .showcontactstable tr td { padding:0 5px 0 5px; text-align:left; }
.showcontactstable tr { height:30px; line-height:30px; }
.showcontactstable td, .showcontactstable td.lastsubrow, .showcontactstable thead tr th { border-bottom: 1px solid #ccc; }
.showcontactstable tr.subrow td, .showcontactstable tr.lastrow { border: 0; }
.showcontactstable tfoot tr td { border-top:2px solid #000; }

/* Table for statistic */

.statstable{ font-size: 9pt; width:100%; text-align: center; }
.statstable thead tr th{ padding:0 5px 0 5px; }
.statstable tbody tr{ height:24px; line-height:24px; }

/* @end */

/* @group Pager */

/* Pager */
div#pager{ margin:15px 0 0 0; font-size:9pt; }
div#pager ul{ list-style:none; }
div#pager ul li{ float:left; padding:0 3px 0 0; }
div#pager ul li a{ text-decoration:none; }
div#pager ul li a:hover{ text-decoration:underline; }

div.pager{ margin:15px 0 0 0; }
div.pager img{ border:0; }
div.pager a{ color:#000; }
div.pager br{ display:block; margin:0 0 5px 0; }

/* @end */

/* @group Error Messeges */

/* Red */
#messenger{ font-size:9pt; padding:15px; margin:10px 0 0 0; border-top:1px solid #fff; border-bottom:1px solid #000; overflow:hidden; background:#efefef; }
#pre{ display:none; }
.error{ color:#c1282b; font-weight:bold; }
.done{ font-weight:bold; }

/* @end */

/* @group Wizard */

#wizard { margin: 30px 0 0 0 !important; clear: both; }
#wizard ul{ height: 80px;list-style: none; width: 100%; background-image: url(/images/frontend/step_line.gif); background-repeat: repeat-x; background-position: 0 28px; }
#wizard ul li{ float: left; line-height: 80px; background-repeat: no-repeat; background-position: top; display: block; height: 80px; width: 110px; text-align: center; margin: 0 5px 0 20px; }
#wizard ul li span{ display: none; }
#wizard ul li.active{ background-position: bottom; }

/* Steps */
#wizard ul li#step1{ background-image: url(/images/frontend/template_step1.png); }
#wizard ul li#step2{ background-image: url(/images/frontend/template_step2.png); }
#wizard ul li#step3{ background-image: url(/images/frontend/template_step3.png); }
#wizard ul li#step4{ background-image: url(/images/frontend/template_step4.png); }
#wizard ul li#step5{ background-image: url(/images/frontend/template_step5.png); }
#wizard ul li#step6{ background-image: url(/images/frontend/template_step6.png); }

/* Theme Images */
#choose_theme a{ display: block; }
#choose_theme div{ float: left; margin: 0 15px 0 0 !important; }
#choose_theme img, #choose_theme a img{ border: 2px solid #ccc; }
#choose_theme a:hover img{ border-style: solid; border-color: #666; }
#choose_theme a.active img{ border-width: 2px; border-color: #97bf0d; }
#choose_theme a.active:hover img{ border-style: solid; }

/* @end */

/* @group My Group */

/* Theme Generator Header */
.theme_label{ margin: 5px 0 0 0; }
#fill_content_theme{ margin: 10px 0 0 0 !important; width: 770px; border: 2px solid #ccc; background-color: #fff; padding: 15px; }

.theme_header_content{ width: 100%; height: 100px; background-color: #ccc;  }
.theme_header_content h1{ text-align: left; padding: 0 25px 0 25px; font-weight: normal; font-size: 22px; color: #fff; width: 720px; line-height: 100px; }

.theme_headline{ margin: 15px 0 0 0 !important; width: 550px; }
.theme_headline input{ width: 100%; font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 7px 0; display:block; }

.theme_textmodule_top{ margin: 15px 0 0 0 !important; width: 100%; height: 200px; }
.theme_textmodule_top textarea{ border: 1px solid #ccc; padding: 2px !important; line-height: 1.5em; float: left; width: 550px !important; height: 200px !important; margin: 0 0 0 0 !important; }
.theme_textmodule_top .chartbox{ width: 200px; height: 200px; float: right; background-color: #97bf0d; }

.theme_textmodule{ margin: 20px 0 0 0 !important; }
.theme_textmodule textarea{ border: 1px solid #ccc; padding: 2px !important; line-height: 1.5em; float: left; width: 505px !important; height: 200px !important; margin: 0 0 0 0 !important; }
.theme_textmodule .getimage_left{ float: left; width: 250px; height: 50px; margin: 0 15px 0 0 !important; }
.theme_textmodule .getimage_right{ float: right; width: 250px; height: 50px; margin: 0 0 0 15px !important; }

.theme_textmodule_fullsize{ margin: 20px 0 0 0 !important; }
.theme_textmodule_fullsize textarea{ border: 1px solid #ccc; padding: 2px !important; line-height: 1.5em; width: 100% !important; height: 200px !important; margin: 0 0 0 0 !important; }

.theme_textmodule .getimage input{  }

/* @end */

/* @group ImageBrows */

.imageBrowser{ border:0px solid #ccc; background-color:#000; padding:15px; overflow:auto; width:auto; height:94px; margin:0 0 15px 0; color:#fff; }
.imageBrowser a img{ margin:0; padding:0; }
.imageBrowser a{ margin:0; padding:0; }

/* @end */

/* @group live Editor selfmade */

.liveEditor{ float:left; margin:0 0 0 0; width:50%; }
.liveEditor textarea{ }
.livePreview{ float:left; width:50%; padding:0 0 0 0; }
.livePreview div #templateheader{ background-color:#ccc; padding:15px; margin:0; border-bottom:1px solid #000; }
.livePreview div #templateheader h4{ margin:0; padding:0; color:#000; font-size:14px; }
.livePreview div #TextDisplay{ background-color:#f2f2f2; margin:0 0 0 0; padding:10px; }
.livePreview div #TextDisplay p{ line-height:1.4em !important; padding:0 0 15px 0; }
.livePreview div #TextDisplay img{ margin:4px 10px 5px 0; }
.livePreview div #TextDisplay h3{ margin:0 0 15px 0; }
.livePreview div{ margin:0 0 0 15px; }

.w2em, .w4em, .w5em{ font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:0 0 0 0; }

/* @end */

/* @group Image Scroller */

.altclick{ color:#000; display:block; width:100%; margin:15px 0 5px 0; margin:15px 0 0 0; border-bottom:5px solid #000; font-size:9pt; padding:0 0 5px 0; font-weight:bold; }
.altclick:hover{ cursor:pointer; text-decoration:underline; }


#container2{ text-align: center; margin:0 0 0 0; }
#container2 #leftScrollImage{ display:block; width:20px; height:100px; background-color:#000; line-height:100px; color:#fff; text-decoration:none; }
#container2 #rightScrollImage{ display:block; width:20px; height:100px; background-color:#000; line-height:100px; color:#fff; text-decoration:none; }
#imageBox{ text-align:left; position:relative; top:-4px; background-color:#292929; margin: auto; width: 100%; height: auto; padding:0; }
#imageBox div{ padding:1px 0 0 2px; color:#fff; }
#imageBox img{ padding: 1px; border:1px solid #333333; margin:1px; }
#imageBox br{ clear: both; }
#controls img{ border: 0; }
#filebrowser{ padding:5px !important; color:#fff; }
#filebrowser a{ color:#fff; margin:0 5px 0 0; }

/* @end */

/* Tooltip */
dfn{  }
dfn span{ position: absolute; display: none; font-style: normal; margin-top: -95px; margin-left:-10px;}
dfn span img{ border:2px solid #ccc !important; padding:2px !important; background:#fff; }
dfn:hover span { position: absolute !important; display: inline !important; }

/* Loading */
#loading{ position: absolute; top: 62%; left: 45%; overflow: visible; text-align:center; }
#loading img{ border:0px solid #fff; }
#search_suggest{ display:none; }

/* Content */

/* Todo-images */
.spacer { height: 500px; }
.spacer img { border: 0; }
/* Navigation-bar left */

.navcontainer { height: 512px; width: 137px; overflow: scroll; }
.navbar { list-style: none; width: 120px; }
.navbar li { width: 121px; height: 100px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; }
.navbar a { position: relative; }
.navbar li.active { background-color: #ccc; border-left: 1px solid #aaa; width: 120px; }
.navbar li.mouseover { background-color: #aaa; }
.navbar li.mouseover a img { border: 2px solid #fff; }

.imagecontainer { height: 480px; width: 680px; position: absolute; top: 95px; left: 175px; }

.image_functions { width: 680px; height: 29px; position: absolute; top: 575px; left: 175px; }
.image_functions a { position: relative; top: 5px; }
.image_functions a#left { left: 44%; }
.image_functions a#right { position: relative; right: -52%; }

div.filterset { display: block; }

label.block { display: block; margin: 20px 0 7px 0; }
select.small, input.small { font-size:9pt; color:#000; border:1px solid #ccc; padding:3px; margin:5px 0 5px 0; width:160px; display:block; }
input.small { display: inline !important; }
.rights_management { line-height: 15px; }
div.check_container { display: block; }
span.description { padding: 0 0 0 7px; }
span.info { border: 1px solid #000; padding: 12px 7px 12px 7px; margin: 0 0 15px 0; display: block; width: 492px; }
span.info span {font-weight: bolder;  }
label span { display: block; }
label img { border: 0; position: relative; top: 3px; left: 7px;}