* {
	margin: 0;
	padding: 0;
}


a {
	color: #577DC1;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #ffffff;
	background: #577DC1;
}



a img:hover {
	background: #ffffff;
	
}

a img {

	border: none;
	background: #ffffff;
	vertical-align:bottom;
}



/* *******************************************
layout
******************************************* */

body {
	background: url(img/bg.png) #cddcf3;
	font-family: Verdana, Arial, Verdana, sans-serif;
	font-size:12px;
	line-height: 150%;
	
	
}

#wrapper
{

width: 909px;
margin: 0px 0px 0px 53px;
text-align: left;
color: #596067;

}

#logo
{
float:left;
width: 323px;
height: 103px;
}
#menu_o_links {
	float:left;
	background: url(img/menu_o_links.png) no-repeat;
	
	width: 81px;
	height:35px;
	margin: 68px 0px 0px 0px;
	color: #ffffff;
	}


#menu_o {
	float:right;
	background: url(img/menu_o_rechts.png) no-repeat;
	
	width: 505px;
	height: 35px;
	margin: 68px 0px 0px 0px;
	color: #ffffff;
	
}




#user_o_l
{
float:left;
width: 267px;
background: url(img/user_o_l.png) no-repeat;
height:40px;
}
#user_o_komplett
{
width: 909px;
background: url(img/user_o_komplett.png) no-repeat;
height:40px;
}

#user_o_ohne
{
float:none;
width: 909px;
background: url(img/user_o_ohne.png) no-repeat;
height:40px;
}

#user_u
{
float:none;
clear: both;
width: 909px;
background: url(img/user_u.png) no-repeat;
height:99px;
}


#unten_o
{
margin: 18px 0px 0px 0px;
width: 909px;
background: url(img/unten_o.png) no-repeat;
height:33px;
}

#unten_m
{
width: 909px;
background: url(img/unten_m.png) repeat-y;
}
#innen_user
{
width: 863px;
padding:5px 20px 20px 25px;
}

#unten_u
{
width: 909px;
background: url(img/unten_u.png) no-repeat;
height:35px;
}

#logo_webvorschau {
	width: 909px;
	height: 103px;
}

#unten_o_webvorschau {
	width: 909px;
	background: url(img/unten_o_webvorschau.png) no-repeat;
	height: 40px;
}
#unten_m_webvorschau
{
width: 909px;
background: url(img/unten_m_webvorschau.png) repeat-y;
}

#unten_u_webvorschau
{
width: 909px;
background: url(img/unten_u_webvorschau.png) no-repeat;
height:35px;
}
#innen_l_webvorschau {
	width: 560px;
	padding:0px 0px 40px 25px;
	float:left;

	
}
#innen_r_webvorschau {
	width: 290px;
	margin: 0px 10px 40px 10px;
	
	float:right;
	
}

#ueberschrift
{
width: 610px;
background: url(img/ueberschrift.gif) no-repeat;
height:138px;
}

#innen_all {
	width: 825px;
	padding:0px 0px 40px 25px;
	clear:both;
	
	
}

#platz
{
	float: none;
	height:10px;
	width: 863px;
	
	
}

#picture_left {
	float:left;
}
#picture_taggenerate {
	float:left;
	background: #D6E2F5;
	padding: 20px 20px 20px 20px;
}



#text_right {
	margin: 0px 0px 0px 40px;
	float:left;
}

#picture_right {
	float:right;
}
#text_left {
	float:left;
}
.picture_left_text {
	width:175px;
	padding:10px 0px 0px 0px;
}

.box_index {
	float:left;
	width: 350px;
	padding: 0px 5px 0px 5px;	
}


/* ******************************************
 * sortierung
 ****************************************** */

#sortierung {
	border: 0px solid #525252;
	width: 250px;
	}
