@CHARSET "UTF-8";

/*
Site:			www.digitale-akademie.de
Author:			Aline Deicke, Torsten Schrade
Created:		2010-01-20
Modified:		2010-11-23
Usage:			Content stylesheet
*/

/* ####################### CONTENT ############################ */

/* Traditional FS Scale: 6,7,8,9,10,11,12,14,16,18,21,24,36,48,60,72; 
We use: 14,16,18,21,24,36 */

/* HEADER */

#content h1 {
	margin: 0;
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 4.5em;
	font-weight: 100;
	line-height: 1.2em;
	text-transform: uppercase;
}

#content h2, #content h3, #content h4, #content h5 {
	font-family: Baskerville, Palatino, "Palatino Linotype", Georgia, serif;
}

#content h2 {
	margin: 1em 0;
	font-size: 2.1em;	
}

#content h2.csc-subheader {
	margin: 0.2em 0 1.5em 0.1em;
}

#content h3 {
	clear: both;
	margin: 0.5em 0 1em 0;
	padding: 0 0 0.3em 0;
	border-bottom: 1px solid #222;
	background: transparent url(../images/pfeil_h3.png) 0 0.4em no-repeat;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.3em;
	text-indent: 1.3em;
}

#content h4 {
	clear: both;
	margin-bottom: 1em;	
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.6em;
}

/* TEXT */

p {
	margin-bottom: 1.4em;
	font-size: 1.4em;
	line-height: 1.7em;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

/* HYPERLINKS */

a {
	border-bottom: 1px dashed #c42534;
	color: #c42534;
	text-decoration: none; 
}

a:visited {
	color: #a1a1a1;
	border-bottom: 1px dashed #a1a1a1;
}

a:hover, a:focus {
	color: #c42534;
	border-bottom: 1px solid #c42534;
}

/* LISTS */

#content ol {
	padding: 0.5em 0 1.7em 1.9em;
}

#content ul {
	padding: 0.5em 0 1.7em 1.5em;
}

#content li {
	padding-left: 0.5em;
	padding-bottom: 0.2em;
	color: #c42534;
	font-family: Baskerville, Palatino, "Palatino Linotype", Georgia, serif;
	font-size: 1.4em;
	line-height: 1.5em;
}

#content ol li {
	list-style-type: decimal;
}

#content ul li {
	list-style-type: disc;
	font-size: 1.4em;
}

#content li span {
	color: #222;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida grande", "Lucida sans", Arial, sans-serif;
}

#content ol li span {
	margin-left: -0.25em;
}

#content #sidecontent ol,
#content #sidecontent ul {
	padding-top: 1.3em;
}

#sidecontent .news-amenu-item-year {
	padding-left: 0;
	margin: 1.3em 0 0.3em -1em;
	color: #222;
	list-style-type: none;
}

#content #sidecontent .news-amenu-item-year ul {
	padding-top: 0.5em;
}

#content #sidecontent .news-amenu-item-year ul.last {
	padding-bottom: 0;
}

#sidecontent .news-amenu-item-year ul li {
	font-size: 1em;
}

/* DEFINITION */

dfn {
	cursor: help;
	font-style: normal;
}

/* QUOTES */

q {
	font-style: italic;
}

cite {
	color: #717171;
	font-style: italic;
}

blockquote {
	position: relative;
	padding: 1.5em 0;
	margin: 0 0 1.7em;
	background: #ededed url(../images/quote_right.gif) 57.4em 1em no-repeat;
	font-family: Baskerville, Palatino, "Palatino Linotype", Georgia, serif;
}

blockquote p {
	padding: 0 6.2em;
	margin: 0;
	background: transparent url(../images/quote_left.gif) 1em bottom no-repeat;
}

blockquote cite {
	display: block;
	text-align: right;
	font-style: italic;
	font-family: Baskerville, Palatino, "Palatino Linotype", Georgia, serif;
}

#sidecontent blockquote {
	padding: 0;
	background: #ededed;
}

