/*

- CSS by Thomas Karolzyk
- thomas@karolzyk.com

#F9B700
#0E2940
71818e
*/


/*** GENERAL ***/

body {
	background-color: #4c596a;
	background-position: center;
	margin: 0;
	color:#fff;
	font-size: 67.5%;
	font-family: Verdana, Arial, sans-serif;	
/*
 	background: #4c596a url(../img/bg_drop2.gif) repeat-y;
 	background-position: center;

*/
}

* { line-height: 155%; }




/*** LINKS ***/

a {
	color: #F9B700;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}
a img, img a 	{ border:0 }



/*** LAYOUT ***/

/* copy
#div_absolute { position: absolute; top: 0; left: 0; background-color: #f00; padding: 0 0 0 0; margin: 0 0 0 0; height: 5em; width: 5em; }
#div_relative { position: relative; background-color: #f00; padding: 0 0 0 0; margin: 0 0 0 0; height: 5em; width: 5em; }
*/

div#main { 
	position: relative;
	/*
	margin: 0 0 0 -490px;
	left:50%;
	*/
	margin: 0 auto;
	padding: 0;
	overflow: visible;
	width: 1002px;
	background: transparent url(../img/bg_drop2.gif) repeat-y;
	background-position: center;
} 

div#footer {
	position: relative;  
	clear:both;
	color: #71818e;
	font-size: 0.9em;
	width: 1000px;
	height: 25px;
	margin: 0 auto 10px auto;
	padding: 24px 0 40px;
	text-align: left;
	background: #4c596a url(../img/bg_drop_finish.gif) repeat-y;
	background-position: center;
}

div#header { 
	position: relative;
	margin: 0;
	padding: 0;
	overflow:visible;
	width: 980px;
} 

div#logo { 
	position: absolute;
	margin: 0;
	padding: 0;
	top: 29px;
	left:739px;
	z-index:10;
} 

div#content-holder { 
	margin: 0 0 0 19px;
	padding: 120px 0 0 0;
	overflow:hidden;
	width: 980px;
} 

div#col-left { 
	position: relative;  
	padding: 0; 
	margin: 0;
	width: 148px; 
	float: left;
}

div#col-middle { 
	position: relative;  
	padding: 0 0 0 0; 
	margin: 0 0 0 0;
	width: 562px; 
	float: left;
}

div#col-right { 
	position: relative;  
	padding: 0 0 0 0; 
	margin: 0 0 0 12px;
	width: 236px; 
	float: left;
	font-size: 9px;
}

div#col-right p { line-height: 190%; }

div#footer a 		{ color: #71818e; }
div#footer a:hover 	{ color: #93a3af; text-decoration: none; }

div#jahr { margin: 0 0 0 27px; }

div#language {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 69px;
	left:20px;
}

div#content-left {
	color: #71818e;
	text-align: left;
	margin: 110px 0 0 0;
	padding: 4px 0 0 0;
	width: 140px;
	border-top: 1px solid #71818e;
}

div#start-right {
	position:absolute;
	margin: 0;
	padding: 4px 0 0 0;
	top:325px;
	width:100%;
	left:0;
	text-align: left;
	border-top: 1px solid #71818e;
}
div#start-right p {
	padding: 0;
	margin:0;
}


div#content-left a { color: #fff; }

div#clickpath {
	color: #bebebe;
	font-size: 0.9em;
	margin: 0;
	padding: .3em 0 0 3px;
	clear:both;
}

div#clickpath a 			{ color: #bebebe; text-decoration: none; }
div#clickpath a:hover 		{ color: #93a3af; }

div#page-content {
	margin: 0;
	padding: 0;
	clear: both;
	width:500px;
	background-color: #fff;
	color:#000;
}

div#page-content-inner {
	margin: 0 15px;
	padding: 0 0 25px 0;
	position: relative;
	height:auto;
}


div#page-title {
	margin: 0 0 10px 0;
	padding: 0;
}

div#page-title h1{
	font-size:1.2em;
	font-weight:bold;
	color:#001E33;
	padding: 11px 0 0 34px;
	margin: 0;
	background: transparent url('../img/aspera_lizenzmanagement_h1bg.gif') no-repeat;
	background-position: 0 7px;
}

div#start-news {
    position:relative;
	width: 500px;
	height: 180px;
	overflow: auto;
	background: transparent url('../../website_inhalte/layout_bilder/aspera_lizenzmanagement_news_rechts.gif') no-repeat;
	background-position: 189px 0;
}

div#start-news-left {
	position:absolute;
	/*
	width:0;
	height:0;
	*/
	overflow: visible;
	margin: 0;
	padding: 0;
	z-index: 10;
}


