/*
 * XEO Website 2008
 *
 * @author Dirk Doering
 * @date 09.06.2008
 *
 */

@import "xeo_blog.css";

/*
 * IE PNG FIX
 */
 
img, div { behavior: url(../fileadmin/system/css/iepngfix.htc) }

*{
	border:none;
	margin:0;
	padding:0;
}

html{
	background-color:#3e3e3e;
}

body{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

img{

}

a{
    text-decoration:none;
}

p, dt, dd{
    font-size:1.3em;
}

dt, dd{
	color:#545454;
	line-height:160%;
}

ul{
    list-style:none;
}

.bodytext a{
	line-height:151%;
}

a p, p a, li a, dd .bodytext, h3 p, h1 p, h2 p, p i{font-size:1em;}

hr{
	height:1px;
	border:0;
	background:#d9d9d9;
	margin:0 0 24px 0;
}

hr.bSpacerLine {
margin:24px 0px 24px 0px;
}

#shadowWrap{
	background:url(../img/wrap_bg.gif) left top repeat-y;
	margin:0;
	text-align:left;
	width:1000px; 
	float:left;
}

#wrap{
	background:url(../img/motion01_bg.jpg) top left no-repeat #350000;
	width:984px; 
	float:left;
}

#header{
	position:relative;
}

/*
 *
 * NAVIGATION
 *
 */

#mainNav{
	display:inline;
	float:left;
	margin:12px 0 36px 48px;
	position:absolute;
	width:650px;
}

#mainNav li.mainList, #mainNav li.mainActive{
	clear:both;
	float:left;
	width:650px;
}

#mainNav a{
	color:#fff;
        display:inline;
	font-size:22px;
	font-family:"trebuchet ms", Helvetica, Arial, sans-serif;
	font-weight:bold;
	padding:0 24px;
}

#mainNav li.mainActive{
	position:relative;
}

#mainNav li a:hover, #mainNav li a:focus, #mainNav li.mainActive a{
	background:#fff;
	color:#545454;
}

#mainNav li.mainActive a.mainActiveA{
	display:block;
	width:180px;
}

#subNav {
	position:absolute;
	top:0;
	left:179px;
	width:510px;
}


#subNav {
	width:510px;
}

#subNav li{
	float:left;
}

#subNav li a{
	font-weight:normal;
	padding:0 12px;
}

#subNav li a:hover, #subNav li.subActive a{
	color:#ff6600;
}

#mainNav #subNav a{
	text-transform:none;
}

.specialnavigation{
	position:absolute;
	right:58px;
	top:10px;
}

.specialnavigation li{
	display:inline;
}

.specialnavigation li a{
	color:#fff;
	font-size:1.3em;
	line-height:1.4em;
	padding:0 12px;
}

.specialnavigation li a:hover, .specialnavigation li.active a{
	background:#fff;
	color:#545454;
	padding:0 12px 2px;
}


/*
 *
 * CONTENT
 *
 */

.logoWrap{
	float:right;
	margin:25px 48px 0 0;
}

#homeContent{
    background:transparent;
    clear:both;
    display:inline;
    float:left;
    margin:45px 48px 0;
    position:relative;
    width:888px;
    height:500px;
}

#contentWrap{
    background:url(../img/contentHeader.gif) top left no-repeat;
    clear:both;
    display:inline;
    float:left;
    margin:0 48px;
    padding:44px 0 0 0;
    width:888px;
}

#content{
    background:#fff;
    float:left;
    display:inline;
    padding:0 24px 24px 24px;
    width:840px;
}

#content li{
	font-size:1.3em;
}

.leftContent{
	float:left;
	min-height:445px;
    	padding:0 23px 76px 0px;
    	position:relative;
	width:649px;
}

*html .leftContent{
	height:400px;
	width:648px;
}

.rightContent{
	float:left;
	display:inline;
	width:168px;
}

*html .rightContent{
	width:168px;
}

.leftContent h1{
	color:#990000;
	font-family:Geneva, Tahoma, sans-serif;
	font-size:2.1em;
	margin:0 0 0.7em 0;
	text-transform:uppercase;
}

.leftContent h2{
	color:#545454;
	font-family:Geneva, Tahoma, sans-serif;
	font-weight:normal;
	font-size:2.1em;
}

