/* @override 
	http://www.city-mail.de/fileadmin/tmpl/inc/css/base.css */

@charset "UTF-8";
/**
 * www.city-mail.de
 * 
 * Basis-CSS
 *
 * Basis-Formatierungen für das HTML-Dokument
 *
 * @project www.city-mail.de
 * @version 1.0.0
 * @date 05.10.2009
 * @lastmodified JJJJ-MM-DD HH:MM
 * @package xhtml-css
 * @author Dennis Brändle <dbraendle@creativconcept.de>
 * @copyright 2009 by the author *
 * @colordef #000; Schwarz
 * @colordef #FFF; Weiß
 * @colordef #d30132; CI-Rot
 * @colordef #f4cfc5; CI-Hell-Rot
 * @colordef #fef5d1; CI-Hell-Gelb
 * @colordef #666666; Grau: Schriftfarbe
 * @colordef #c3c3c3; Grau: Rahmenfarbe
 *
 * @fontdef Verdana, sans-serif; Standard-Dokumentschrift
 */

 
/**
 * Basic Layout
 *
 * Grundlegende Layoutformatierungen
 *
 * @section basiclayout
 */
 
* {
	border: none 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
	outline:  0;
}

hr {
	display: none;
}

.break {
	clear: both;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.no_bg {
	background: none !important;
}

.no_margin {
	margin: 0 !important;
}

.no_padding {
	padding: 0 !important;
}

.no_border {
	border: none !important;
}

.no_display {
	display: none !important;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
}

.tal {
	text-align: left !important;
}

.tac {
	text-align: center !important;
}

.tar {
	text-align: right !important;
}

body {
 	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	font-size: 12px;
	color: #666;
}

#gc {
	width: 100%;
	height: 100%;
}
 
#hd {
	position: relative;
	width: 960px;
	height: 90px;
}

#logo {
	position: absolute;
	top: 35px;
	left: 85px;
}

#media {
	height: 224px;
	background:  url(../img/hd_bg.gif) no-repeat;
	overflow: hidden;
}

#media_ct {
	width: 913px;
	height: 215px;
	margin: 9px 0 0 47px;
}

#bd {
	width: 960px;
	background: url(../img/mnav_paper.png) no-repeat;
	margin-top: -70px;
	position: relative;
}

#slogan {
	height: 29px;
	width: 2000px;
	background: #fff url(../img/slogan.gif) no-repeat;
	overflow: hidden;
	margin-top:  -32px;
	margin-left: 760px;
}

#ct {
	width: 615px;
	padding: 100px 0 0 0;
}

#ct_l {
	width: 400px;
	margin-bottom: 20px;
	padding-right: 20px;
}

#ct_l ul {
	margin-bottom: 20px;
}

#ct_l ul li {
	padding-left: 15px;
	margin-bottom: 12px;
	background: url(../img/list_square.gif) 0 4px no-repeat;
	line-height: 17px;
}

#ct_r {
	width: 195px;
}

#ft {
	background: url(../img/shad_top.png) no-repeat;
	margin-top: -9px;
	position: relative;
	
}

#ft_ct {
	width: 875px;
	padding: 20px 0 10px 85px;
	font-size: 10px;
}


/*** IE PNG-FIX **********************************************/

img, #bd, #ft { 
	behavior: url(fileadmin/tmpl/inc/ie/pngfix/iepngfix.htc);
}


/*** Text & Links ********************************************/
 
h1,
.h1 {
	font-size: 24px;
	color: #d30132;
	font-style: italic;
	margin-bottom: 10px;
}

h2,
.h2 {
	font-size: 16px;
	color: #d30132;
	font-style: italic;
	margin: 20px 0 10px 0;
}

.csc-firstHeader {
	margin-top: 0;
}

h3 {
	color: #d30132;
	line-height: 20px;
}

h4 {
	font-size: 16px;
	color: #666;
}

p {
	margin-bottom: 12px;
	line-height: 17px;
}