#sortierung h3 {padding:0;}
td.bg1 {background: #D6E2F5;}
td.bg2 {background: #ffffff;}
td.pfeil {
	width:26px;
	white-space: nowrap;}
	
table.innersort {margin:0px;padding: 0px;}
table.innersort tr td {
padding:0px 0px 4px 0px;
vertical-align:top;
text-align: left;
}
/* ******************************************
 * formular
 ****************************************** */
fieldset {
  clear: both;
  border-color: #CCCCCC;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
  width: 430px;
  
}



fieldset legend {
  margin: 0 0 0 0;
  padding: 0 5px;
  color:#666;
  height:30px;
}


input, select { 
  display: block;
  float: left;
  width: 200px; 

}
textarea { 
 display: block;
  float: left;
  width: 320px; 
}
label {
 text-align: right; 
 display: block;
 float: left;
 width: 130px; 
 padding:6px 1em 0px 5px;
 vertical-align:bottom;
 font-weight: bold;
 color:#666;
 font-size: 100%;
 
}

.tiny
{
padding: 9px 0px 5px 0px;
width: 325px; 
float: left;

}

input, textarea, input#file, select {
	font-family: Verdana, Arial, Verdana, sans-serif;
	vertical-align:bottom;
	font-size:120%; 
	padding: 5px 3px 3px 7px;
	background: #ffffff url(img/form-field-bg.gif) no-repeat ;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #e6e6e6;
}

input.ueberschrift {
	font-size:100%;
	padding: 4px 2px 2px 6px;
	
	}

.nachinput {
	margin: 8px 0px 0px 0px;
	display: inline;
	
}
form br {
  clear: left; 
}


input#submit .submit180 {
   
  	background: url(img/submit-btn_180.png) no-repeat top left;
   	width: 180px;
 
}

input[type=checkbox] {
   	color: #000000;
  	width: 22px;
  	height: 22px;
  	padding: 0px 0px 0px 0px;
  	margin: 0px 0px 0px 0px;
  	display:inline;
}


input[type=image] {
   	color: #000000;
  	background:none;
  	border: none;
  	width: 30px;
  	height: 30px;
  	padding: 0px 0px 0px 0px;
  	margin: 0px 0px 0px 0px;
  	display:inline;
}
input[type="hidden"] {
   	color: #000000;
  	background: none;
  	border: none;
  	padding:0;
  	margin:0;
  	display:inline;
  	width:	auto;
  	
}
input[disabled="disabled"] {
background: #cccccc;
}

/* ******************************************
 * allgemein
 ****************************************** */
h1 {
 width:480px;
 font-size:150%; 
 color:#333333; 
 padding:0px 0px 10px 0px;
 margin: 0px 0px 15px 0px;
 font-weight: normal;
 border-bottom: 8px solid #ffffff;
}

h2 {
 font-size:100%; 
 color:#333333; 
 padding:10px 0px 10px 0px;
 margin:0px;
 font-weight: bold;
}

h3 {
 font-size:100%; 
 color:#616161; 
 padding:10px 0px 10px 0px;
 margin:0px;
 font-weight: bold;
}

#user_u h2 { 
font-size:160%; 
color:#333333; 
 padding:0px 0px 14px 0px;
 margin:0px;
font-weight: normal;
  }
.m_ok {
 	color:#006600;
 	font-weight: bold;
 	
 	}
.m_fail, .error_message {
  	color:#cc0000;
  	font-weight: bold;
 }
 #flashMessage
 {
 padding: 0px 0px 15px 0px;
 
 }
 
 #innen_r_webvorschau a {
	color: #F79142;
	font-weight:bold;
	
}
 
 /* ******************************************
 * Unter Navigation
 ****************************************** */	
#kampagne {
	float:left;
	width: 260px;
	height: 40px;
	font-weight:bold;
	color: #000000;
}
#kampagne_innen {
	padding: 15px 0px 0px 25px;
}
#kampagne_name {
	padding: 3px 0px 0px 25px;
	font-weight:bold;
	color: #000000;
	height: 20px;
}


#nav {
	float:right;
	width: 905px;
	padding: 0px 15px 0px 0px;
}
#nav ul{
	list-style: none;
	margin: 10px 0px 10px 25px;
	padding: 0px;

}
#nav ul li{
	margin: 0px 1px 0px 0px;
	padding: 0px;
	float: left;
}
#nav ul li a{
	font-weight:bold;
	padding: 5px 7px 6px 7px;
	text-decoration: none;
	color: #000000;
	display: block;
}

#nav li a:hover, #nav .current{
	text-decoration: none;
	color: #0066CC;
	background: none;
}

 /* ******************************************
 * Menu oben
 ****************************************** */	
#menu_o ul{
	 	

	
	list-style: none;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	

}

#menu_o_links ul{
	 	

	
	list-style: none;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	

}
#menu_o ul li,menu_o_links ul li{
	margin: 0px 1px 0px 0px;
	padding: 0px;
	float: left;
}
/* ie6 verstecken */
html>body #menu_o ul li a, html>body #menu_o_links ul li a {height: 34px;}