.leftContent h3{
	Color:#545454;
	font-family:Geneva, Tahoma, sans-serif;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.6em;
}

.leftContent h4{
	color:#990000;
	font-family:Geneva, Tahoma, sans-serif;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.6em;
}

.leftContent h1 a{

}

.leftContent h1 a:hover{
	background:#FF6400;
	color:#FFF;
}


.leftContent .csc-default {
	margin:0 0 2.5em 0;
}

.bodytext, #content li{
	color:#545454;
	line-height:1.6em;
}

.leftContent ul{
	margin:1em 0;
}

.leftContent li{
	background:url(../img/listIcon.gif) 0 6px no-repeat;
	padding:0 0 0 12px;
}

.leftContent .csc-textpic-imagewrap{
	margin-top:0.6em;
}

.leftContent .csc-textpic-above .csc-textpic-imagewrap{
	margin-top:0;
}

.leftContent .csc-textpic-below .csc-textpic-imagewrap dl{
	margin-top:2.4em;
}

.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
	padding-left:0px;
}

.sysLinks{
	height:16px;
	position:absolute;
	bottom:0px;
	left:0px;
}

.sysLinks a{
	display:block;
	float:left;
	height:16px;
	margin:0 2px 0 0;
	width:17px;
}

.sysLinks a span{
	display:none;
}

.sysLinks a.print{
	background:url(../img/print_icon.gif) 0 0 no-repeat;	
}


.sysLinks a.bookmark{
	background:url(../img/bookmark_icon.gif) 0 0 no-repeat;	
}

.sysLinks a.tellfriend{
	background:url(../img/tellfriend_icon.gif) 0 0 no-repeat;	
}

.sysLinks a:hover{
	background-position:-17px 0;	
}


#footer{
	clear:both;
	color:#fff;
	background:url(../img/footer_bg.gif) left top no-repeat #3e3e3e;
	height:50px;
	margin:0 0 50px 0;
	text-align:left;
}

#footer ul{
	font-size:1.1em;
	padding:6px 0 0 72px;
}

#footer li{
    float:left;
    padding:0 1em 0 0;
}

#footer li a{
    color:#fff;
}

/*
 * LINKSTYLES CONTENT
 *
 */

.leftContent a.internal-link, .rightContent a.internal-link, .bodytext a, dd a, .leftContent a.external-link-new-window, .leftContent a.comment-link{
	color:#FF6400;
	font-family:Georgia, "Times New Roman", serif;
	padding:0 0.2em;
}

.leftContent a.internal-link:hover, .rightContent a.internal-link:hover, .leftContent a.internal-link:focus, .rightContent a.internal-link:focus, .bodytext a:hover, dd a:hover, .leftContent a.external-link-new-window:hover, .leftContent a.comment-link:hover, .leftContent a.comment-link:focus{
	background:#FF6400;
	color:#fff;
}

.leftContent a.internal-link{
	background:url(../img/icons/internalLink.gif) 100% 0 no-repeat;
	padding:0 18px 0 0.2em;
}

.leftContent a.internal-link:hover{
	background:url(../img/icons/internalLink.gif) 100% -30px no-repeat #FF6400;
}

.leftContent a.external-link-new-window{
	background:url(../img/icons/externalLink.gif) 100% 0 no-repeat #fff;
	padding:0 18px 0 0.2em;
}

.leftContent a.external-link-new-window:hover{
	background:url(../img/icons/externalLink.gif) 100% -30px no-repeat #FF6400;
}

.leftContent a.mail{
	background:url(../img/icons/mailtoLink.gif) 100% 0 no-repeat #fff;
	padding:0 18px 0 0.2em;
}

.leftContent a.mail:hover{
	background:url(../img/icons/mailtoLink.gif) 100% -30px no-repeat #FF6400;
}

.leftContent a.download{
	background:url(../img/icons/downloadLink.gif) 100% 0 no-repeat #fff;
	padding:0 18px 0 0.2em;
}

.leftContent a.download:hover{
	background:url(../img/icons/downloadLink.gif) 100% -30px no-repeat #FF6400;
}

.leftContent a.comment-link{
	background:url(../img/icons/commentLink.gif) 100% 0 no-repeat #fff;
	padding:0 18px 0 0.2em;
}

.leftContent a.comment-link:hover{
	background:url(../img/icons/commentLink.gif) 100% -30px no-repeat #FF6400;
}