.hint {
	font-size: 11px;
	line-height: 20px;
}

a:link,
a:visited {
	color: #666;
	text-decoration: none;	
}

a:hover,
a:focus,
a:active {
	color: #d30132;
}

#ct a {
	padding-right: 25px;
	color: #d30132;
	background: url(../img/link_3arrow_r.gif) right center no-repeat;
}

#ct a:active,
#ct a:hover,
#ct a:focus {
	color: #666;
	background: url(../img/link_3arrow_g.gif) right center no-repeat;
}

#ct .csc-linkToTop a {
	background: none !important;
	padding-right: 0 !important;
}


/*** Content: Pictures ****************************************/

#ct img {
	margin: 15px 0;
}

#ct #ct_r img {
	margin: 2px 0 5px 0;
}

/*** Numeric lists ********************************************/

#ct ol {
	padding-left: 18px;
}

#ct ol li {
	list-style-type: decimal;
	font-weight: bold;
}

#ct ol li p {
	font-weight: normal;
}


/*** Ordered lists ********************************************/

#ct ul li {
	font-weight: bold;
}

#ct ul li p {
	font-weight: normal;
}


/*** Table Content ********************************************/


table {
	width: 100%;
	font-size: 11px;
	font-weight: normal;
	border-collapse: collapse;
	margin: 10px 0 30px 0;
}

td,
th {
	min-width: 40px;
	border: 1px solid #ccc;
	line-height: 12px;
	padding: 5px 3px;
	text-align: center;
}

td.tal,
th.tal {
	text-align: left !important;
}

tbody {
	border-top: 3px solid #ccc;
}

td.tfoot {
	border-top: 3px solid #ccc;
	text-align: left;
}


/*** Navigation: Service-Navigation ********************************************/


#snav {
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 999;
}

#snav ul {
	margin-bottom: 7px;
}

#snav li {
	display: inline;
	padding: 0 7px;
	border-right: 1px solid #666;
}

#snav li a {
	font-size: 11px;
}


/*** Navigation: Haupt-Navigation ********************************************/

 
#mnav_bd {
	padding: 95px 0 25px 0;
	padding-left: 85px;
	width: 255px;
}

#mnav {
	width: 175px;
}

#mnav li {
	border-bottom: 1px dashed #666;
}

#mnav li a {
	display:  block;
	padding: 9px 0 8px 10px;
	background: url(../img/mnav_arrow_g.gif) 0 13px no-repeat;
	font-size: 14px;
}

#mnav li a:hover,
#mnav li a:focus,
#mnav li a:active {	
	background: url(../img/mnav_arrow_r.gif) 0 13px no-repeat;
}

#mnav li ul {
	display:  none;
	margin: 0;
	padding: 0 0 8px 0;
}

#mnav li ul li {
	border: none;
	padding: 0 0 0 30px;
	background: none;
}

#mnav li ul li a {
	font-size: 12px;
	background: none;
	padding: 3px 0;
	
}
#mnav li ul li a:hover,
#mnav li ul li a:focus,
#mnav li ul li a:active {
	background: none;
}

a.active,
li.active ul li.active a {
	color: #d30132 !important;
	font-weight: bold;
}

#mnav li.active ul.mnavsub.active {
	display: block;
} 

/*** Form: Suche ********************************************/

#zip {
	margin-top: 30px;
}

#search,
#search_zip {
	position: relative;
	width: 200px;
	height: 26px;
	border: 1px solid #c3c3c3;
	overflow: hidden;
}

#search_zip {
	width: 120px;
}

#searchbox,
#searchbox_zip {
	position: absolute;
	top: 0;
	left: 0;
	border: none 0;
	width: 157px;
	height: 26px;
	font-size: 18px;
	line-height: 26px;
}

#searchbox_zip {
	width: 78px;
}

