/* Styles der Dokustelle Basel */

body { margin: 0; padding: 0; background: #fff; color: #666; font: 100% Helvetica, Arial, sans-serif; }
#banner { position: absolute; top: 0; left: 40px; z-index: 20; height: 100px; margin: 0; padding: 0; }
#dash   { position: absolute; z-index: 10; top: 76px; left: 22px; width: 50px; height: 60px; border-top: 1px dashed #000; border-left: 1px dashed #000 }
#menuContainer     { margin: 0; padding: 0; position: absolute; z-index: 10; top: 122px; left: 22px; width: 155px; overflow: hidden; border-left: 1px dashed #000 }
.mainMenu, .mainMenuA    { font-size: 12px; font-weight: bold; margin: 14px 0 0; padding: 0 }
.mainMenu a { text-decoration: none; display: block; margin: 0; padding: 2px 0 2px 21px; border-bottom: 1px dashed #000 }
.mainMenuA a { color: #fff; text-decoration: none; background: #f60; display: block; margin: 0; padding: 2px 0 2px 21px; border-bottom: 1px dashed #000 }
.mainMenu a:link, .mainMenu a:visited, .mainMenu a:active, .mainMenu a:focus, .subMenu a:link, .subMenu a:visited, .subMenu a:active, .subMenu a:focus, .subMenu1 a:link, .subMenu1 a:visited, .subMenu1 a:active, .subMenu1 a:focus { color: #f60; background: transparent }
.subMenu, .subMenuA { font-size: 1em; font-weight: bold; text-transform: none; margin: 0 0 0 21px; padding: 7px 0 0; border-left: 1px dashed #000 }
.subMenu a { text-decoration: none; display: block; margin: 0; padding: 2px 0 2px 8px; border-bottom: 1px dashed #000 }
.subMenuA a   { color: #fff; text-decoration: none; background: #f60; display: block; margin: 0; padding: 2px 0 2px 8px; border-bottom: 1px dashed #000 }
.subMenu1, .subMenu1A  { font-size: 12px; font-weight: normal; text-transform: none; margin: 0 0 0 8px; padding: 0; border-left: 1px dashed black }
subMenu1 a { text-decoration: none; display: block; margin: 0; padding: 2px 0 2px 5px; border-bottom: 1px dashed black }
subMenu1A a { color: white; text-decoration: none; background-color: #f60; display: block; margin: 0; padding: 2px 0 2px 5px; border-bottom: 1px dashed black }
.mainMenu a:hover, .subMenu a:hover, .subMenu1 a:hover { background: #f60; color: #fff; }
#whole    { position: absolute; top: 122px; left: 22px; width: 920px; height: 540px }
#blind   { margin: 0; padding: 0; width: 1px; float: left }
#content    { margin: 15px 0 0 189px; padding: 0; width: 725px }
#content a, #content a:visited, #content a:link, #content a:active, #content a:focus, #content a:hover, #footer2 a, #footer2 a:active, #footer2 a:visited, #footer2 a:focus, #footer2 a:hover  { background: transparent; color: #f60; text-decoration: none; }
#content p  { margin: 0 0 0; padding: 0 }
#content p, #content span, #content strong, #content input, #content textarea, #content label { font-size: 12px; line-height: 14px; }
#content table, #content tbody, #content tr, #content td { font-size: 12px; line-height: 14px }
#content h1 { margin: 0 0 6px 0; padding: 0; background: transparent; color: #666; font-size: 16px; font-weight: bold; }
#content h2     { color: #666; font-size: 12px; font-weight: bold; background: transparent; margin: 3px 0; padding: 0 }
#content .main { float: left;  margin: 0; width: 470px;  }
#content .right { width: 214px; margin: 0 0 0 510px; padding: 0;  }
#header  { color: #fff; font-size: 11px; font-weight: bold; background: #666; text-align: right; position: absolute; top: 100px; left: 44px; width: 912px; height: 20px }
#footer1 { clear: both; margin: 20px 0 0 22px; padding: 0; width: 912px; height: 20px; background: #666; color: #fff; font-size: 11px; font-weight: bold; text-align: right; text-transform: uppercase; }
#footer2 { clear: both; margin: 10px 0 20px 0; padding: 0 0 0 14px; width: 900px; background: transparent; color: #666; font-size: 11px }
#header span, #footer1 span { position: relative; top: 2px; left: -20px; }
#footer2 a, #footer2 a:link, #footer2 a:visited, #footer2 a:active, #footer2 a:focus, #footer2 a:hover { background: transparent; color: #666; text-decoration: none; }
#footer1 a, #footer1 a:link, #footer1 a:visited, #footer1 a:active, #footer1 a:focus, #footer1 a:hover { background: transparent; color: #fff; text-decoration: none; }

/* #############################
** ### Mail-Formular ###########
** #############################
*/
form#mailform fieldset {}
form#mailform fieldset span.csc-mailform-radio fieldset {margin:1em 2em 1em 1em;}
form#mailform fieldset span.csc-mailform-radio fieldset input {width:auto; margin:0 0.3em 0 0; border:0;}
form#mailform fieldset span.csc-mailform-radio fieldset label {float:none;}
.csc-mailform-field {clear:both; margin-bottom:0.8em;}
fieldset.csc-mailform .csc-mailform-field label {width:10em; float:left; text-align:right; padding:2px;}
fieldset.csc-mailform .csc-mailform-field input, fieldset.csc-mailform .csc-mailform-field select, fieldset.csc-mailform .csc-mailform-field textarea {width:20em;}
fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {width:auto; border:0; margin-top:0.2em;}
fieldset.csc-mailform .csc-mailform-field textarea {font-size:1em;}
fieldset.csc-mailform label span {color:red;}
input#mailformformtype_mail {margin-left:0em; background:#fafafa; cursor:pointer;}
input#mailformformtype_mail:hover {background:#f0f0f0;}
.csc-mailform-field select {margin-left:1em; color:#777;}
.csc-mailform {border: 0px;}




/* Class for the whole plugin*/
.tx-kesmallads-pi1					{ font-size:12px; }
/* list view */
                             
/* even row */
/*in den listrows ahtten wir einen clear:both;  drin > verschob nach unten!!*/
.tx-kesmallads-pi1-listrow                         { }

/* odd row*/
.tx-kesmallads-pi1-listrow-odd		{ padding-top:10px; }

.tx-kesmallads-pi1-image 			{ float:left; display:block; }
.tx-kesmallads-pi1-textcontent		{ margin-left:110px;}
.tx-kesmallads-pi1-category			{ font-size:1.2em; margin-right:5px; font-style:italic;}
h2.tx-kesmallads-pi1-title			{ font-size:1.2em; font-weight:bold; margin:0; padding:0 0 .2em 0;}
.tx-kesmallads-pi1-phone			{ }
.tx-kesmallads-pi1-email			{ }
.tx-kesmallads-pi1-content 			{ margin-bottom:10px; padding:0 10px 0 0;}
.tx-kesmallads-pi1-listdivider 		{ border-bottom:1px dashed black; margin:5px 10px 5px 0; clear:both;}

.tx-kesmallads-pi1-searchbox-sword	{ border:1px solid black; }
.tx-kesmallads-pi1-searchbox-button { border:1px solid black; }

/* Pagebrowser */
.tx-kesmallads-pi1-browsebox {
	margin:3px;
	border:1px solid black;
	padding:3px;
	background-color:lightgreen;
}
.tx-kesmallads-pi1-browsebox TD {
	font-size: 10px;
}
.tx-kesmallads-pi1-browsebox-strong, .tx-kesmallads-pi1-browsebox-SCell {
	font-weight: bold;
}
.tx-kesmallads-pi1-browsebox-SCell P,.tx-kesmallads-pi1-browsebox TD P{
	margin:0px;
}

.tx-kesmallads-pi1-browsebox-SCell {
	background-color: yellow;
	border:1px solid black;
	padding-left:0px; padding-right:3px;
}

/* teaser view*/

.tx-kesmallads-pi1-teaser_row		{ margin-top:.5em;  }
.tx-kesmallads-pi1-teaser_cat		{ font-weight:bold; }
.tx-kesmallads-pi1-teaser_title		{  }
.tx-kesmallads-pi1-teaser_link		{ font-size:10px; margin-top:3px; display:block;}

/* shortlist view*/
.tx-kesmallads-pi1-searchresult-shortlist	{ font-size:12px; padding:0 0 0 0; margin:0 0 3px 0; } 
.tx-kesmallads-pi1-searchresult-noresult	{ font-size:12px; padding:0 0 0 0; margin:20px 0 3px 0;}

/* mode selector */
.tx-kesmallads-pi1-modeSelector	table 													{ }
.tx-kesmallads-pi1-modeSelector table tbody tr td 										{ background:lightgreen; }
.tx-kesmallads-pi1-modeSelector table tbody tr td.tx-kesmallads-pi1-modeSelector-SCell 	{ background:yellow; }
.tx-kesmallads-pi1-modeSelector table tbody tr td p a:link,
.tx-kesmallads-pi1-modeSelector table tbody tr td p a:visited,
.tx-kesmallads-pi1-modeSelector table tbody tr td p a:hover 							{ display:block; border-left:1px solid black; border-top:1px solid black; text-decoration:none; color:black;}

/* form */
.tx-kesmallads-pi1 form table.csc-mailform	{ }
.tx-kesmallads-pi1 form table.csc-mailform tbody tr td.csc-form-labelcell							{ }
.tx-kesmallads-pi1 form table.csc-mailform tbody tr td.csc-form-labelcell-check						{ font-size:80%; }
.tx-kesmallads-pi1 form table.csc-mailform tbody tr td.csc-form-labelcell p.csc-form-label-req		{ font-weight:bold; }
.tx-kesmallads-pi1 form table.csc-mailform tbody tr td.csc-form-fieldcell 							{ }
.tx-kesmallads-pi1 form table.csc-mailform tbody tr td.csc-form-fieldcell select 					{ border:1px solid black; }
.tx-kesmallads-pi1 form table.csc-mailform tbody tr td.csc-form-fieldcell file 						{ border:1px solid black; }
.tx-kesmallads-pi1 form table.csc-mailform tbody tr td.csc-form-fieldcell input.inputclass			{ border:1px solid black; }
.tx-kesmallads-pi1 form table.csc-mailform tbody tr td.csc-form-fieldcell input.submitclass			{ border:1px solid black; }
.tx-kesmallads-pi1 form table.csc-mailform tbody tr td.csc-form-fieldcell textarea.inputclass		{ border:1px solid black; }


/* meine ergänzungen*/
.tx-kesmallads-pi1-teaser_row	{ background-color:#eee;}
.tx-kesmallads-pi1-item_cat { display:none;}

/*#editNew { position:relative; top: 0px; left: 400px;}*/
.redlink{color:red;}
#blaetter{font-weight:bold; margin-top: 8px;}
#blaetter a{text-decoration:none;}
.smallad_link a { font-weight:bold; text-decoration: underline; }