.leftContent .csc-linkToTop{
	border-bottom:1px solid #d9d9d9;
	text-align:right;
	padding:0 0 24px 0;
	margin:0 0 24px 0;
}

.leftContent .csc-linkToTop a{
	background:url(../img/icons/toTopLink.gif) 100% 0 no-repeat #fff;
	color:#FF6400;
	font-family:Georgia, "Times New Roman", serif;
	padding:0 18px 0 0.2em;
}

.leftContent .csc-linkToTop a:hover{
	background:url(../img/icons/toTopLink.gif) 100% -30px no-repeat #FF6400;
	color:#fff;
}

/*
 *
 * STARTSEITE SPECIAL 
 *     Styles for StartNav hover
 *
 */
 
#startNav{
	margin:0;
}

#startNav li{
	display:block;
}

#startNav a:link, #startNav a:visited, #startNav li a:hover, #startNav a:focus{
    color:#fff;
    font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size:58px;
    font-weight:bold;
    line-height:100%;
    padding:0 24px;
}

#startNav a:link p:first-child{
	display:none;
}

#startNav li a:hover, #startNav li a:focus{
    background:url(../img/startNavHover.gif) left center repeat-x transparent;
    color:#ff6600;
}

#startNav a:link span, #startNav a:visited span{
    color:#600;
    font-size:0.15em;
    font-weight:normal;
    text-transform:none;
    padding:0 0.5em 1em;
    display:none;
}

#startNav a:visited span{
    display:none;
}

#startNav a:hover span, #startNav a:focus span{
    display:block;
}

#profil, #referenzen, #neues, #team, #blog{
	background:url(../img/contentHomeHeader.gif) top left no-repeat #fff;
	position:absolute;
	bottom:0;
	left:0;
    	padding:24px;
    	width:840px;
}

#profil, #referenzen, #neues, #team, #blog{
	display:none;
}

#profil h1, #referenzen h1, #neues h1, #team h1, #blog h1{
	color:#990000;
	font-family:Geneva, Tahoma, sans-serif;
	font-size:2.2em;
}

/*
 *
 * STARTSEITE SPECIAL 
 *     Styles for StartNav hover
 *
 */

#profil, #referenzen, #neues, #team, #blog{
	background:url(../img/contentHomeHeader.gif) top left no-repeat #fff;
	position:absolute;
	bottom:0;
	left:0;
    	padding:24px;
    	width:840px;
}

#profil, #referenzen, #neues, #team, #blog{
	display:none;
}

#profil h1, #referenzen h1, #neues h1, #team h1, #blog h1{
	color:#990000;
	font-family:Geneva, Tahoma, sans-serif;
	font-size:2.2em;
}


/*
 *
 * STARTSEITE UPDATE 07.05.2010 
 *     Welcome text
 *
 */
 
 .welcome{
	font-family:"trebuchet ms", Helvetica, Arial, sans-serif;
	padding:78px 0 0 0;
 }

.welcome h1{
	font-size:36px;
	color:#fff;
	line-height:110%;
}

.welcome .bodytext{
	font-size:19px;
	color:#fff;
	line-height:125%;
	letter-spacing:1px;
}

/*
 *
 * NEWS PLUGIN
 *     Styles for News Plugin 
 *
 */
 
/*
 * LIST-ITEM
 */
.news-list-item {
	border-bottom:1px solid#d9d9d9;
	float:left;
	margin:0 0 24px 0;
	padding:0 0 24px 0;
}
 
.news-list-item img, .news-single-img{
	float:left;
	margin:0 24px 0 0;
}

.news-list-item h3{
	color:#545454;
	font-family:Geneva, Tahoma, sans-serif;
	font-size:1.3em;
	margin:0 0 0.2em 0;
}

.news-list-item .bodytext{
	margin:0 0 0 214px;
}

.news-list-item h3 a{
	color:#990000;
}

.news-list-item h3 a:hover{
	background:#ff6400;
	color:#fff;
}

.news-list-morelink{
	display:block;
	text-align:right;
}

.news-list-item .news-list-morelink a{
	background:url(../img/icons/internalLink.gif) 100% 0 no-repeat;
	padding:0 18px 0 0.2em;
	color:#FF6400;
	font-family:Georgia, "Times New Roman", serif;
}

