/* ALLGEMEINES */

 #content { border-top:1px solid silver; }
 
.hoverTest:hover { background-image:url(/templates/transfer-design/images/gridNoBorder.png);
	background-repeat:repeat-y; background-position:left; top;
}

body {
	margin: 16px 0px 32px 16px;
	background-color:white;
}
* { font-size:12px; }

table, tr, td, div { margin:0; padding:0; border-collapse:collapse; }
a img { border-width:0; }
a { color:rgb(190,10,30) /*rgb(200,50,66)*/ }
div h2:first-child { margin-top:0; }

/* ********** POSTION & GROESSE ********** */

#logo,
#kontaktdaten {
	width:241px;
	float:left;
}
#logo img {
	/* width: 170px; */
	position:relative; top:-1px;
}
#logo, #logo * {
	margin:0; padding:0;
}

#menu,
#breadcrumbs,
#content,
#footer {
	width:747px;
	margin-left:249px;
}

/* Menue */
#menu { padding-top:18px; margin-bottom:50px; }
#menu * {
	display:inline; float:left;
	margin:0; padding:0;
}
#menu li a {
	margin-left:47px;
}
#menu li:first-child a {
	margin-left:0;
}

#menu li ul { display:none; }


/* Navigationspfad */
#breadcrumbs * { font-size:8pt; }
#breadcrumbs a { color:black; }
#breadcrumbs a:hover { rgb(190,10,30) /*rgb(200,50,66)*/ }

/* Inhalt */
#content {
	padding-top:25px;
	margin-top:60px;
}
#content h3 { margin-bottom:21pt; }
#content h4 { margin-bottom:0; rgb(190,10,30) /*rgb(200,50,66)*/ font-weight:normal; }
#content p { margin-bottom:13.5pt; margin-top:0; }


/* Fußzeile */
#footer { margin-top:60px; }
#footer * {
	display:inline;
	margin:0; padding:0;
}
#footer li a {
	margin-left:43px;
}
#footer li:first-child a {
	margin-left:0;
}

#footer li ul { display:none; }



/* HOVER */

#hover { height:480px; width:640px; position:relative; top:1px; }
#hover * { rgb(190,10,30) /*rgb(200,50,66)*/ }
#hover h2 { display:none; }
#hover img { position:absolute; left:100px; top:0; border-width:0; }
#hover dt,
#hover dd { position:absolute; left:0; z-index:1000; display:none; }
#hover dt { top:30px; font-size:14pt; }
#hover dd { top:60px; font-size:8pt; margin:0; padding:0; width:200px; }



/* ********** SCHRIFT UND FARBE ********** */

* {
	font-family:'UniversTransferLightRegular',sans-serif;
}

a { text-decoration:none; }
#content * a:hover,
#footer * a:hover
{ text-decoration:underline; }

h1 a ,
#menu * a:hover,
#menu .active a,
#content * a,
#footer a,
#visitenkarte a:hover,
#shopLayer * a {
	color:#be0a1e;
}

#menu * a,
#content *,
#footer .active a,
#visitenkarte a
{
	color:#151515;
}

#logo * { font-size:20px !important; color: #be0a1e /* #d00c23; */ }
h1, h2, h2 a, #menu *,
#content .componentheading {
	font-size:20px;
	line-height:20px;
	font-weight:normal;
}

h4 { margin:0; padding:0; }
h4,
#content p,
#content li,
#content span,
#footer *
{
	font-size:12px;
	line-height:18px;
}

#content a { text-decoration:none; }
#content a:hover { text-decoration:underline; }


/* ********** SICHTBARKEIT ********** */

#menu h3,
#footer h3
	{ display:none; }

hr {
        border-style: none;
        background: url('https://ssl.webpack.de/wbdin.transfer-dortmund.de/resources/hr_dotted.png') repeat-x;
        height: 6px;
}

.readon { position:relative; left:4px; }

#content .contentheading,
#content .componentheading
 { margin-top:0; }
#content .contentheading a { color:black; }
#content .contentheading a:hover { text-decoration:none; color:rgb(200,50,66); }


.inputfield { border-width:0; background-color:silver; padding:1px 5px 1px 5px; }
.topLeft { float:left; margin-right:8px; margin-bottom:8px; }
.topRight { float:right; margin-left:8px; margin-bottom:8px; }
.linkSpaceBox * { margin-right:25px; }
.opa75 { opacity:0.65; filter:alpha(opacity=65); }

#content h2 { margin-top:30px; margin-bottom:25px; }
button { cursor:pointer; }
.button2-left { float:left; margin:5px; margin-left:0; border:1px solid silver; padding:5px; }