#menu_o ul li a, #menu_o_links ul li a{

	
	padding: 8px 7px 0px 7px;
	text-decoration: none;
	color: #ffffff;
	display: block;
}

#menu_o li a:hover, #menu_o .current, #menu_o_links li a:hover, #menu_o_links .current{
	text-decoration: none;
	background:url(img/menu_hover.png) top left no-repeat;
	
}

#menu_o ul.logout li a, #menu_o_links ul.logout li a{

	
	padding: 8px 7px 0px 7px;
	text-decoration: none;
	color: #999999;
	display: block;
}




#footer {
padding: 0px 0px 0px 24px;
color: #577DC1;
}
#footer a{
color: #577DC1;
}
 /* ******************************************
 * Menu oben
 ****************************************** */

/* tables */

table {
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
font-size:100%;
}
th {
text-align: left;
padding:1px 4px;
}
table tr td {
padding:4px 4px;
vertical-align:top;
text-align: left;
}

.pagination {
text-align: right;
}

#webseite ul,#rechtsbox ul {
	list-style: none;
}



#webseite ul li,#rechtsbox ul li {
	background: url(img/bullet-list.gif) no-repeat 18px 8px;
	padding-left: 30px;
}



#webseite  ol li {
	margin-left: 35px;

}
.l1, .l2 {float:left;}
.l1 {margin: 0px 80px 0px 0px;}
#rechtsbox {
color:#ffffff;
text-align:left;
}
#rechtsbox h2, #rechtsbox h3{
color:#ffffff;

}


.white {
color: white;
}
 /* ******************************************
 * Kampagnen box
 ****************************************** */
#kampagne_innen a {
	color: #000000;
	font-weight: bold;
}

#kampagne_innen a:hover {
	text-decoration: none;
	color: #993300;
	background: none;
}


 /* ******************************************
 * Standard Text layouts
 ****************************************** */

#innen_all ul {
	list-style: none;
	padding-bottom: 10px;
}



#innen_all ul li {
	background: url(img/bullet-list.gif) no-repeat 18px 8px;
	padding-left: 30px;
}
#innen_all ul.mailview li {
background: none;
padding-left: 0px;
}


#innen_all ol{
	padding-left: 30px;
}

#innen_all ol li{
	font-weight:bold;
	padding: 0px 0px 10px 0px;
}

#innen_all  ol li div { font-weight:normal; }


#innen_all p {
padding: 0px 0px 10px 0px
}

#innen_all td.kat {
padding: 20px 0px 0px 4px;
font-weight:bold;
}

#colorPickerDiv table,#colorPickerDiv table tr td  {
margin: 0px;
padding: 0px;
line-height: 100%;
}
#colorPickerDiv {

background: #ffffff;
}


/* ******************************************
 * loginbox
 ****************************************** */
.loginbox {
text-align:left;
float:right;
width: 270px;
float: right;
margin:0px 0px 0px 20px;
}

#loginbox_platz {
clear:all;
display: block;
height:1px;
width: 700px;
}

.loginbox input, .loginbox select { 
  display: block;
  float: left;
  width: 200px; 
}

label {
 text-align: left; 
 display: block;
 float: left;
 padding:6px 1em 0px 0px;
 vertical-align:bottom;
 font-weight: bold;
 color:#666;
 font-size: 100%;

}




input {
	font-family: Verdana, Arial, Verdana, sans-serif;
	vertical-align:bottom;
	font-size:120%; 
	padding: 5px 3px 3px 7px;
	background: #ffffff url(img/form-field-bg.gif) no-repeat ;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #e6e6e6;

}

input#radio,input[type='radio'],input.radio {
   	
  	border: none;
  	display:block;
  	width: 40px;
  	padding: 0px 0px 0px 0px;
  	margin:  0px 0px 0px 30px;
}



form br {
  clear: left; 
}

input#submit,input[type='submit'],input.submit {
   	color: #000000;
  	background: url(img/submit-btn.gif) no-repeat top left;
  	border: none;
  	width: 135px;
  	height: 25px;
  	padding: 0px 0px 0px 0px;
  	margin: 10px 0px 10px 0px;
  	display:inline;
}

input#submit.submit180,input[type='submit'].submit180 {
   
  	background: url(img/submit-btn_180.png) no-repeat top left;
   	width: 180px;
 
}



