/*
 * $Url: svn+ssh://svn/home/svn/sds2/trunk/src/websites/abslohn/ror/abslohn/public/stylesheets/abslohn.css $
 * $Id: abslohn.css 9334 2009-11-13 13:17:22Z frank $
 *
 * frank.roscher@abs-rz.de (c) a.b.s. rechenzentrum gmbh
 */
body {
	font-size: 0.9em;
	font-family: arial, sans-serif;
	color: #000000;
	background: #ffffff;
	margin: 0;
	padding: 0 8px 0 8px;
}

a {
	color: #0000ff;
	text-decoration: underline;
}

h1 {
	color: #cd1486; 
	background: none;
	font-size: 140%;
	font-weight: bold;
	padding: 5px 0 5px 0;
	margin: 0;
}

h2 {
	font-size: 120%;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0;
}

p {
	margin: 0;
	padding: 0 0 5px 0;
}

table {
	margin: 0;
	border-collapse: collapse;
}

div.table {
	padding: 0 0 5px 0;
}

td {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}


#breadcrumb {
	clear: both;
	font-size: 70%;
	margin: 0;
	padding: 10px;
	text-align: right;
	margin: 0;
	padding: 1px 0 2px 0;
}

#breadcrumb p {
	margin: 0;
	padding: 0;
}

#footer {
	clear: both;
	margin: 0;
	padding: 20px 0 0 0;
	font-size: xx-small;
	text-align: center;
	color: #666666;
	background: none;
}

#footer a {
	color: #666666;
}

#header {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

#header_logo {
	float: left;
	background: #ffffff;
	padding: 5px 10px 0 10px;
}


#header_tagline {
	float: left;
	padding: 10px 0 15px 0;
	/* border: 1px solid #cd1486; */
}

#header_tagline_tab {
	float: left;
	margin: 0;
	padding: 0;
	/* border: 1px solid #cd1486; */
}

#menu_tab {
	clear: both;
	float: left;
	padding: 0;
	width: 100%;
	/* border: 1px solid #cd1486; */
}

#menu_tab_ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #cd1486;
	background: #ffffff;
}

#menu_tab_ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#menu_tab_ul a {
	float: left;
	display: block;
	margin: 0 4px 0 0; 
	padding: 4px 8px 4px 8px;
	color: #cd1486;
	text-decoration: none;
	border: 1px solid #cd1486;
	border-bottom: none;
	background: #ffffff;
	font-weight: bold;
	font-size: 90%;
}

#menu_tab_ul a:hover {
	color: #0000ff;
}

#menu_tab_ul #menu_tab_active {
	background: #cd1486;
	color: #ffffff;
}

#menu_tab_ul #menu_tab_contact {
	background: yellow; 
}

#menu_tab_ul #menu_tab_active:hover {
	color: #0000ff;
}

#menu_link {
	clear: both;
	background: #cd1486;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	min-width: 30em;
}

#menu_link_ul {
	clear: both;
	float: left;
	color: #ffffff;
	background: #cd1486;
	margin: 0;
	padding: 6px 0 3px 12px;
	list-style: none;
}

#menu_link_ul li {
	float: left;
	margin: 0;
	padding: 0;	
	font-size: 90%;
	border-right: 1px;
	border-right-style: dotted;
	border-color: #ffffff;
}

#menu_link_ul a {
	text-decoration: none;
	margin: 0 3px 0 0;
	padding: 2px 5px 1px 5px;
	color: #ffffff;
	background: #cd1486;
}

#menu_link_ul a:hover {
	color: #0000ff;
}

#menu_link_ul #menu_link_active {
	text-decoration: underline;
	font-weight: bold;
}

#content {
	clear: both;
	margin: 0;
	/* padding: 5px 10% 0 10px; */
	padding: 3% 5% 0 5%;
	color: #555555;
}

#abslohn_modules {
	float: left;
	margin: 0;
	padding: 10px 0 10px 0;
}

#abslohn_mod_abrechnung {
	float: left;
	border: 3px solid #cd1486;
	margin: 0 2em 1em 0;
	padding: 0px;
	height: 25em;
	font-size: 90%;
	width: 30em;
}

#abslohn_add_mod {
	float: left;
	margin: 0;
	padding: 0;
}

.abslohn_mod {
	clear: both;
	float: left;
	background: #ffffff;
	border: 3px solid #cd1486;
	padding: 0;
	font-size: 90%;
	margin: 0 1em 1em 0;
	width: 20em;
}

.box_hd, #abslohn_mod_abrechnung .box_hd {
	padding: 5px 0 1px 5px;
	margin: 0;
	background: #cd1486;
	border-bottom: 1px;
	border-bottom-color: #cd1486;
	border-bottom-style: solid;
}

.abslohn_mod h2, #abslohn_mod_abrechnung .box_hd h2 {
	font-size: 180%;
	margin: 0;
	padding: 0;
}

.abslohn_mod p, #abslohn_mod_abrechnung p {
	margin: 0;
	padding:  10px 0px 5px 5px;
}