#searchbutton,
#searchbutton:link,
#searchbutton:visited,
#searchbutton_zip,
#searchbutton_zip:link,
#searchbutton_zip:visited {
	position: absolute;
	top: 0;
	right: 0;
	border: 2px solid #fff;
	width: 39px;
	height: 26px;
	background: #666;
	color:  #fff;
}

#searchbutton:hover,
#searchbutton:active,
#searchbutton:focus,
#searchbutton_zip:hover,
#searchbutton_zip:active,
#searchbutton_zip:focus {
	background: #d30132;
}


/*** Suche Ausgabe *********************************************/

table.csc-searchResultInfo {
	margin: 0 0 10px 0;
}

table.csc-searchform {
	display: none;
}

table.csc-searchResultInfo td {
	text-align: left;
	border: none 0;
	padding: 0;
}

.csc-searchResultRange p {
	margin: 0;
	line-height: 11px;
	font-size: 11px;
}

p.csc-form-label {
	margin: 0 !important;
}

.csc-form-fieldcell input,
.csc-form-fieldcell select {
	border: 1px solid #c3c3c3;
	margin: 5px 0;
	width: 190px;
	height: 20px;
}


/*** Quick-Link-Box ********************************************/


#ql {
	width: 177px;
	padding: 7px;
	margin-bottom: 20px;
	border: 2px solid #d30132;
}

#ql h1 {
	padding: 0 10px 0 20px;
	margin-bottom: 3px;
	font-size: 18px;
	line-height: 28px;
	background: url(../img/h1_ql.gif) no-repeat;
	color: #fff;
}

#ql li {
	padding: 6px 0;
	border-bottom: 1px dashed #666;
}

#ql a:link,
#ql a:visited {
	display: block;
	color: #666;
	background: url(../img/link_arrow_r.gif) right 4px no-repeat;
}

#ql a:hover,
#ql a:focus,
#ql a:active {
	color: #d30132;
	background: url(../img/link_arrow_g.gif) right 4px no-repeat;
}

#ql li.no_border {
	padding-bottom: 0;
}



/**
 * Basic Layout
 *
 * Content Startseite
 *
 ***********************************************************************/


.teaser {
	width: 195px;
	margin-right: 15px;
}

.teaser h1 {
	padding: 0 10px;
	margin-bottom: 10px;
	line-height: 30px;
	color: #fff;
	font-size: 18px;
	background: url(../img/h1.gif) no-repeat;
}

.teaser p,
.teaser a {
	padding: 0 5px;
}

#start a.tooltipLink {
	display: none;
}


/**
 * Basic Layout
 *
 * Über CITYMAIL > Referenzen
 *
 ***********************************************************************/
 
#cm_ref #ct_l a {
	background: none;
	padding: none;
	color: #666;
}

#cm_ref #ct_l a:hover {
	color: #d30132;
	background: none;
	font-weight: bold;
}


/*** Über CITYMAIL > News **********************************************/ 

.news-single-author {
	display: none;
}

.news-single-img {
	padding: 0 !important;
}

.news-single-img a,
.news-single-img a:active,
.news-single-img a:hover {
background: none !important;
}


.news-single-backlink a,
.news-latest-container a,
.news-list-item a {
	background: none !important;
	padding-right: 0 !important;
}


.news-latest-date a,
.news-latest-gotoarchive,
.news-latest-morelink a {
	display: none;
}

.news-list-item {
	clear: both;
	margin-bottom: 15px;
	padding: 2px 4px 4px 4px;
	background-color: #eee;
}

.news-list-item img {
	margin: 2px 5px 0 0 !important;
	float: left;
}

.news-list-item h3 a {
	display: block;
	line-height: 14px;
	font-size: 12px;
	color: #666 !important;
	padding: 0 !important;
	margin-bottom: 3px;
}

.news-list-item p.bodytext {
	margin-bottom: 0;
	display: inline;
	font-size: 11px;
	line-height: 13px;
}

.news-list-morelink {
	display: inline;
	font-size: 11px;
}

