/*
 * CSS für Kirchentag-Württemberg.de
 *
 * $Id: layout.css 26 2009-09-15 19:23:55Z  $
 *
 * @copyright	Copyright (C) 2009 Ralf Kretzschmar-Auer
 * @license		GNU/GPL, see LICENSE.php
 * See COPYRIGHT.php for copyright notices and details.
 *
 * Colors
 * ------
 * Logo
 * - orange: #ea651c
 * - red:    #f5f0ff
 * - green:  #329967
 * - blue:   #4161a6
 * - violet: #983367
 * Text
 * - grey: #666666
 *
 * Fonts
 * Body text: palatino, georgia,"Times New Roman",serif;
 * Headlines h1, h2, h3: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif
 *
 * Note that this CSS must be updated whenever you change the main menu.
 * See 'Icons for menu entries' for details.
 */
 
/* ------------------------------------------------------------------------------------
   Basic Formatting
   ------------------------------------------------------------------------------------ */

body {
	margin: 0 auto;
	margin-top: 12pt;
	text-align: center;
	color: black;
	background: #d0d0d0;
	font-size: 10pt;
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;	
}

body.contentpane {
	background: white;
	text-align: justify;
}

a:link, a:visited {
	color: #983367;
	text-decoration: none;
	font-weight: normal;
	font-size: 100%;
}

a:hover {
	color: #983367;
	text-decoration: underline;
}

/* Auxiliary DIV-Type to stop floating divs. */
.clr {
		clear: both;
}


.bildschatten {
     background: url(../images/bildschatten.png) no-repeat bottom right;
     padding: 4px 7px 17px 7px;
}


/* ------------------------------------------------------------------------------------
   Header (or Preliminaries)
   ------------------------------------------------------------------------------------ */

#prelims {
	width: 950px;
	margin: 0 auto;
	background-color: #f5f0ff; /* #f5f0ff; */
}

/* Drucken */
body.contentpane #prelims {
	background-color: white;
}

#prelims div.logo {
	height: 64pt;
	padding: 0 4.8%;
	padding-top: 15pt;
}

#prelims div.rand {
	clear: both;
	height: 1px;
	background-color: #f5f0ff;
	font-size: 1px;

}

#prelims p.title {
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;	
	font-weight: normal;
	font-size: 160%;
	color: #000080;
	text-align: left;
	padding: 0px 0 2px 0;
	margin: 0px;
}

#prelims p.subtitle {
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;	
	font-weight: normal;
	font-size: 100%;
	color: #ea651c;
	text-align: left;
	padding: 0px 0 2px 0;
	margin: 0px;
}


/* ------------------------------------------------------------------------------------
   Main Menu
   ------------------------------------------------------------------------------------ */


/* The main menu is located in area user3 with levels 0 und 1, and in are left with remainung levels */

#user3 {
	float: left;
	margin: 0 0 0 5%;
	height: 22pt;
	background-color: #f5f0ff;
}

#user3 ul.menu {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

#user3 ul.menu li {
	margin: 0 0 0 0;
	padding: 0 12px 0 2em;
	float: left;
	list-style-type: none;
	background-repeat: no-repeat;
}

/** Basic settings for the menu title */
#user3 ul.menu li a span {
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;	
	font-size: 90%;
	font-weight: normal;
	color: #666666;
	text-align: center;
	padding: 0px 0 2px 0;
}

#user3 ul.menu li a:hover span {
	color: #983367;
}

/** Color changes for selected menu entry to red */
#user3 ul.menu li.active a span {
	color: #000080;
}

/** No underline for current menu entry when mouse points to it */
#user3 ul.menu li#current a  {
	text-decoration: none;
}

#user3 ul.menu li a:hover span {
	text-decoration: none !important;
}


/** Levels 2 and higher */
div.module {
	padding-bottom: 10pt;
       overflow-x: hidden; 
       overflow-y: hidden;
}

div.module ul.menu {
	background: transparent;
	padding-top:  2pt;
	border-top: 1px solid #202080 !important;
	border-left: 1px solid #202080 !important;
	float: none;
	margin-top: 0;
	margin-bottpm: 20pt;
	width: 100%;
}

div.module ul.menu li {
	margin-left: 0;
	padding-left: 8pt;
	list-style-type: none;
	background: transparent;
	border-top: none;
	border-bottom: none;
}