/*** LEFT AND RIGHT COLUMNS ************************/


div#col-right h1 { 
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	padding:0;
}

#col-right ul {
	margin: 0 0em 0 0;
	padding: 0;
	list-style: none;
}
#col-right ul li {
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #ddd;
}
#col-right ul li a 			{ color: #fff; text-decoration:none; }
#col-right ul li a:hover 	{ color: #F9B700; }
#col-right ul li.active a 	{ color: #F9B700; }

div#right-img {
	position: absolute;
	top:0px;
	right: 0px;
    width:72px;
}

div#top-link {
	float: right;
	margin: -11px 58px 0 0;
	width:15px;
}

/*** CONTENT *************************/

div#page-content-inner a {	
	color: #333; 
	font-weight:bold;
}


div#page-content-inner a:hover {	
	color: #000; 
	font-weight:bold;
}

#page-content-inner ul {
	list-style: none;
	margin: 0 0 0 7px;
	padding:0;
	list-style-image: url('../img/aspera_lizenzmanagement_bullet.gif');
}

#page-content-inner ul li {
	margin: 7px 0 7px 7px;
	line-height:125%;
	padding: 0 0 0 0;
	list-style-image: url('../img/aspera_lizenzmanagement_bullet.gif');
}



/*** SITEMAP ***/

#page-content-inner ul li ul {
	list-style: none;
	margin: 0 0 0 7px;
	padding:0;
	list-style-image: url('../img/aspera_lizenzmanagement_bullet.gif');
}

#page-content-inner ul li ul li {
	margin: 1px 0 1px 7px;
	padding: 0 0 0 0;
	list-style-image: url('../img/aspera_lizenzmanagement_bullet.gif');
}
#page-content-inner ul li ul li ul li a { font-weight: normal; }
#page-content-inner ul li ul li ul li ul li a { font-weight: normal; font-style: italic; }





/*** NEWS *****************************/

div.news-entry {
	border-top: 1px solid #71818e;
	width: 170px;
	margin: 8px 0 10px 310px;
	color: #d8dbe0;
}


div.news-entry a 		{ color: #d8dbe0; }
div.news-entry a:hover 	{ color: #b6b9d0; }



/*** NAVI *****************************/


/* TOP */
#navi {
	position:absolute;
	top:62px;
	left: 169px;
	height:20px;
	margin:0;
	padding:0;
}
#navi ul {
	display: inline;
	margin: 0 0em 0 0;
	padding: 0;
	list-style: none;
}
#navi ul li {
	display: inline;
	margin: 0;
	padding: 0 52px 0 0 ;
}
#navi ul li a 			{ color: #fff; text-decoration:none; }
#navi ul li a:hover 	{ color: #F9B700; }
#navi ul li.active a 	{ color: #F9B700; }

/* FOOTER */
#footer ul {
	position:absolute;
	top:24px;
	left:747px;
	margin: 0 1em 0 0;
	padding: 0;
	list-style: none;
}
#footer ul li {
	display: inline;
	margin: 0;
	padding: 0 .3em;
}
#footer ul li a 		{ color: #fff; text-decoration:none; }
#footer ul li a:hover 	{ color: #F9B700; }
#footer ul li.active a 	{ color: #F9B700; font-weight:bold; }


/* META */
#meta-nav {
	position: absolute;
	top: 1em;
	left:1em;
}
#meta-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#meta-nav ul li {
	display: inline;
	margin: 0;
	padding: 0 .4em;
}
#meta-nav ul li a { font-size:9px; color: #aaa;text-decoration: none; }
#meta-nav ul li.hi a { color: #F9B700; font-weight: bold; }



/* META 2 */
#content-left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content-left ul li {
	margin: 0;
	padding: .1em 0;
}
#content-left ul li a 		{ font-size:10px; color: #fff;text-decoration: none; }
#content-left ul li.hi a 	{ color: #F9B700; font-weight: bold; }


/*
#sub-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sub-nav ul li {
	margin: 0;
	padding: .3em .7em;
	list-style: none;
}

#sub-nav ul li a { color: #fff;text-decoration: none; }
#sub-nav ul li.active a { color: #F9B700; font-weight: bold; }

*/





/* SUB */
#sub-nav {
/*
	width:147px;
	position: absolute;
	left:0;
	top:160px;

*/	margin: 15px 1px;
	padding: 0;
	background: transparent url(../img/menu_no.gif) repeat-y;
}