.abslohn_mod a, #abslohn_mod_abrechnung .box_hd a {
	text-decoration: none;
	color: #ffffdd;
	background: #cd1486;
}

.abslohn_mod a:hover, #abslohn_mod_abrechnung a:hover {
	color: #0000ff;
}

.detail_link, .box_hd .detail_link, #abslohn_mod_abrechnung .box_hd .detail_link {
	font-size: 40%;
	color: #0000ff;
	text-decoration: underline;
}

#kksatz_table .detail_link, #kkshow_uml .detail_link {
	font-size: 80%;
	color: #0000ff;
	text-decoration: underline;
}

.detail_link a {
	color: #0000ff;
	text-decoration: underline;
}

#abslohn_mod_abrechnung_preis_sticker {
	position: relative;
	float: right;
	margin: -38px -15px 0 0;
	padding: 0;
}

.img_link {
	margin: 0;
	padding: 0;
	border: 0;
}

.img_link2 {
	margin: 0;
	padding: 0;
	border: 2px solid grey;
}



#preis_wrapper {
	float: left;
}

#preis_ma {
	float: left;
	clear: left;
	width: 22em;
	border: 3px solid #cd1486;
	margin: 0 20px 10px 0;
}

#preis_display {
	float: left;
	width: 32em;
	border: 3px solid #cd1486;
	margin: 0 0 20px 0;
}

#preis_ma h2, #preis_display h2 {
	background: #cd1486;
	color: #ffffdd;
	font-weight: normal;
	padding: 3px 0 0 5px;
}

#preis_ma p {
	padding: 5px 0 0 10px;
	font-size: 80%;
}

#preis_ma #preis_ma_input {
	margin: 10px 10px 10px 20px;
	font-size: 120%;
	font-weight: bold;
}

#preis_ma #preis_module_input {
	margin: 10px 10px 10px 20px;
}

#preis_display_desc {
	font-size: 95%;		
	padding: 5px 10px 0 10px;
}


#preis_display .preis_display_kosten {
	margin: 0;
	padding: 5px 10px 0 10px;	
}

#preis_display table {
	font-family: courier;
}

#preis_display_kost_ma, #preis_display_zu_teuer {
	padding: 10px 10px 0 10px;	
}


#preis_ma input .bt_angebot_upd {
	margin: 10px;
}

#preis_ma .el {
	font-size: 110%;
	font-weight: bold;
	display: block;
	padding: 5px 0 0 10px;
}

#preis_ma .desc {
	font-size: 80%;
	font-weight: normal;
}

#preis_ma .desc a {
	font-size: 80%;		
}

#preis_ma .desc_empty {
	font-size: 5px;
	font-weight: normal;
}

#preis_ma .mod {
	font-size: 120%;
	font-weight: bold;
}

#contact_form {
	margin: 10px 0 0 0;
	padding: 0;
}

#contact_form .buddy {
	font-weight: bold;
}

#contact_success_backlink {
	margin: 20px 0 80px 0;
}

#contact_contact_nord, contact_contact_sued, contact_contact_nord_berlin {
	margin: 0;
	padding: 0;
}

#contact_anfahrt_nord, #contact_anfahrt_sued {
	clear: both;
}

#anfahrt {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
}

#anfahrt_skizze {
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
}

#anfahrt_route {
	clear: both;
}

#start_content {
	float: left;
	width: 40em;
} 

#start_vorteile {
	font-size: 130%;
}

#start_newsletter {
	float: right;
	width: 15em;
	border: 1px solid #cd1486;
	padding: 0 0 5px 0;
	margin: 0 10px 0 0;
}

#start_newsletter h2 {
	background: #cd1486;
	color: #ffffdd;
	font-weight: normal;
	font-size: 95%;
	padding: 3px 0 0 2px;
}

#start_newsletter .entry {
	margin: 5px;
	padding: 0 0 5px 0;
	font-size: 90%;
	font-family: courier;
	border-bottom: 1px;
	border-bottom-style: dotted;
}

#start_newsletter .entry .hd {
	font-weight: bold;
}

#start_newsletter .entry .date {
	font-weight: bold;
}

#start_newsletter .entry .text {
	padding: 5px 0 0 0;
 
}

#start_newsletter #abolink {
	display: block;
	padding: 5px 0px 0px 5px;
	font-size: 80%;
}


#start_unternehmer {
	display: block;
	float: right;
	border: 3px solid #cd1486;
	margin: 10px 0 10px 10px;
	width: 18em;
}

#start_sachbearbeiter  {
	display: block;
	float: left;
	border: 3px solid #cd1486;
	margin: 10px 10px 10px 0;
	width: 18em;
}

#start_unternehmer_img {
	float: right;
	padding: 0;
	margin: 2px;
	/* border: 1px solid #cd1486; */
}

#start_sachbearbeiter_img {
	float: left;
	padding: 0;
	margin: 2px;
}

#start_unternehmer_text, #start_sachbearbeiter_text {
	padding: 5px;	
	font-size: 90%;
}

#start_unternehmer_text .hd, #start_sachbearbeiter_text .hd {
	font-weight: bold;
	font-size: 120%;
}