.news-list-date {
	font-size: 9px;
	font-weight: normal;
	color: #999;
}

.news-single-item h2 strong {
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
}

.news-list-browse {
	padding-top: 15px;
}

.tx-ttnews-browsebox table {
	margin: 0 0 15px 0;
	width: auto;
}

.tx-ttnews-browsebox tbody {
	border-top: none !important;
}

.tx-ttnews-browsebox table td {
	border: none;
	padding: 0;
}

.tx-ttnews-browsebox table td p {
	padding: 0 5px;
}

.tx-ttnews-browsebox p {
	margin: 0;
	font-size: 10px;
}

.tx-ttnews-browsebox table td p a {
	background: none !important;
	padding: 0 !important;
}


/**
 * Basic Layout
 *
 * Firmenkunden > Preisrechner
 * 
 *********************************************************************/

#calc #ct_l {
	width: 100%;
}

#calc #ct_r {
	display: none;
}

#calc #ct_l form {
	margin-bottom: 40px;
}

#calc #ct_l table thead th {
	width: 100px;
}
 
.cm_lt_red,
td.cm_lt_red input {
	background-color: #f4cfc5;
	color: #d30132;
	font-weight: bold;
	text-align: center;
}

.cm_lt_yellow,
td.cm_lt_yellow input {
	background-color: #fef5d1;
	text-align: center;
}

.cm_red {
	background-color: #d30132;
	color: #fff;
	text-align: left;
}

#inputbutton,
#inputbutton:link,
#inputbutton:visited {
	border: 1px solid #d30132;
	color: #d30132;
	background-color: #fff;
	padding: 0 10px;
}

#inputbutton:hover,
#inputbutton:focus,
#inputbutton:active {
	border-color: #666;
	color: #666;
	background-color: #eee;
}

.cm_red h2 {
	margin: 0;
	color: #fff;
	font-style: normal;
	font-size: 14px;
}

#prices table p.bodytext  {
	line-height: 12px !important;
	margin: 0 !important;
}



/*** Firmenkunden > Preisübersicht **********************************/


#ptable #ct_l {
	width: 100%;
}

#ptable #ct_r {
	display: none;
}

#ptable table p.bodytext  {
	line-height: 12px !important;
	margin: 0 !important;
}

th.fstcol {
	width: 130px;
}

table.plist a {
	background: none !important;
	padding: 0 !important;
	color: #666 !important;
	font-weight: bold;
}

.tooltip { 
	display: none; 
	font-size: 11px; 
	background: #f4cfc5;
}

.tooltip p {
	border: 1px solid #c3c3c3;
	padding: 8px;
	max-width: 300px;	
}

.tooltip .label { 
	color: yellow; 
	width: 35px; 
} 
 
.tooltip a { 
	color: #ad4; 
	font-size: 11px; 
	font-weight: bold; 
}


/**
 * Basic Layout
 *
 * Privatkunden > Briefmarken
 *
 *********************************************************************/

table#bm td {
	text-align: left;
}

table#bm .price {
	color: #d30132;
	font-weight: bold;
	text-align: center;
}


/*** Privatkunden > Verkaufsstellen **********************************/

#pk_vs #ct_l img {
	margin: 0;
}


/**
 * Basic Layout
 *
 * Service > Nützliche Links
 *
 *********************************************************************/

#service_links #ct_l .csc-header {
	clear: both;
}

#service_links #ct_l div.csc-textpic.csc-textpic-intext-left {
	margin-bottom: 30px;
	min-height: 60px;
	overflow: hidden;
}

#service_links #ct #ct_l img {
	margin: 5px 0;
}

#service_links #ct_l .csc-textpic-imagewrap dl {
	width: 150px !important;
}

#service #ct_r {
	margin-top: 35px;
}


/*** Service > AGB ***************************************************/

#agb ul li {
	font-weight: normal;
}


/*** Service > Impressum **********************************************/