/** Basic settings for the menu title */
div.module ul.menu li a span {
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;	
	font-size: 80%;
	font-weight: normal;
	color: #666666;
	text-align: left;
	padding: 0px 0 2px 0;
}

div.module ul.menu li a:hover span {
	color: #983367;
}

/** Color changes for selected menu entry to red */
div.module ul.menu li.active a span {
	text-align: left;
	color: #000080;
}

/** No underline for current menu entry when mouse points to it */
div.module ul.menu li#current a  {
	text-decoration: none;
}

div.module ul.menu li a:hover span {
	text-decoration: none !important;
}

/* ------------------------------------------------------------------------------------
   Breadcrumb
   ------------------------------------------------------------------------------------ */

#background_breadcrumb {
	width: 950px;
	margin: 0 auto;
	clear: both;
	border-top: 1px solid #202080;
	border-bottom: 1px solid #202080;
	background-color: #d2d2ff;
	height: 14pt;
}

#breadcrumb {
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;
	font-size: 80%;
	float: left;
	margin-left: 47px;
	margin-top: 2px;
	color: #000080;
}

#breadcrumb span a {
	color: #666666 !important;
}




/* ------------------------------------------------------------------------------------
   Page Body
   ------------------------------------------------------------------------------------ */


#contents_aussen {
	text-align: left;
	width: 90%;
	margin: 0 auto;
	padding: 0 5pt 0;
}

#contents_innen {
	padding: 0 1px
}

#links {
	width: 18%;
	float: left;
	margin-top: 10pt;
	margin-right: 2%;
}

#contents_small {
	width: 64%;
	float: left;
	margin:0 0 15pt 0;
	text-align: justify;
}

#mitte {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	background-color: white;
}

#contents_large {
	width: 76%;
	padding-left: 25pt;
	float: left;
	margin:0 0 15pt 0;
	text-align: justify;
}

#contents_full {
	width: 100%;
	float: none;
	margin:0 0 15pt 0;
	text-align: justify;
}

#rechts {
	width: 18%;
	float: right;
	margin-top: 10pt;
	margin-left: 1px;
	font-size: 95%;
}

#user {
	padding: 0 0 15pt 0;
}

#user .module {
	margin: 0;
}

#user div.module div {
	margin: 0;
}

.user1_small {
	width: 49%;
	float: left;
	margin: 0 1px 0 0;
}

.user1_full {
	width: 100%;
	float: none;
	margin: 0;
}

.user2_small {
	width: 49%;
	float: left;
	margin: 0 0 0 1px;
}

.user2_full {
	width: 100%;
	float: none;
	margin: 0;
}







/* ------------------------------------------------------------------------------------
   "To Top of page" Link
   ------------------------------------------------------------------------------------ */

#smoothtop {
	width: auto;
	text-align: right;
	padding-bottom: 10pt;
}

#smoothtop a {
	background: url(../images/toTop.png) no-repeat right;
	height:16pt;
	padding-top: 4pt;
	padding-right: 20pt;
	color: #666666 !important;
}

#smoothtop a:hover {
	color: #983367 !important;
}




/* ------------------------------------------------------------------------------------
   Headlines of Articles
   ------------------------------------------------------------------------------------ */

.articleheading {
	margin-top: 2em;
	padding-top: 0.3em;
	width: 100%;
	border-bottom: 1px solid #AAAAAA;
	text-align:left;
}

.section a {
	color: #888888;
}

.article-meta span.createdate {
	background: url(../images/calendar.png) no-repeat left;
	padding-top: 2px;
	padding-left:  20px;
	color: #666666;
}





/* ------------------------------------------------------------------------------------
   Page footer (Copyright and other links)
   ------------------------------------------------------------------------------------ */

/* The Footer menu is located in area footer: */

#footer {
	width: 950px;
	margin: 0 auto;
	font-weight: normal;
	color: #666666;
	padding: 10pt 0;
	padding-left: 0pt;
	text-align: center;
	float: clear;
	height: 12pt;
}

#footer ul.menu {
	float: right;
	display: block;
	margin: 0;
	padding-right: 0.2em;
}

#footer ul.menu li {
	float: left;
	margin: 0 0 0 0;
	padding: 0em 0em 0em -10px;
	list-style-type: none;
	background-repeat: no-repeat;
	marker-offset: 0px;
}

/** Basic settings for the menu title */
#footer ul.menu li a span {
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;	
	font-weight: normal;
	font-size: 70%;
	color: #329967;
	text-align: right;
}