.news-list-item .news-list-morelink a:hover{
	background:url(../img/icons/internalLink.gif) 100% -30px no-repeat #FF6400;
	color:#fff;
}

.news-list-item .clearer{
	clear:both;
	height:1px;
}

.news-list-browse{
	text-align:right;
}

.newsListVideo{
	float:left;
	width:190px;
}

.tx-ttnews-browsebox{
	float:right;
	margin:0 0 24px 0;
}

.tx-ttnews-browsebox p{
	color:#545454;
	float:left;
	padding:0 3px 0 0;
}

.tx-ttnews-browsebox Table{
	border-collapse:collapse;
	float:right;
	width:auto !important;
}

.tx-ttnews-browsebox Table tbody{
	clear:both;
	float:right;
}

.tx-ttnews-browsebox a{
	color:#FF6400;
	padding:0 3px;
}

.tx-ttnews-browsebox a:hover, .tx-ttnews-browsebox-SCell a{
	background:#FF6400;
	color:#FFF;
}

/*
 * SINGLE-ITEM
 */
 
.news-single-item h1{
	margin-bottom:0 !important;
}

.news-single-item .subHeader{
	margin-bottom:24px;
}
 
.news-single-item .news-single-img{
	float:right;
	margin:5px 0 0 24px;
}

.news-single-imgcaption{
	color:#545454;
	font-size:11px;
	
}

.news-single-timedata{
	font-size:1.3em;
	color:#545454;
	font-family:Tahoma, sans-serif;
	font-style:italic;
	margin:0 0 24px 0;
	padding:3px 0 0 0;
}

.news-single-additional-info {
	border:1px solid #e4e4e4;
	clear:both;
	margin:2em 0;
	padding:1em;
}

.news-single-additional-info dl {
	background:#f4f4f4;
	border-bottom:2px solid #fff;
	padding:0.3em 0.5em;
}

.news-single-additional-info dd {
	display:block;
}

.news-single-item .backtolist{
	border-bottom:1px solid #e4e4e4;
	text-align:right;
	margin:0 0 24px 0;
}

.news-single-item .backtolist a{
	background:transparent url(../img/icons/accordionInternal.gif) no-repeat scroll -13px 0;
	color:#FF6400;
	font-family:Georgia,"Times New Roman",serif;
	font-size:11px;
	padding:0 3px 0 14px;
}


.news-single-item .backtolist a:hover{
	background: url(../img/icons/accordionInternal.gif) no-repeat scroll 0 -14px #ff6400;
	color:#FFF;
}


/*
 *
 * RIGHT CONTENT Styles + ACCORDION
 *     Styles for right margin 
 *
 */

.rightContent .contentelement {
	margin:0 0 0.7em 0;
	padding:1.2em 0 2.4em 0;
}

.rightContent .contentelement .bodytext {
	color:#545454;
	font-family:Tahoma, sans-serif;
	font-size:1.1em;
	padding:0 6px;
}

.rightContent ul{
	padding:12px 6px 20px;
}

.rightContent ul ul{
	padding:0px 6px 10px;
}

#content .rightContent li{
	line-height:1.3em;
}

.rightContent .csc-textpic-below .csc-textpic-imagewrap dl{
	margin-top:1.2em;
}

.rightContent dt, .rightContent dl{
	line-height:1.1em;
}

.rightContent li a{
	font-size:1em;
}

.rightContent a{
	font-size:1em;
}

.rightContent .csc-section a{
	background:url(../img/icons/accordionJumpTo.gif) -13px 0 no-repeat #fff;
	padding:0 0.2em 0 15px;
	color:#FF6400;
	font-family:Georgia, "Times New Roman", serif;
	font-size:11px;
}

.rightContent .csc-section a:hover{
	background:url(../img/icons/accordionJumpTo.gif) 0 -14px no-repeat #FF6400;
	color:#fff;
}

.rightContent a.internal-link{
	background:url(../img/icons/accordionInternal.gif) -13px 0 no-repeat #fff;
	padding:0 0.2em 0 15px;
}

.rightContent a.internal-link:hover{
	background:url(../img/icons/accordionInternal.gif) 0 -14px no-repeat #FF6400;
}

.rightContent a.external-link-new-window{
	background:url(../img/icons/accordionExternal.gif) -13px 0 no-repeat #fff;
	padding:0 0.2em 0 15px;
}