.col {
	width: 297px;
}

.col.float_r {
	margin-left: 21px;
}

#impressum #ct_r {
	display: none;
}

#impressum #ct_l {
	width: 100%;
}


/*** Service > Kontakt, Nachsendeauftrag, Postlagerauftrag ************/

div#powermaildiv_uid11 label,
div#powermaildiv_uid6 label,
div#powermaildiv_uid23 label,
div#powermaildiv_uid25 label,
div#powermaildiv_uid35 label,
div#powermaildiv_uid37 label,
div#powermaildiv_uid46 label,
div#powermaildiv_uid48 label,
div#powermaildiv_uid153 label,
div#powermaildiv_uid151 label,
div#powermaildiv_uid137 label,
div#powermaildiv_uid139 label {
	float: left;
	width: 25px;
	line-height: 20px;
}

#tx-powermail-pi1_fieldset_1 legend,
#tx-powermail-pi1_fieldset_2 legend,
#tx-powermail-pi1_fieldset_3 legend,
#tx-powermail-pi1_fieldset_10 legend {
	display: none;
}


#kontaktformular,
#nachsendeauftrag,
#postlagerauftrag {
	margin-bottom: 25px;
}

.input,
#uid38_hr {
	border: 1px solid #c3c3c3;
	margin-bottom: 10px;
	width: 190px;
	height: 20px;
}

.input_plz,
.input_nr {
	border: 1px solid #c3c3c3;
	margin-bottom: 10px;
	width: 50px;
	height: 20px;
}

.input_ort,
.input_str {
	border: 1px solid #c3c3c3;
	margin-bottom: 10px;
	width: 130px;
	height: 20px;
}

.input_str,
.input_plz {
	float: left;
	margin-right: 10px;
}

.message {
	border: 1px solid #c3c3c3;
	margin-bottom: 10px;
	width: 290px;
	height: 100px;
}

#kontaktformular label,
#nachsendeauftrag label,
#postlagerauftrag label {
	display: block;
	float: left;
	width: 110px;
}

#powermaildiv_uid2,
#powermaildiv_uid20,
#powermaildiv_uid31,
#powermaildiv_uid43 {
	clear: both;
}
 
.send,
.send:link,
.send:visited {
	float: left;
	width: 140px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	margin-left: 110px;
	border: 0 none;
	background: #666;
}

.del,
.del:link,
.del:visited {
	width: 140px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	margin-left: 10px;
	border: 0 none;
	background: #666;
}

.send:hover,
.send:focus,
.send:active,
.del:hover,
.del:focus,
.del:active {
	background: #d30132;
}


#powermaildiv_uid39 {
	margin-left: 90px;
}

#powermaildiv_uid39 p {
	display: none;
}

input#check_uid39_0 {
	float: left;
}

/*#nachsendeauftrag .powermail_check_inner_uid39_0 label {
	width: 290px;
	float: right;
	margin-bottom: 20px;
}*/

#nachsendeauftrag div.powermail_radio_inner_uid39_0,
#nachsendeauftrag div.powermail_radio_inner_uid39_1 {
	/*margin-left: 90px;*/
	position: relative;
	height: 80px;
	float: none;
}



#nachsendeauftrag .powermail_radio_inner_uid39_0 input, 
#nachsendeauftrag .powermail_radio_inner_uid39_1 input {
	position: absolute;
	top: 0;
	float: none;
	left: 0;
}

#nachsendeauftrag .powermail_radio_inner_uid39_0 label,
#nachsendeauftrag .powermail_radio_inner_uid39_1 label {
	position: absolute;
	top: 0;
	width: 310px;
	height: 50px;
	left: 20px;
}


/*** div radio ********************************************/


#powermaildiv_uid1,
#powermaildiv_uid19,
#powermaildiv_uid42,
#powermaildiv_uid147,
#powermaildiv_uid133 {
	height: 30px;
}