/** Color changes for selected menu entry */
#footer ul.menu li#current a span {
	color: #000080;
}

#footer ul.menu li a:hover span {
	color: #983367;
}







/* ------------------------------------------------------------------------------------
   Link to external location
   ------------------------------------------------------------------------------------ */

#contents_small a[href^="http:"], #contents_large a[href^="http:"], #contents_full a[href^="http:"] {
	text-decoration: none;
	color: black;
	border-bottom: 1px dashed black;
}

#contents_small a[href^="http:"]:hover, #contents_large a[href^="http:"]:hover, #contents_full a[href^="http:"]:hover {
	color: #983367;
	border-bottom: 1px dashed #983367;
}





/* ------------------------------------------------------------------------------------
   Joomla Layout Formatting
   ------------------------------------------------------------------------------------ */

ul#mainlevel-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#mainlevel-nav li {
	float: left;
	margin: 0 3pt;
	padding: 3pt 0;
}

ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited {
	text-decoration: none;
	color: white;
	padding: 2pt 7pt 3pt 7pt;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid white;
}

ul#mainlevel-nav li a:hover {
	color: #983367;
	background: white;
}

.module, .module_menu, .module_text {
	clear: both;
	width: 100%
	margin: 0 0 60pt 0;
}

#rechts .module {
	margin-top: 8pt;
	padding-left: 4pt;
}

.module div div div, .module_menu div div div, .module_text div div div {
	line-height: 110%;
	text-align: left;
}

.module div div div div, .module_menu div div div div, .module_text div div div div {
	margin: 0;
	padding: 0;
	background: none;
}

.module div div div h3, .module_menu div div div h3, .module_text div div div h3 {
	color: #ea651c;
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;
	font-weight: normal;
	font-size: 90%;
	margin-top: 4pt;
	margin-bottom: 4pt;
}

.module div div div ul {
	list-style: none;
	margin: 5pt 0 2pt 0;
	padding: 0;
	border-top: 2pt solid white;
	border-bottom: 1px solid #ddd;
}

.module div div div ul li {
	background: url(../images/list-icon.png) no-repeat 4pt 3pt;
	border-top: 1px solid #ddd;
	border-bottom: 2pt solid white;
	padding: 0 5pt 0 20pt;
}


.module div div div ul li a {
	font-size: 105%;
	text-decoration: none;
	color: #000080;
	display: block;
}

.module div div div ul li a:hover {
	color: #999;
	text-decoration: none;
}
.module_menu div div div ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu {
	border: none 0 !important;
}

ul.menu li a span, a.mainlevel:link, a.mainlevel:visited {
	color: #999;
	display: block;
	width: auto;
	margin: 0 -4pt 0 -4pt;
	padding: 2pt 5pt 2pt 20pt;
	text-decoration: none;
}

ul.menu li a span:hover, a.mainlevel:hover {
	color: #000080;
}

ul.menu li ul li {
	margin-left: 9pt;
}

ul.menu li ul li a span {
	padding-left: 18pt;
}

ul.menu li ul li a span:hover {
}

fieldset {
	border: none;
	padding: 0 5pt;
	margin: 0;
}



.buttonheading {
	margin-bottom: 1.2em;
	color: black;
	display: inline;
}

.buttonheading span {
	margin-left: 6px;
	border-left: 1px solid #aaaaaa;
}

.buttonheading img {
	border: 0;
	padding-left: 8px;
	vertical-align: text-top;
}

.contentpaneopen {
	border-spacing: 0px;
	width: 100%;
}

.contentpaneopen td p {
	margin-top: 2	pt;
	margin-bottom: 8pt;
	line-height: 12pt;
}


.contentheading, .contentheading a{
	color: #000080;
	margin-top: 12pt;
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;
	font-weight: normal;
	font-size: 130%;
	text-align: left;
	vertical-align:top;
}

td.contentheading, td.contentheading a{
	padding-top: 12pt;
	margin-top: 0pt;
	padding-bottom: 3pt;
	font-size: 150%;
}

.componentheading {
	color: #000080;
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;
	font-size: 130%;
	font-weight: normal;
	margin: 5pt 0pt 5pt;
	padding: 2pt;
	text-align: left;
}


.contentpane {
	padding: 0 5pt 0 5pt;
}

.contentpane * td {
	margin: 0pt;
	padding: 0pt;
}

.modifydate, .createdate, .small, .pagenav {
	font-size: 100%;
}

.article-meta {
	margin-bottom: 1.2em;
	color: black;
}