/* bild mit callback und link zum contactformular */

#callback_link {
	clear: right;
	float: right;
	width: 15em;
	border: 1px solid #cd1486;
	margin: 20px 10px 0 0;
}

#callback_link p {
	padding: 5px;
	font-size: 90%;
}

#callback_link .mark {
	font-weight: bold;
	font-size: 120%;
}

#callback_link #callback_img {
	float: right;
	margin: 2px;
}

/* - */

.module_text {
	width: 40em;
	float: left;
}

.module_text .link_top {
	display: block;
	font-size: 70%;
	margin: 10px 0 10px 0;
}

/* bild mit link zu den preisen auf den baustein seiten */
 
#module_preis_link {
	clear: right;
	float: right;
	width: 15em;
	margin: 20px 10px 0 0;
}

#module_preis_link p {
	margin: 5px;
	font-size: 90%;
}

#module_preisauskunft {
	clear: right;
	float: right;
}

#module_preis_link #module_preis_img {
	float: right;
	margin: 5px;
}

/* - */

/* links zu anderen bausteinen auf den baustein seiten */

#module_links {
	clear: right;
	float: right;
	width: 15em;
	margin: 20px 10px 0 0;
	border: 1px solid #cd1486;
}

#module_links p {
	padding: 5px;
}

/* - */


.list_samples {
	border: 1px dotted #cd1486;
	float: right;
	padding: 5px;
	margin: 10px;
}

.list_samples_left {
	border: 1px dotted #cd1486;
	float: left;
	padding: 5px;
	margin: 10px;
}

.list_samples .list_sample_img_link {
	float: left;
	border: 1px solid #cd1486;
	margin: 2px;
}

.list_samples .list_sample_text {
	display: block;
	clear: both;
	text-align: right;
	font-size: 70%;
	padding: 5px 0 0 0;
}

.list_samples_left .list_sample_text_left {
	display: block;
	clear: both;
	text-align: left;
	font-size: 70%;
	padding: 5px 0 0 0;
}

.module {
	font-style: italic;
}

.misc_text {
	width: 50em;
	float: left;
}

#foto_ihk_chemnitz {
	border: 1px dotted #cd1486;
	float: left;
	clear: right;
	padding: 5px;
	margin: 10px;
}

#foto_ihk_chemnitz .img_link {
	float: left;
	margin: 2px;
}

#foto_ihk_chemnitz .foto_text {
	display: block;
	clear: both;
	text-align: left;
	font-size: 70%;
	width: 15em;
	padding: 5px 0 0 0;
}

#foto_muc {
	border: 1px dotted #cd1486;
	float: left;
	padding: 5px;
	margin: 10px;
}

#foto_muc .img_link {
	float: right;
	margin: 2px;
}

#foto_muc .foto_text {
	display: block;
	clear: both;
	text-align: left;
	font-size: 70%;
	width: 15em;
	padding: 5px 0 0 0;
}

#foto_berlin {
	border: 1px dotted #cd1486;
	float: right;
	padding: 5px;
	margin: 10px;
}

#foto_berlin .img_link {
	float: right;
	margin: 2px;
}

#foto_berlin .foto_text {
	display: block;
	clear: both;
	text-align: left;
	font-size: 70%;
	width: 15em;
	padding: 5px 0 0 0;
}

.ps {
	margin: 30px 0 0 0;
	font-size: 90%;
}

.example {
	font-size: 90%;
	margin: 0 0 0 10px;
}

#notice {
	padding: 0.5em;
	margin: 1em 0 1em 0;
	border: 2px solid #ff0000;
}

.download_desc {
	font-size: 70%;
}

#kksatz_text {
}

#kksatz_form_table {
	width: 100%;
}

.kksatz_form_td_1 {
	width: 60%;
	text-align: left;
	vertical-align: middle;	
}

.kksatz_form_td_2 {
	width: 40%;
	text-align: right;
	vertical-align: middle;	
}

#kksatz_table table {
	width: 100%;
	border:1px solid #000000;
	margin-bottom: 10px;
}

#kkshow_table table {
	width: 60%;
	border:1px solid #000000;
}

#kksatz_table tr, #kkshow_table tr {
	vertical-align: top;
	text-align: center;
}

.kksatz_table_color {
	background-color: #ffffdd;
}

#kksatz_table th, #kkshow_table th {
	border:1px solid #000000;
}

#kksatz_table td, #kkshow_table td {
	border:1px solid #000000;
	padding: 0 4px 0 4px;
}

.kksatz_table_desc, .kkshow_table_desc{
	text-align: left;
}

.kksatz_warn {
	color: #ff8080;
	white-space: nowrap;
}

#kksatz_next_page {
	text-align: right;
}

.kksatz_stand {
	clear: both;
	margin: 0;
	font-size: xx-small;
	text-align: right;
	color: #666666;
	background: none;
}

.kkshow_go_back, .kkhilfe_go_back {
	text-align: right;
}

#kkshow_adress {
}

#kkshow_info {
}

.marked_text {
	background: yellow;
	font-weight: bold;
}

.tel_info_text {
	font-size: x-small;
}