#sidecontent blockquote p {
	padding: 1em;
	background: none;
}


/* FORMS */

input:focus, textarea:focus, label:focus, select:focus {
	background-color: #222;
	color: #fff;
}

#maincontent form {
	color: #222;
	font-size: 1.4em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida grande", "Lucida sans", Arial, sans-serif;
}

#maincontent legend {
	padding: 0.4em 0 0.4em;
	line-height: 1.7em;
	font-weight: bold;
}

form label {
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:0;
	margin:-2px 0 0 -2px;
}

#maincontent fieldset input, 
#maincontent fieldset select,
#maincontent fieldset textarea {
	width: 25em;
	border: 1px solid #222;
	padding: 0.4em;
	margin: 0 3em 1em 0;
	line-height: 1em;
	color: #a1a1a1;
}

#maincontent fieldset select {
	width: 26em;
}

#maincontent fieldset textarea {
	width: 45.56em;
	padding: 0.4em;
	margin-bottom: 1em;
}

/* TABLES */

table {
	font-size: 1.4em;
}

.contenttable {
	width: 100%;
}

.contenttable caption {
	margin-top: 1.4em;
	padding-bottom: 1.7em;
	text-align: left;
}

.contenttable {
	position: relative;
	margin: 0 0 1.4em 0;
	background: #FFFFFF;
	border: 1px solid #222;
}

.contenttable td, .contenttable th {
	vertical-align: top;	
	margin: 0 0.5em;
	border: 1px solid #222;	
	padding: 0.5em;
	line-height: 1.3em;
}

.contenttable tr:hover {
	color: #fff;
	background: #c42534;
}

.contenttable tr:hover a:visited {
	color: #a1a1a1;
	border-bottom: 1px dashed #a1a1a1;
}

.contenttable tr:hover a,
.contenttable tr:hover a:focus {
	color: #fff;
	border-bottom:1px dashed #fff;
}

.contenttable tr:hover a:hover {
	color: #fff;
	border-bottom:1px solid #fff;
}

.contenttable th {
	border-right: 1px solid #cfcfcf;
	color: #fff;
	background-color: #717171;
	font-weight: bold;
}

.contenttable .tr-even {
	background-color: #cfcfcf;
	vertical-align: top;
}

.contenttable .tr-odd {
	vertical-align: top;
}

.contenttable a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

/* CAPTIONS */

#content .csc-textpic-imagewrap dl,
#content .csc-textpic-imagewrap dd {
	margin: 0;
}

.csc-textpic-caption, .csc-caption, .news-single-imgcaption {
	padding: 0.1em 0 0.9em 0; /* padding is particularly for IE6/Win but doesn't hurt the others */
	line-height: 1.7em; /* IE 6 needs this so that caption doesn't crash into following text */
	font-size: 1.2em;
}

/* DROP SHADOWS & BORDERS */
.csc-textpic img {
	border: 1px solid #efefef;
	padding: 3px;
	background: #FFFFFF;
	/* CSS3 */
	-webkit-box-shadow: 2px 2px 2px #BFBFBF;
	-moz-box-shadow: 2px 2px 2px #BFBFBF;
	box-shadow: 3px 3px 3px #BFBFBF;	
}


/* RENDERING METHOD: DL */

.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
    float: left;
    margin: 0 0.6em 0.5em 0;
    padding: 0;
}

.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image dt {
    float: none;
}

.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image dd {
    float: none;
}

.csc-textpic-image dt {
    margin: 0;
    display: inline;
}

.csc-textpic-image dd {
    margin: 0;
}

/* MARGINS */

.csc-textpic .csc-textpic-imagerow {
    clear: both;
}

#sidecontent dl {
	padding-top: 1.5em;
}

#sidecontent .csc-textpic-below dl {
	padding: 0 0 1.7em 0;
} 

#sidecontent .csc-textpic-above .csc-textpic-text p {
	padding-top: 0.5em;
}

/* No margins around the whole image-block */
.csc-textpic .csc-textpic-imagewrap .csc-textpic-firstcol {
    margin-left: 0 !important;
}