.sectiontableheader {
	font-size: 100%;
	border-left: 2pt solid white;
	padding: 2pt 4pt;
	background: #000080;
	color: white;
}

.sectiontableentry1 {
	background: #eee;
	padding: 2pt;
}

.sectiontableentry1 td {
	padding: 5pt 6pt;
	border-left: 2pt solid white;
	border-top: 2pt solid white;
}

.sectiontableentry2 {
	background: #f7f7f7;
	padding: 2pt;
}

.sectiontableentry2 td {
	padding: 5pt 6pt;
	border-left: 2pt solid white;
	border-top: 2pt solid white;
}

.pagenav {
	padding: 2pt 3pt;
	border: 1px solid #eee;
	background: #f7f7f7;
}

.pagenav a:link, .pagenav a:visited {
	padding: 2pt 3pt;
	border: 1px solid #eee;
	background: #f7f7f7;
	color: #000080;
}

.pagenav a:hover {
	border: 1px solid #ddd;
	color: #eee;
}

.pagenavbar {
	text-align: center;
	display: block;
	font-size: 100%;
}

.pagenavbar a {
	font-size: 100%;
}

.inputbox {
	border: 1px solid #888888;
	color: #666666;
	padding: 2pt 3pt;
}

.inputbox:focus {
	border: 1px solid #000080;
	color: #000080;
}

.button {
	margin-top: 10pt;
	margin-bottom: 10pt;
	border: 1px solid #888888;
	color: #777777;
	background: white;
	font-weight: normal;
	font-size: 100%;
}

.button:hover {
	border: 1px solid #000080;
	color: #000080;
}

.button:focus {
	border: 1px solid #eee;
	color: #eee;
}

.contenttoc {
	border: 1px dashed #000080;
	margin: 0 0 10pt 10pt;
	padding: 5pt;
	background: #f8f8f8;
}

.contenttoc:hover {
	background: none;
}

.contenttoc tbody tr th {
	border-bottom: 1px dashed #000080;
	padding: 0 0 5pt 0;
}

.contenttoc tbody tr td {
	padding: 5pt 0 0 0;
}


/* ------------------------------------------------------------------------------------
   Readon-Button
   ------------------------------------------------------------------------------------ */

a.readon {
	float:right;
	background: url(../images/readon.png) no-repeat right;
	height:16pt;
	padding-top: 4pt;
	padding-right: 20pt;
	color: #666666 !important;
}

a.readon:hover {
	color: #983367 !important;
}




div.bannergroup_text div.banneritem_text {
	border: 1px solid #eee;
	margin-bottom: 4pt;
	padding: 3pt 3pt 7pt 3pt;
}

div.bannergroup_text div.banneritem_text:hover {
	border: 1px dashed #ddd;
	background: white;
}

span.createby {
	visibility: hidden;
	font-size: 100%;
}


/* ------------------------------------------------------------------------------------
   Tiny MCE
   ------------------------------------------------------------------------------------ */

/* Editor-Buttons */

#editor-xtd-buttons {
	padding: 10pt 0pt 40pt 0pt;
}

.button2-left  a[href^="http:"] {
	margin-right: 4px;
	color: #000000 !important;
	background: transparent !important;
}

.button2-left  a[href^="http:"]:hover {
	border-bottom: none !important;
	color: #983367 !important;
}


/* ------------------------------------------------------------------------------------
   Preformatted Code (Geshi)
   ------------------------------------------------------------------------------------ */

pre a[href^="http:"] {
	margin-right: 4px;
	padding-right:0 !important;
	color: #000000 !important;
	background: transparent !important;
}

pre a[href^="http:"]:hover {
	color: #983367 !important;
}


/* ------------------------------------------------------------------------------------
   Forms
   ------------------------------------------------------------------------------------ */

/* General */

form input {
	margin-bottom: 6pt;
}

form br {
	margin-bottom: 6pt;
}

form label {
	color: #666666;
}


/* Additional setting for Login's menu */

#form-login ul li a {
	font-size: 100%;
}

#form-login ul {
	border: 0 none;
	padding: 0;
	margin: 0;
}

#form-login ul li {
	background: none;
	border: 0 none;
	padding: 0;
	margin: 0;
}


/* Additional setting for Search */

#mod_search_searchword {
	font-size: 100%;
	margin-right: 10pt;
}

/* Additional settings for detailled Search dialog */