.redBackground { background-color:#d3031d !important; color:white !important; padding:4px; position:relative; width:233px; }
.redBackground * a { color:white !important; }
.redBackground p { margin:0 !important; padding:0 !important; }
.redForeground * { color:#BE0A1E !important; }
.redForeground * a { color:black !important; }




h1, h2  { color:#be0a1e; }
h1  { font-size: 18pt !important; margin-bottom:0px; font-weight:bold !important; }
h2  { font-size: 12pt; margin-top:5px; margin-bottom:40px; }


.hover { opacity:0.5; }
.hover:hover { opacity:1; }

#login p { margin: 0; padding-top:5px; }
#login { width:230px; height:200px; margin:200px auto auto; border:1px dotted white; padding:25px 50px 25px 50px; }
#login .message { margin-bottom:10px; }
#login label { display:block; float:left; width:100px !important; position:relative; top:5px; }
#loginButton,
#changeButton { width:60px; margin-right:40px; }

#login.change  { width:280px !important; }
#login.change label { width:150px !important; }

/* -------------------- */

#bookmarks a { color:black !important; }
#bookmarks li a { font-size:12pt; }
#bookmarks li.active a,
#bookmarks a:hover{ color:#be0a1e !important; }

.feedItemHead h3 { margin-bottom:5px !important; } 
.feedItemHead h3 a { font-size:12pt !important; }
.feedItemHead { margin-top:20px; margin-bottom:10px; } 
.feedItem { margin-bottom:20px; } 

#feed .checked .feedItemHead  *,
#feed .otherChecked  * { color: gray !important; }
#feed .checked .feedItemDescription { display:none; }

#feed .checked span.checkDate,
#feed .otherChecked span.checkDate { color:#be0a1e !important; }

.navigation { margin-top:20px; }

/* -------------------- */

#tasklist .active *  { color:#be0a1e !important; }
#tasklist .task { margin-bottom:25px; }


#taskTitle, #taskListHeader span, #taskFormHeader, #taskSearchHeader, #taskHeader { font-size:15pt !important; }
#taskListHeader , #taskHeader  { margin-bottom:35px !important; }
#tasklist  .taskTitle a { color:black; }
#tasklist .task h2 { margin-top:15px; margin-bottom:10px; }
#tasklist .task div { margin-left:10px;}

.task .taskDate:before { content:"Datum: "; }
#tasks .task .taskDate:before { content:"vom "; }
.task .taskCategory:before { content:"Kategorie: "; }
.task .taskAuthor:before { content:"Autor: "; }
.task .taskId:before { content:"ID: "; }
.task .taskState:before { content:"Status: "; }
.task .taskAttachment:before { content:"Anlage: "; }
/* .task .taskCurrentUser:before { content:"Bearbeiter: "; } */
.task .taskDescription { font-size:12pt; margin-bottom:25px; }

#tasks .taskId { margin-left:20px; }
#tasks .taskId,
#tasks .taskEdit,
#tasks .taskCurrentUser { display:inline; }
#tasks .taskDate,
#tasks .taskAuthor, 
#tasks .taskCategory,
#tasks .taskDescription  { display:none; }

.taskCommentAuthor { float:left; margin-right:10px }
.taskCommentText { font-size:12pt; margin-bottom:5px; }

#task h3 { font-weight:normal; font-size:20px; margin-top:30px; margin-bottom:15px; }
#commentForm { margin-bottom:20px; }

#taskFormHeader { margin-bottom:30px; }
#task textarea,
#taskForm textarea,
#taskForm input,

#searchForm input
{ width: 100%; }
#taskForm textarea { height:150px; }
#taskCategorySelect,
#taskUserSelect,
#searchStatusSelect,
#searchUserSelect,
#searchCategorySelect
{ width:413px !important; margin-bottom:10px; }
#taskTitle { margin-bottom:10px; }

#addTaskButton,
#searchTaskButton
 { width:150px !important; margin-top:20px; }
#searchTaskResetButton { width:75px !important; }
#commentSubmit { margin:10px 0 10px 0; }

input.checkbox { width:auto !important; margin-right:10px; margin-left:35px; position:relative; top:2px; }
input.checkbox:first-child { margin-left:5px !important; }

#tasks { margin-top:40px; }

#debug { opacity:0; }
#debug { 
	position:absolute; left:1022px; top:0; min-height:500px; max-width:800px; 
	background-color:#f6e0e3; padding:25px; color:black; font-family:\'Courier New\', monospace;	
}
#debug:hover { opacity:1; }
#task_TEMPLATE, #comment_TEMPLATE,
#taskSearch,
#taskListPagination  { display:none; }

.taskComment .generated { font-size:12pt; color:rgb(200,50,66) !important; }

textarea, select, input { background-color:white; border:1px solid silver; padding:2px; margin-bottom:10px;}

.img35h { position:relative; top:10px;}
.waiting { margin-bottom:30px; }

#taskDetailTable td:first-child { padding-right:20px; }
#taskState select,
#taskCurrentUser select {margin-top:5px; margin-bottom:5px;}
#taskSearchHeader { position:relative; top:1px;}

#listSelectBox,
#categoriesSelectBox { border:1px solid silver; position:absolute; display:none; padding:10px; z-index:99999; background-color:white; font-size:12pt; }
#listSelectBox ul,
#categoriesSelectBox ul { list-style:none; margin:0; padding:0; text-ident:0; }

#messageBox { border:1px solid white; display:none; max-height:50px; overflow:hidden; }
#tasks .closed * { color:gray !important; }

#taskNavigation { margin-top:20px; }




/* Placeholder-Formatierung für alle Browser */

::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */
:-ms-input-placeholder, /* Internet Explorer 10-11 */
::-ms-input-placeholder /* Microsoft Edge */
{
    color: gray;
    opacity: 1; /* Firefox */
}