.csc-textpic .csc-textpic-imagewrap .csc-textpic-lastcol {
    margin-right: 0 !important;
    border-right: none !important;
}

/* POSITIONING */

.csc-textpic, .csc-textpic-imagerow {
    position: relative;
}

/* DA JH better just for image (see below)
.csc-textpic a {
	border: none;
}
*/

.csc-textpic-image a {
	border: none;
}

/* Above */
.csc-textpic-above .csc-textpic-text {
    clear: both;
}

/* Below */

.csc-textpic-below .csc-textpic-caption {
	padding: 0.1em 0 3.5em;
}

#sidecontent .csc-textpic-center .csc-textpic-caption,  
#sidecontent .csc-textpic-left .csc-textpic-caption, 
#sidecontent .csc-textpic-right .csc-textpic-caption {
	padding: 0.1em 0 0.5em;
}

/* Center (above or below) */
.csc-textpic-center {
    text-align: center; /* IE-hack */
}

.csc-textpic-center .csc-textpic-imagewrap {
    margin: 0 auto;
}

.csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image {
    text-align: left; /* Remove IE-hack */
}

.csc-textpic-center .csc-textpic-text {
    text-align: left; /* Remove IE-hack */
}

/* Right (above or below) */
.csc-textpic-right .csc-textpic-imagewrap {
    float: right;
    margin-right: 0.5em;
}

#sidecontent .csc-textpic-right .csc-textpic-imagewrap {
    float: right;
    margin-right: 0.7em;
}

.csc-textpic-right .csc-textpic-text {
    clear: right;
}

/* Left (above or below) */
.csc-textpic-left .csc-textpic-imagewrap {
    float: left;
}
.csc-textpic-left .csc-textpic-text {
    clear: left;
}

/* Left (in text) */
.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left;
}

/* Left (in text, no wrap around) */
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
}

/* Right (in text) */
.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right;
    margin-right: 0.5em;
}

#sidecontent .csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right;
    margin-right: 0.7em;
}

/* Right (in text, no wrap around) */
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right;
    margin-right: 0.5em;
}

/* LAYOUT FIXES */

/* Fix for having a straight margins also when text is higher than image */
.csc-textpic-intext-left-nowrap .csc-textpic-text {
	margin-left: 1.9em;
}

.csc-textpic-intext-right-nowrap .csc-textpic-text {
	margin-right: 1.9em;
}

.csc-textpic-intext-left .csc-textpic-imagewrap {
	margin-right: 1.9em;
}

.csc-textpic-intext-right .csc-textpic-imagewrap {
 	margin-left: 1.9em;
}

/* Fix to align the beginning of the text and the top border of the image */
.csc-textpic-imagewrap {
    margin-top: 0.35em;
}



/* HOME SLIDER SIDEMENU */

#sidemeu .jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 210px;
	padding: 10px;
}

#sidemenu .jcarousel-skin-tango .jcarousel-container  {
	border: 3px solid #fff;
	-moz-border-radius: 0px;
	background: #fff url(../images/slider_bg.png) no-repeat 0 0;
}


/* NEWS */

#maincontent #rss {
	float: right;
	position: relative;
	top: -3.2em;
	padding: 0;
	background: #fff url(../images/footer_rss.png) right center no-repeat;
	line-height: 1em;
}

#maincontent #rss a {
	display: block;
	padding: 0 1.7em 0 0;
	border: 0;
	font-size: 0.9em;
}

#maincontent .news-list-item {
	/* overflow:auto; für korrekte Höhe auch bei floatendem Inhalt (z.B. Text-Bild-Element) */
	overflow:auto;
	margin-bottom: 2.1em;
}

#maincontent .news-single-data {
	margin-top: 1.7em;
}

#maincontent .news-single-data p {
/*JH	font-style: italic;*/
}

#maincontent .news-single-data a,
#maincontent .news-single-data span {
	font-style: normal;
}