.rightContent a.external-link-new-window:hover{
	background:url(../img/icons/accordionExternal.gif) 0 -14px no-repeat #FF6400;
}

.rightContent a.mail{
	background:url(../img/icons/mailtoLink.gif) 0 0 no-repeat #fff;
	padding:0 0.2em 0 18px;
}

.rightContent a.mail:hover{
	background:url(../img/icons/mailtoLink.gif) 0 -30px no-repeat #FF6400;
}

.rightContent a.download{
	background:url(../img/icons/accordionDownload.gif) -13px 0 no-repeat #fff;
	padding:0 0.2em 0 15px;
}

.rightContent a.download:hover{
	background:url(../img/icons/accordionDownload.gif) 0 -14px no-repeat #FF6400;
}

.rightContent .jdGallery{
	margin:0 0 0 7px;
}

/***************************
 *  Default styles for the
 *    EXT rgaccordion
 * by Ringer Georg (just2b)
 ***************************/  


/* Toggle default */
.rgaccord1-toggle, .rgaccord2-toggle, .rightContent h1 {
	background:url(../img/rm_hl_bg_grey.gif) top left repeat-x;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;	
	color:#545454;
	cursor:pointer;
	font-family:Geneva, Tahoma, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	height:20px;
	text-transform:uppercase;
	padding:3px 6px 0;
}

.rightContent h1 {
	margin:10px 0 0 0;
}

/* Toggle act item */
.rgaccord2-toggle.act, .rgaccord1-toggle.act {
	background:url(../img/rm_hl_bg_orng.gif) top left repeat-x;
	border-left:1px solid #da4000;
	border-right:1px solid #da4000;
	color:#fff;
}

.rgaccord2-toggle.act:first-child{
	background:url(../img/rm_hl_fc_orng.gif) top right no-repeat;
	border-left:1px solid #da4000;
	border-right:none;
}


/* the content */
div.rgaccord1-content, div.rgaccord2-content {
	border-left:1px solid #da4000;
	border-right:1px solid #da4000;
	border-bottom:1px solid #da4000;
}

/* remove margin of a CE */
div.rgaccord1-content .ce, div.rgaccord2-content .ce {
	margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord1-content h1, div.rgaccord2-content h1, div.rgaccord1-content h3 {
	display:none;
}

#rgaccord2-nest{
	background:url(../img/accordionFooter.gif) bottom left no-repeat;
}

.rgaccord2-toggle:first-child{
	background:url(../img/rm_hl_fc_grey.gif) top right no-repeat;
	border-left:1px solid #bbb;
	border-right:none;	
}

/*
 *
 * TABELLEN
 *     Styles for StartNav hover
 *
 */
 
table{
	width:100%;
}

table td{
	padding:0 14px 0 0;
	text-align:left;
	vertical-align: top;
}

.contentelement table th{
	width:50%;
}

table td ul{
	margin-top: 0em !important;
}


/*
 * RGTABS Plugin
 * 
 *     Styles for RgTabs
 *
 */
 
.tx-rgtabs-pi1{
	margin:0 0 24px 0;
}
 
.leftContent ul.rgtabs-menu{
	margin:1em 0 0 0;
	padding:0 !important;
}

.rgtabs-menu li a, #left .rgtabs-menu li a {
	font-family:Geneva,Tahoma,sans-serif !important;
	font-size:1em !important;
	font-weight:normal !important;
}

#left .rgtabs-menu li.rgtabs-selected a, .rgtabs-menu li.rgtabs-selected a {
	background:transparent url(../img/tabOff-r.gif) no-repeat scroll right top !important;
	color:#fff !important;
	font-family:Geneva,Tahoma,sans-serif;
	font-size:1em;
	font-weight:normal;
}

#left .rgtabs-menu li.rgtabs-selected, .rgtabs-menu li.rgtabs-selected {
	background:transparent url(../img/tabOff-l.gif) no-repeat scroll left top !important;
}

.rightContent .contentelement .content{
	height:220px;
}

.rightContent .rgaccord2-content .contentelement iframe{
	margin:0 6px;
}

.rightContent .rgaccord2-content .contentelement iframe{
	margin:0 6px;
}

/*
 * TWITTER BOX
 *
 */

.twtr-bd p{
	font-size:1em;
}