#powermaildiv_uid1 p,
#powermaildiv_uid19 p,
#powermaildiv_uid42 p,
#powermaildiv_uid147 p,
#powermaildiv_uid133 p {
	width: 110px;
	float: left;
	margin: 0;
}

#powermaildiv_uid1 label,
#powermaildiv_uid19 label,
#powermaildiv_uid42 label,
#powermaildiv_uid147 label,
#powermaildiv_uid133 label {
	display: inline !important;
	width: 20px;
	float: none;
}

#powermaildiv_uid1 input,
#powermaildiv_uid19 input,
#powermaildiv_uid42 input,
#powermaildiv_uid147 input,
#powermaildiv_uid133 input {
	margin: 0 15px 0 5px;
}


#powermaildiv_uid1 div,
#powermaildiv_uid19 div,
#powermaildiv_uid42 div,
#powermaildiv_uid147 div,
#powermaildiv_uid133 div {
	float: left;
}


/*** Fehlermeldungen ***************************************/


.tx-powermail-pi1_mandatory_submit,
.tx-powermail-pi1_mandatory_submit:link,
.tx-powermail-pi1_mandatory_submit:visited {
	width: 140px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	border: 0 none;
	background: #666;
}

.tx-powermail-pi1_mandatory_submit:hover,
.tx-powermail-pi1_mandatory_submit:focus,
.tx-powermail-pi1_mandatory_submit:active {
	background: #d30132;
}


/*** Bestätigung ******************************************/

.tx-powermail-pi1_confirmation p {
	font-size: 16px;
	color: #d30132;
	font-style: italic;
	margin: 20px 0 10px 0;
}

.tx-powermail-pi1 table {
	font-size: 12px;
	min-width: 300px;
}

.tx-powermail-pi1 table td {
	text-align: left;
}

.tx-powermail-pi1_confirmation_back,
.tx-powermail-pi1_confirmation_submit {
	width: 145px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	border: 0 none;
	background: #666;
}

.tx-powermail-pi1_confirmation_back {
	float: left;
	margin-right: 10px;
}

.tx-powermail-pi1_confirmation_back:hover,
.tx-powermail-pi1_confirmation_back:focus,
.tx-powermail-pi1_confirmation_back:active,
.tx-powermail-pi1_confirmation_submit:hover,
.tx-powermail-pi1_confirmation_submit:focus,
.tx-powermail-pi1_confirmation_submit:active {
	background: #d30132;
}


/*** Kalender *********************************************/


#service_na table {
	width: 400px;
}

.calendar {
	left: 355px;
}

#uid38_msgCnt,
#uid38_cb {
	display: none;
}

img#uid38_trigger,
img#uid38_help {
	margin: 0;
}


/*** Service > Downloads ***************************************************/

#sb_download_flexWrap a,
#sb_download_flexWrap a:hover {
	background: none;
	padding: 0;
}

#sb_download_flexWrap img {
	margin: 0;	
}

.sb_download_flex {
	width: 400px;
	height: auto;
	float: none;
	margin: 0;
	padding: 5px;
}

.category,
.sb_download_image,
.description {
	display: none;
}

.sb_download_text {
	width: 400px;
	float: none;
}

.datetime {
	margin-top: 10px;
}


/**
 * Basic Layout
 *
 * Zustellgebiet > PLZ-Suche
 *
 *********************************************************************/

.tx-lumophpinclude-pi1 input {
	display: inline;
	margin: 0 0 0 10px;
}

.tx-lumophpinclude-pi1 .send {
	float: none;
}

.tx-lumophpinclude-pi1 .input {
	width: 160px;
}


/**
 * Basic Layout
 *
 * Privatkunden > Varkaufsstellen
 *
 *********************************************************************/


#vs {
	height: 26px;
	font-size: 18px;
	border: 1px solid #c3c3c3;
	color: #666;
}

#vs .xyx {
	color: #aaa !important;
	font-style: italic !important;
}