input#file,input[type='file'],input.file {
width: 70px;
}

.rot {
	color:#cc3333;
	}

input.color {
	width:70px;
}
input.form_error {
	border: 1px solid #CC0000;
}

input.neben {
	display:inline;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
/*ajax */
.channel  {display: block;float:none;}
.Channel {display: block;float:none;}


#etikettindex table tr td {
	background: #D6E2F5;
	width: 150px;
	text-align: center;
}

#etikettindex table tr td:hover {
  background: #577DC1;

  }

table.index td.blue
{
	background:#D6E2F5;
}
table.index td.white
{
	background:#D6E2F5;
}
table.index
{
	width: 380px;
}
.paggross {
font-weight: bold;
font-size: 120%;
color: #525252;
display:inline;
}
/* ******************************************
 * runde corners
 ****************************************** */
.index_rechts {
	float:right;
	}
.index_links {
	float:left;
	}
.roundcont {
	width: 400px;
	background-color: #ffaa68;
	color: #fff;
	margin:0px 0px 15px 0px;
}
.roundcont h3{
	font-size: 120%;
	margin: 0 10px 0px 10px;
	color: #ffffff;
	
	
}


.roundcont table {
	margin: 0 10px;
	background:#faf8f7;
	color:#000000;
}

.roundtop { 
	background: url(img/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(img/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

a.barcode 

{


text-align: center;
text-decoration: none;
display: block;
width: 160px;
height: 40px;
color: #ffffff;
font-weight: bold;
padding-top: 9px;
margin: 10px 5px 0px 0px;
background: url(img/bg_link.png) no-repeat;


}

a.barcode:hover  {
	color: #dbdbdb;
	background: url(img/bg_link.png) no-repeat;
}
.TagBg {
	background: #d6e2f5;
	padding:15px 15px 15px 15px;
}
a.buttonBlau

{

float: left;
text-align: center;
text-decoration: none;
display: block;
width: 160px;
height: 40px;
color: #ffffff;
font-weight: bold;
padding-top: 9px;
margin: 8px 10px 0px 0px;
background: url(img/button_blau.png) no-repeat;


}

a.buttonBlau:hover  {
	color: #dbdbdb;
	background: url(img/button_blau.png) no-repeat;
}

a.buttonOrgangeHoch

{

float: left;
text-align: center;
text-decoration: none;
display: block;
width: 160px;
height: 60px;
color: #ffffff;
font-weight: bold;
padding-top: 9px;
margin: 8px 10px 0px 0px;
background: url(img/buttonOrgangeHoch.png) no-repeat;


}

a.buttonOrgangeHoch:hover  {
	color: #dbdbdb;
	background: url(img/buttonOrgangeHoch.png) no-repeat;
}


a.buttonBlauBreit

{

float: left;
text-align: center;
text-decoration: none;
display: block;
width: 200px;
height: 50px;
color: #ffffff;
font-weight: bold;
padding-top: 9px;
margin: 8px 10px 0px 0px;
background: url(img/button_blau_breit.png) no-repeat;


}

a.buttonBlauBreit:hover  {
	color: #dbdbdb;
	background: url(img/button_blau_breit.png) no-repeat;
}

.sLeft, .sRight {
height: 76px;
width: 17px;
display: block;
overflow-x: hidden;
overflow-y: hidden;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium;
}

.sLeft {
background-color: transparent;
background-image: url(img/scroll_left.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}

.sLeft:hover {

background-color: transparent;
background-image: url(img/scroll_left_hover.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;

}
.sRight 

{
background-color: transparent;
background-image: url(img/scroll_right.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;

}

.sRight:hover

{
background-color: transparent;
background-image: url(img/scroll_right_hover.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;

}

table.ThumbnailsHistory tr td.thumbnails {
	background: #D6E2F5;
	height: 74px;
	text-align: center;
}

table.ThumbnailsHistory tr td.thumbnails:hover {
  background: #577DC1;

  }


a.ThumbnailsHistory:hover {
border: 2px solid #FF8C40;
}

#footer a:hover {
	color: #000000;
	text-decoration:none;
	background:none;
}

body.mceContentBody {
   font-size:19px;
   color: red !important;
}

/* welcome seite */
th.welcome a {
	font-weight: bold;
	
}
th.welcome a {
	vertical-align: text-top;
	
}

.sms {
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}