#search_searchword {
	margin-top: 12pt;
	padding: 3px 5px;
}

#searchForm table.contentpaneopen {
	padding-bottom: 8pt;
}

#searchForm {
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;	
	color: #666666;
}

table.searchintro td {
	font-family: palatino,georgia,"Times New Roman",serif;
	line-height: 110%;
}

table.searchintro td[colspan="3"] {
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;
	font-size: 130%;	
	color: #000080;
}

table.contentpaneopen fieldset {
	margin-bottom: 14pt;
}

table.contentpaneopen fieldset div {
	margin-bottom: 4pt;
}

table.contentpaneopen fieldset span.small {
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;
	color: #666666;
}

table.contentpaneopen tbody tr td fieldset a {
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;
	font-size: 100%;
	color: #000080;
}

table.contentpaneopen tbody tr td fieldset a:hover {
	color: #983367;
}

/* ------------------------------------------------------------------------------------
   Article Content
   ------------------------------------------------------------------------------------ */

.article-content {
	line-height: 130%;
}

.article-content h1 {
	text-align:left;
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;	
	font-weight: normal;
	font-size:130%;
	line-height: 150%;
	color: #000080;
	margin-top: 2em;
	margin-bottom:0.6em;
}

.article-content h2 {
	text-align:left;
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;	
	font-weight: normal;
	font-size: 120%;
	color: #4161a6;
	margin-top: 1.5em;
	margin-bottom:0.5em;
}

.article-content h3 {
	text-align:left;
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;	
	font-weight: normal;
	font-size:100%;
	color: #4161a6;
	margin-top: 1.2em;
	margin-bottom: 0.4em;
}

.article-content ul {
	margin-left: 10pt;
	padding-left: 10px;
	padding-bottom: 0.2em;
}

.article-content li {
	list-style-image: url(../images/list-icon-bw.png);
	padding-top: 4pt;
}


/* ------------------------------------------------------------------------------------
   Buttons in the print window of articles
   ------------------------------------------------------------------------------------ */

.invisble-while-printed {
	margin-top: 12pt;
	margin-right: 10pt;
	text-align: right;
}

.printButton {
	background: url(../images/printButton-bw.png) left no-repeat;
	padding-left: 20pt;
	margin-right: 16pt;
	border:none;
	cursor:pointer;
}

.printButton:hover, .printButton:focus {
	background: url(../images/printButton.png) left no-repeat;
	padding-left: 20pt;
	border:none;
}

.closeButton {
	background: url(../images/cross-bw.png) left no-repeat;
	padding-left: 20pt;
	border:none;
	cursor:pointer;
}

.closeButton:hover, .closeButton:focus {
	background: url(../images/cross.png) left no-repeat;
	padding-left: 20pt;
	border:none;
}



/* ------------------------------------------------------------------------------------
   jxComments Formatting
   ------------------------------------------------------------------------------------ */

/* Link to comments shown below an article */
   
h4.comments {
	margin-top: 12pt;
}

h4.comments a {
	background: url(../images/balloon.png) no-repeat 0 0;
	padding-left: 20pt;
	padding-bottom: 2pt;
	color: #666666
}

h4.comments a:hover {
	color: #983367;
}


/* Coments shown at the end of an article */

#comments h3#comments-num  {
	margin-top: 40pt;
	margin-bottom: 2pt;
	padding-top: 4pt;
	font-weight: normal;
	font-size: 120%;
	color: #666666;	
}

#comments a {
	background:transparent url(../images/feed-small.png) no-repeat scroll 0pt 0pt;
	color: #888888
}

#comments a:hover {
	color: #983367
}

#comments ol {
	border-top: none;
	margin-top: 10pt;
}

#comments li.comment {
	border-bottom: none;
	margin: 5pt 0pt 30pt 0pt;
	padding: 0pt;
}


#comments li.comment p.author {
	margin-top:2pt;
	paddding-bottom: 2pt;
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;	
	font-size: 100%;
	color: #000080;
	margin: 0pt;
}

#comments li.comment p.author img.avatar {
	padding-top: -2pt;
	margin: 0pt 4pt 0pt 0pt;
}

#comments li.comment p.date {
	margin: 0pt 0pt 2pt;
}

#comments li.comment div.metadata  {
	margin-bottom: 6pt;
	border-bottom: none;
	font-size:100%;
	height: auto;
}

#comments li.even {
background-color: white;
}