#maincontent .news-single-data .csc-textpic-intext-left .csc-textpic-imagewrap {
	margin: 0;
}

#maincontent .news-single-data dd.news-single-imgcaption {
	width: 160px;
}

#maincontent .news-single-data .author-date {
	font-style: italic;
}

#maincontent .news-list-item .news-single-data {
	margin-top: 0;
}

#maincontent .news-list-item .news-single-data p {
	padding-bottom: 1em;
}

#maincontent .artikel_navi {
	padding: 0;
	margin-bottom: 4.9em;
}

#maincontent .vorher {
	float: left;
	padding: 0 0 0 1.5em;
	background: transparent url(../images/pfeil_rechts.png) left center no-repeat;
	list-style-type: none;
}

#maincontent .zurueck {
	float: left;
	padding-left: 1.5em;
	background: transparent url(../images/pfeil_links.png) left center no-repeat;
	list-style-type: none;
}

#maincontent .nachher {
	float: right;
	padding: 0 1.5em 0 0;
	background: transparent url(../images/pfeil_links.png) right center no-repeat;
	list-style-type: none;
}

.news-list-morelink {
	padding-left: 0.8em;
	margin-left: 0.5em;
	background: transparent url(../images/pfeil_links.png) left center no-repeat;
}

#maincontent .news-single-backlink {
	clear: both;
	padding-top: 1.4em;
}

#maincontent .news-list-resultbrowser {
	padding-left: 0;
}

#maincontent .news-list-resultbrowser li {
	padding-left: 0;
}

#maincontent .news-list-resultbrowser .news-list-resultcount {
	display: block;
}
	
#maincontent .news-list-resultbrowser li,
#maincontent .news-list-resultbrowser .nachher {
	display: inline;
	float: none;
	padding-right: 1.4em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida grande", "Lucida sans", Arial, sans-serif;
}

/* Fix for list view */
.news-list-item .csc-textpic-intext-left-nowrap .grid_9 {
	margin-left: 10px;
}


/* SEARCHRESULTS */

#content .tx-indexedsearch p {
	padding-bottom: 0.7em;
}

#content p .tx-indexedsearch-sw {
	font-weight: bold;
}

#content ul.tx-indexedsearch-browsebox {
	padding-left: 0;
	padding-bottom: 3.4em;
}

#content .tx-indexedsearch-browsebox li {
	display: inline;
	padding: 0 1.2em 0 0;
	font-size: 1.3em;
	list-style-type: none;
}

#content .tx-indexedsearch-browsebox li.act a {
	color: #c42534;
	border: 0;
}

#content .tx-indexedsearch-res {
	padding: 1.2em 0 1.8em;
	margin-bottom: 2.5em;
	border-bottom: 1px solid #222;
	border-top: 1px solid #222;  
}

#content .res-tmpl-css {
	border: 0;
	margin-bottom: 0;
}

#content .tx-indexedsearch-info {
	padding-left: 1em;
	border-left: 2px solid #c42534;
	font-size: 1.3em;
	line-height: 1.2em;
}

#content .tx-indexedsearch-info dt {
	display: inline;
	padding: 0;
}

#content .tx-indexedsearch-info dd {
	display: inline;
	padding: 0 1em 0 0.5em;
}

.item-rating, .item-crdate {
	margin-right: 0.5em;
	border-right: 1px solid #222;
}

/* PORTFOLIO */

#maincontent .portfolio .csc-textpic-imagewrap {
	margin-bottom: 3.2em;
}

#sidecontent .portfolio .csc-textpic-image {
	padding: 0;
}

#sidecontent .portfolio .csc-textpic-caption {
	line-height: 1;
}

#sidecontent .portfolio a {
	display: block;
	width: 208px;
	position: absolute;
	top: 4px;
	left: 4px;
	padding-top: 30px;
	padding-bottom: 8px;
	border: none;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-indent: -999px;
}

#sidecontent .portfolio a:hover {
	text-indent: 10px;
	background: rgba(196, 37, 52, 0.9);
}

/* CONTENTBOXES */