/* level 2 (level 1 is top-navigation) */
#sub-nav div.navleft2no				{ padding: 3px 0 3px 4px; border-bottom:  
1px solid #001F34; }
#sub-nav div.navleft2no a			{ color: #fff; }
#sub-nav div.navleft2act			{ border-bottom: 1px solid #F9B700; margin:  
0 0 1px 0; padding: 3px 0 3px 4px; background: transparent url(../img/menu_hi.gif) repeat-y;  }
#sub-nav div.navleft2act a			{ color: #F9B700; }

/* level 3 */
#sub-nav div.navleft3no				{ padding: 3px 0 3px 5px; border-bottom:  
1px solid #001F34; }
#sub-nav div.navleft3no a			{ color: #fff; }
/*#sub-nav div.navleft3act			{ background: transparent url('../img/arrow_nav.gif') no-repeat; background-position: 1px 7px;  padding: 3px  
0 3px 11px; }*/
#sub-nav div.navleft3act			{ padding: 3px 0 3px 5px; border-bottom:  
1px solid #F9B700; background: transparent url(../img/menu_hi.gif)  
repeat-y;    }
#sub-nav div.navleft3act a			{ color: #F9B700; }

/* level 4 */
#sub-nav div.navleft4no				{ padding: 3px 0 3px 13px; border-bottom:  
1px solid #001F34; }
#sub-nav div.navleft4no a			{ color: #fff; }
/*#sub-nav div.navleft3act			{ background: transparent url('../img/arrow_nav.gif') no-repeat; background-position: 1px 7px;  padding: 3px  
0 3px 11px; }*/
#sub-nav div.navleft4act			{ padding: 3px 0 3px 13px; border-bottom:  
1px solid #F9B700; background: transparent url(../img/menu_hi.gif)  
repeat-y;    }
#sub-nav div.navleft4act a			{ color: #F9B700; }


/* ARROWS */
#sub-nav div.navleft3no a,
#sub-nav div.navleft4no a {
	background: transparent url('../img/arrow_nav.gif') no-repeat;
	background-position: 0;
	padding: 0 0 0 9px;	
}

#sub-nav div.navleft3act a,
#sub-nav div.navleft4act a {
	background: transparent url('../img/arrow_nav_yellow.gif') no-repeat;
	background-position: 0;
	padding: 0 0 0 9px;	
}


/** CLASSES ***/


.clear { clear:both; } 




.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}




/*** FORMS ***/

input {
    font-size: 1em;
    border: 1px solid #333;
}
textarea {
    font-size: 1em;
    border: 1px solid #333;
}

select {
    font-size: 1em;
    font-family: Verdana, Arial, sans-serif;
    border: 1px solid #333;
}


/*** TYPO3 FORM ***/

form,
form#mailform,
div.csc-mailform,
fieldset {
	padding:0;
	margin:0;
	overflow:hidden;
}


div.csc-mailform-field {
	position:relative;
	padding:0;
	margin:0;
	overflow:hidden;
}

div.csc-mailform-field label {
	clear:left;
	display:block;
	width:120px;
	text-align:left;
  	float:left;
	margin: 4px 0;
	padding:1px;
	overflow:hidden;
}

#mailformsubmit {
	clear:both;
	margin-left:110px;
}


div.csc-mailform-field input,
div.csc-mailform-field textarea,
#mailformscols {
	display:block;
	float:left;
	margin: 4px 0 ;
	font: 9px Verdana, Arial;
	padding:1px;
	overflow:hidden;
}

fieldset {border:0; padding:0; margin:0;}

form { clear:both; }


/*** HEADER ***/

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}


h1, h2{
	padding: 8px 0 2px 0;
	margin:0;
	font-size:1.4em;
}

h3,h4,h5,h6{
	font-size:1.1em;
}

h4 {
	border-top: 1px solid #dedede;
	margin: 25px 0 12px 0;
}


h3 {
	padding: 2px 0 0 0;
	margin:0;
	line-height: 125%;	
}




.download {
    text-decoration: none; 
	padding: 2px 0 2px 19px;	 
	background: url(../img/pdf.gif) 0px 1px no-repeat; 
	color: #000000; 
}

.news-list-item {
	border-bottom: 1px solid #ccc;
}
.news-list-morelink {
	text-align: right;
	margin:0;
}


.product_icons {
  position:absolute; 
  top:10px; 
  right:0px;
}


/**************************** SLIDE SHOW START ***********************************/


#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:500px;
	height:110px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}



/**************************** TYPO3 EIGENE STYLES ***********************************/





p.news-single-author,
p.news-single-author a {
	margin:0;
	padding:0;	
}


p.clearer {
	color:#fff;
	height:0;
}



h3.csc-searchResultHeader { margin:0; padding: 15px 0 0 0; }
p.csc-searchResult { margin:0; padding: 2px 0; }