#leave-response a {
	background: url(../images/balloon-plus.png) no-repeat 0pt 0pt;
	padding-left: 20pt;
	padding-bottom: 4pt;
	color: #666666;
}

#leave-response a:hover {
	color: #983367;
}

#submitter {
	margin-top: 10pt;
	margin-bottom: 10pt;
	border: 1px solid #888888;
	color: #777777;
	background: white;
	font-weight: normal;
	font-size: 100%;
}

#submitter:hover {
	border: 1px solid #000080;
	color: #000080;
}

#submitter:focus {
	border: 1px solid #eee;
	color: #eee;
}


/* ------------------------------------------------------------------------------------
   Attachment Lists
   ------------------------------------------------------------------------------------ */


/* Wir rücken das Layout erst malwied er so gerade, dass es in unser Schema passt. */


div.attachmentsList {
	margin-top: 1.5em;
}

div.attachmentsList caption {
	text-align:left;
	font-family: Lucida Grande, Helvetica, Arial, Verdana, Sans Serif;	
	font-weight: normal;
	font-size: 120%;
	color: #4161a6;
	margin-top: 1.5em;
	margin-bottom:0.5em;
}


div.attachmentsList table {
	border: none;
	padding: 0;
	border-collapse: collapse;
}

div.attachmentsList td,  div.attachmentsList a, div.attachmentsList table img {
	vertical-align: bottom; 
	border: none;
	margin: 0;
	padding: 0 2pt 0 0;
}

div.attachmentsList td {
	padding-bottom: 4pt;
}

div.attachmentsList td.at_filename a {
	color: black;
	font-size: 12px;
	font-weight: normal;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Sans;
	background: none;
	padding-left: 0;
}


/*
  Statt des mitgelieferten Icons will ich mein eigenes angezeigt haben. 
  Wahlmöglichkeit ist uninteressant, solange ich nur PDF veröffentliche
 */
div.attachmentsList table img {
	visibility: hidden;
}

div.attachmentsList td.at_filename a:first-child {
	background: url(../images/document-text.png) left no-repeat;
	font-size: 14px;
        border-bottom: none;
}

div.attachmentsList td.at_filename a:first-child[href$=".pdf"] {
	background: url(../images/document-pdf-text.png) left no-repeat;
        border-bottom: none !important;
}

div.attachmentsList td.at_filename a:first-child[href$=".xls"] {
	background: url(../images/document-excel.png) left no-repeat;
        border-bottom: none;
}

div.attachmentsList td.at_filename a:first-child[href$=".xlsx"] {
	background: url(../images/document-excel.png) left no-repeat;
        border-bottom: none;
}

div.attachmentsList td.at_filename a:first-child[href$=".doc"] {
	background: url(../images/document-word.png) left no-repeat;
        border-bottom: none;
}

div.attachmentsList td.at_filename a:first-child[href$=".docx"] {
	background: url(../images/document-word.png) left no-repeat;
        border-bottom: none;
}

div.attachmentsList td.at_filename a:first-child[href$=".ppt"] {
	background: url(../images/document-powerpoint.png) left no-repeat;
}

div.attachmentsList td.at_filename a:first-child[href$=".pptx"] {
	background: url(../images/document-powerpoint.png) left no-repeat;
}

div.attachmentsList td.at_filename a:first-child[href$=".png"] {
	background: url(../images/document-image.png) left no-repeat;
}


/* Size soll hellgrau und in Klammern stehen */
td.at_file_size {
		color: #666666;
}

td.at_file_size:before {
	content: "("
}

td.at_file_size:after {
	content: ")"
}

a.at_icon[href^="http:"], a.at_url[href^="http:"] {
    border-bottom: none !important;
}

/* ----
   Sonderlösungen linker Rand
   ---- */

#links div.attachmentsList caption {
     color:#EA651C;
     font-family:Lucida Grande,Helvetica,Arial,Verdana,Sans Serif;
     font-size:90%;
     font-weight:normal;
     margin-bottom:4pt;
     margin-top:4pt;
}

#links div.attachmentsList tbody {
	background: transparent;
	border-top: 1px solid #202080 !important;
	border-left: 1px solid #202080 !important;
	float: none;
	margin-top: 0;
	margin-bottpm: 20pt;
	width: 100%;
}

#links div.attachmentsList td {
	padding-top:  3pt;
        padding-bottom: 0pt;
        padding-left: 3pt;
}


#links div.attachmentsList a {
        color: #666666;
        font-size: 80%;
        display: table-cell;
}