#maincontent .box4_1, #maincontent .box4_2, #maincontent .box4_3, #maincontent .box4_4 {
	display: inline;
	float: left;
	width: 160px;
	height: 2.4em;
	margin-bottom: 1.4em;
	padding-top: 10.5em;
	text-align: center;
}

#maincontent .box4_1 {
	background: #fff url(../images/icon_infoarch.png) 50% 0 no-repeat;
}

#maincontent .box4_2 {
	background: #fff url(../images/icon_design.png) 50% 0 no-repeat;
}

#maincontent .box4_3 {
	background: #fff url(../images/icon_digitalisierung.png) 50% 0 no-repeat;
}

#maincontent .box4_4 {
	background: #fff url(../images/icon_support.png) 50% 0 no-repeat;
}

/* JCAROUSEL */

.jcarousel-skin-tango {
	margin: 1em 0;
	border: 1px solid #EFEFEF;
	-webkit-box-shadow: 2px 2px 2px #BFBFBF;
	-moz-box-shadow: 2px 2px 2px #BFBFBF;
	box-shadow: 3px 3px 3px #BFBFBF;	
}

#sidecontent .jcarousel-container {
	position: relative;
	width: 173px;
	height: 30px;
	overflow: hidden;
    margin: 0;	
    border: 3px solid #FFFFFF; 
    padding: 25px 20px 105px 20px;
    background: #DDDDDD url(../images/slider_bg.png) 0 0 repeat-x;
    -moz-border-radius: 0; 
}

#sidecontent .jcarousel-clip {
	position: relative;	
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#sidecontent .jcarousel-clip-vertical {
	position: relative;	
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: auto;
	height: 120px;
}

#sidecontent .tx-imagecarousel-pi1 ul,
#sidecontent .jcarousel-list {
	position: relative;	
	z-index: 1;
	overflow: hidden;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 !important;
	width: 208px;
}

#sidecontent .tx-imagecarousel-pi1 ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1;	
}	
	
#sidecontent .jcarousel-item {
	float: left;
	width: auto;
	height: 60px;
}

#sidecontent .jcarousel-item a {
	border: none;
}

#sidecontent .jcarousel-next-vertical {
	left: 40%;
	background: url(../images/pfeil_down.png) center bottom no-repeat;
}

#sidecontent .jcarousel-prev-vertical {
	left: 40%;	
	background: url(../images/pfeil_up.png) center top no-repeat;	
}

/* MOOFLOW */

#content .mf .caption {
	color: #333333;
	bottom: 10px;
}

/* PAGEBROWSER, UNIVERSAL PAGEBROWSER */

div.tx-pagebrowse-pi1 {
	clear: both;
}

#content ul.tx-pagebrowse {
	padding: 3em 0 0 0;
}

#maincontent .cag_pagebrowser ul {
	padding: 0;
	margin: 0;
}

#maincontent .cag_pagebrowser li {
	float: left;
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#maincontent .cag_pagebrowser li a {
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 1em;
}

#maincontent .cag_pagebrowser .index {
	padding: 0 0.8em 0 0.5em;
}

#maincontent .cag_pagebrowser .index a {
	display: block;
	width: 78px;
	height: 25px;
	margin-top: -0.6em;
	background: url(../images/pagebrowser.png) top left no-repeat;
	text-indent: -999em;	
	border: none;
}

.cag_pagebrowser li span {
	display: block;
	width: 25px;
	height: 25px;
	margin-top: -0.6em;
	padding-right: 0.3em;
	text-indent: -999em;
}

.cag_pagebrowser li.first span {
	background: url(../images/pagebrowser2l.png) top left no-repeat;
}

.cag_pagebrowser li.previous span {
	background: url(../images/pagebrowser1l.png) top left no-repeat;
}


.cag_pagebrowser li.following span {
	background: url(../images/pagebrowser1r.png) top left no-repeat;
}

.cag_pagebrowser li.last span {
	background: url(../images/pagebrowser2r.png) top left no-repeat;
}