/*------------------------------------------------------------------
	[Master Stylesheet]
	Project:		signpoint.de
	Company: 		Studio B12, NetResults
	Internet:		www.studiob12.de www.netresults.de
	Author: 		Jürgen Pietschmann, Alexander Maier
	E-Mail:			info@netresults.de
	Created:		01.04.2010

	[Colors]
	Body BG:		#b3c2c5
	Body Color:		
	Theme Color:	#002f5d
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
 GENERIC
 ------------------------------------------------------------------*/
body {
	font-family: Arial;
	font-size: 11px;
	color: #002f5d;
	line-height: 120%;
	background: #b3c2c5;
	letter-spacing: 0.2px;
}

hr, hr.clearer {
	background: url(../images/blank.gif);
	background-color: transparent;
	border: none;
	height: 1px;
}


h1 {
	font-size: 14px;
	font-weight: bold;
	padding-right: 30px;
	display: inline;
	background: #f4f5f7;
}

#main-wrapper-subpages .csc-header {
	display: block;
	background: url(../images/h1-bg.gif) repeat-x 0px 8px;
	padding-bottom: 20px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0px;
}

a {
	text-decoration: none;
	color: #002f5d;
}

a:hover {
	text-decoration: underline;
}

p {
	padding: 0px 0px 5px 0px;
}

#background {	
	height: 100%;
	position: absolute;
	top: 90px;
	width: 100%;
	display: block;
}


#header-wrapper, #main-wrapper, #footer-wrapper, #main-wrapper-subpages {
	width: 950px;
	padding: 0px 5px;
	margin: 0 auto;
	position: relative;
}

#spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	background: url(../images/spinner.gif) no-repeat;
	width: 70px;
	height: 64px;
	
}

#wrapper {
	position: absolute;
	margin: 0px auto;
	width: 100%;
	top: 0px;
}

 
/*------------------------------------------------------------------
 HEADER
 ------------------------------------------------------------------*/

#header {
	height: 120px;
	background: url(../images/header-bg.png) repeat-x top;
	font-size: 12px;
	position: relative;
	z-index: 100;
}

#header-left {
	width: 590px;
	height: 57px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 5px;
	padding-top: 60px;
}

#header-right {
	width: 360px;
	height: 120px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 5px;
}

#logo {
	text-align: right;
	padding-top: 14px;
	height: 45px;	
}

/*------------------------------------------------------------------
 SEARCH
 ------------------------------------------------------------------*/

#search {
	text-align: right;
	height: 30px;
}


#search input.form-input {
	border: none;
	line-height: 22px;
	height: 22px;
	width: 270px;
	background: url(../images/search-bg.png) no-repeat;
	padding-left: 15px;
	color: #a1a5c9;
	margin: 0px;
}
#search input.form-submit {
	border: 1px solid #d6d9e1;
	border-width: 0px 1px 0px 1px;
	padding: 0 0 3px 0;
	margin: 0px;
	height: 24px;
	width: 71px;
	line-height: 22px;
	background: url(../images/submit-bg.png) repeat-x;
	color: #043260;
	cursor: pointer;
	float: right;
	font-size: 11px;
	
	
}
#tx_indexedsearch input.form-input {
	border: none;
	line-height: 18px;
	height: 18px;
	width: 270px;
	padding-left: 5px;
	margin: 0px;
	font-size: 11px;
}
#tx_indexedsearch input.form-submit {
	border: 1px solid #d6d9e1;
	border-width: 0px 1px 0px 1px;
	padding: 0px;
	margin: 0px;
	height: 21px;
	width: 71px;
	line-height: 22px;
	background: url(../images/submit-bg.png) repeat-x;
	color: #043260;
	cursor: pointer;
	float: right;
}

.tx-indexedsearch-title {
	font-weight: bold;
}
.tx-indexedsearch-res DIV.tx-indexedsearch-res {
	border-bottom: 1px solid #CFD3DE;
	margin-bottom: 10px;
	
}

/*------------------------------------------------------------------
 NAVIGATION
 ------------------------------------------------------------------*/

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  	z-index: 100;
  	position: relative;
}
.nav li {
  	line-height: 30px;
  	float: left;
  	margin: 0;
  	padding: 0;
  	position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  	display: block;
  	padding: 0 10px 0 5px;
	text-decoration: none;
	
}

.nav li a:hover {
  	color: #fff;	
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  	color: #002f5d;
	background-color: #eeeff5;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  	color: #002f5d;	
	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  	color: #002f5d;	
}

.nav ul {
	list-style: none;
	margin: 0;
	padding: 18px 0 0 10px;
	position: absolute;
  	left: 0px;
	background-color: #eeeff5;
}
.nav li:hover ul,
.nav li.sfHover ul {
  	top: 29px;
  	background-color: #eeeff5;
  	display: none;
}
.nav li:hover ul li ul,
.nav li ul li ul,
.nav li.sfHover ul li ul {
	margin: 0 0 7px 15px;
	list-style-image: url(../images/naviDot.gif);
	padding: 0px;
	display: block;
	position: relative;
	top: auto;
}
.nav li ul li a {
	color: #002f5d;
	line-height: 25px;
}
.nav li ul li a:hover {
	background: url(../images/subMenuOver.gif) #eeeff5 no-repeat right;
}
.nav ul li {
  	float: none;
}
.nav ul li a {
	font-size: 11px;
}
.nav ul a {
  	white-space: nowrap;
}

.nav li ul li ul li a {
	line-height: 16px;	
} 
.nav li ul li ul li a:hover {
	background: url(../images/subMenuOverSmall.gif) #eeeff5 no-repeat right;
}

.menu-item-root {
	font-weight: bold;
}

.menu-item-bold {
	font-weight: bold;
}
ul.items-level-2 {
	height: 300px;
	z-index: 1000;
	padding-right: 10px;
	background-color: #f2f3f7;
	display: none;
}
li.first-level-2,
li.middle-level-2   {
	border-bottom: 1px solid #c7cdd9;
}


.addInfoContainer {
	width: 285px;
	height: 318px;
	background-color: #f2f3f7;
	position: absolute;
	z-index: 1000;
	margin-top: 89px;
	display: none;
	
}
.addInfoContent {
	margin: 5px 5px 5px 0;
	background-color: #c7cdd9;
	height: 259px;
	padding-top: 49px;
}
#addInfoImage {
	opacity: 0;
	width: 180px;
	height: 130px;
	margin-left: 49px; 
}
#addInfoText {
	color: #002f5d;
	margin-top: 5px;
	margin-left: 49px;
	width: 180px;
}
#footer-left ul {
	margin-left: 14px;
}
#footer-left li {
	display: inline;
	line-height: 30px;
}

#footer-left li.first, #footer-left li.middle, #header-left li.first, #header-left li.middle {
	background: url(../images/li-devider.gif) no-repeat right;
}

#footer-left li a, 
.nav li a.menu-item-root {
	padding: 0px 16px 0px 14px;
}

#footer-left li.first a {
	padding-left: 0px;
}

.breadcrumb {
	margin-bottom: 15px;
	margin-left: -2px; 
	padding-left: 0;
	
}
.breadcrumb a {
	font-weight: bold;
	
}

/*------------------------------------------------------------------
 CONTENT
 ------------------------------------------------------------------*/
#main-wrapper-subpages {
	line-height: 15px;
}

.internal-link-image img {
	margin-right: 10px;
}


#main-wrapper-subpages ul {
	background-color: #e2e5ea;
	list-style-image: url(../images/naviDot.gif);
	list-style-position: outside;
	margin-left: 0px;
	padding: 5px 5px 5px 18px;
	margin-top: 10px;
}

.formbutton{
	border: 1px solid #d6d9e1;
	border-width: 0px 1px 0px 1px;
	padding: 0px;
	margin: 0px;
	height: 21px;
	width: 71px;
	line-height: 22px;
	background: url(../images/submit-bg.png) repeat-x;
	color: #043260;
	cursor: pointer;
	font-size: 11px;	
}
#newsletter_form .input {
	border: 1px solid #eaebf0;
	width: 200px;
}
.frame-highlight {
	border: 2px solid #002F5D;
	margin: 10px 0;
}
#main-wrapper-subpages .frame-highlight ul {
	margin-top: 0px;
}
/*------------------------------------------------------------------
 CONTENT TEASER
 ------------------------------------------------------------------*/
.tx-rtpageteaser-pi1 {
	margin-top: 30px;
}
.tx-rtpageteaser-pi1 .odd, 
.news-list-container .odd {
	margin-right: 16px;
} 
.teaser-box {
	background-color: #eaebf0;
	border: 1px solid #fff;
	width: 440px;
	height: 195px;
	float: left;
	margin-bottom: 16px;
}
.teaser-box-content {
	margin: 14px 12px 14px 12px;
	padding: 13px 0 13px 0; 
	border-top: 1px solid #cfd3de;
	border-bottom: 1px solid #cfd3de;
	overflow: hidden;
	height: 140px;
}
.teaser-more-link {
	position: absolute;
	margin-left: 220px;
	margin-top: 145px;
	background: url(../images/contentLinkArrow.gif) no-repeat 0px 4px;
	padding-left: 17px; 
}
.teaser-abstract {
	float: right;
	width: 210px;
	
}
.teaser-image {
	float: left;
	border: 1px solid #002F5D;
}
.teaser-image img {
	display: block;
}
.teaser-title {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}


/*------------------------------------------------------------------
 CONTENT FLEX Elemente
 ------------------------------------------------------------------*/
.twoCol-box {
	margin: 30px 0;
	border-bottom: 1px solid #cfd3de;
	padding-bottom: 30px;
	overflow: hidden;
	
} 
.twoCol-box-leftSidebar {
	margin: 15px 0;
	border-bottom: 1px solid #cfd3de;
	padding-bottom: 20px;
	overflow: hidden;
	border: none;
} 
.twoCol-box .colOne {
	margin-right: 30px;
	width: 400px;
	float: left;
	position: relative;
	min-height: 350px;
}
.twoCol-box .colTwo {
	border-top: 1px solid #cfd3de;
	padding-top: 18px;
	width: 460px;
	float: right;
}

.twoCol-box-leftSidebar .colSidebar {
	width: 245px;
	float: left;
	position: absolute;
}
.twoCol-box-leftSidebar .colBig {
	border-top: 1px solid #cfd3de;
	padding-top: 18px;
	padding-bottom: 18px;
	width: 615px;
	float: right;
}




/*------------------------------------------------------------------
 CONTENT PRODUCT ARTEFACTS
 ------------------------------------------------------------------*/

.product-item {
	position: absolute;
}

.product-image {
	padding: 0;
	overflow:hidden;
	margin: 0;
}
.product-image a {
	line-height: 0px;
	display: block;
}

.product-download-title {
	background: url(../images/product-controller-bg.gif) repeat-x;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding-left: 10px;
	position: absolute;
}

.product-download-link	{
	text-decoration: underline;
	background: url(../images/pdf-icon.gif) no-repeat center left;
	padding-left: 16px;
}

.product-download-link:hover	{
	text-decoration: none;
}

.artefacts-controller {
	background: url(../images/product-controller-bg.gif) repeat-x;
	height: 20px;
	z-index: 100;
	position: absolute;
	right: 0px;
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
}


.artefacts-boempel {
	margin: 8px 5px 0px 0px;
	cursor: pointer;
}


/*------------------------------------------------------------------
 CONTENT cFloat Elements
 ------------------------------------------------------------------*/

DIV.float-bg {
	background-color: #e2e5ea;
}

DIV.tx_cfloat_first, .tx_cfloat_middle, .tx_cfloat_last {
      float: left;
      display: block;
      margin-right: 7px;
	  margin-bottom: 7px;
      padding-left: 0px;
}

DIV.tx_cfloat_middle {
    margin-left: 6px;					
}

DIV.tx_cfloat_last {
    margin-left: 7px;
    border-right: 0px;
	margin-right: 0;
}

DIV.tx_cfloat_end {
    clear: left;
	height: 0px;
	
}

DIV.float-bg-box {
	padding: 27px 10px;
	background-color: #EAEBF0;
	border: 1px solid #ffffff;
	position: relative;
}

DIV.float-bg-box .bg-box-innerborder-top {
	border-top: 1px solid #CFD3DE;
	top: 14px;
	position: absolute;
	height: 1px;
	z-index: 999;
	overflow: hidden;
	
}
DIV.float-bg-box .bg-box-innerborder-bottom {
	border-top: 1px solid #CFD3DE;
	bottom: 14px;
	position: absolute;
	height: 1px;
	z-index: 999;
	overflow: hidden;
}
DIV.float-bg-box img {
	border: 1px solid #f1f2f4;
}
DIV.float-bg-box h1 {
	background: none;
	font-size: 11px;
	margin-bottom: 5px;
	display: block;
}


/*------------------------------------------------------------------
 NEWS
 ------------------------------------------------------------------*/
/* News Latest Startseite */

#main-wrapper .csc-header h1 {
	background: none;
}
#main-wrapper .csc-header {
	margin-bottom: 10px;
}
.news-latest-title-box {
	overflow: hidden;
	height: 1%;
}
.news-latest-title-box h2 {
	width: 270px;
	float: left;
	font-weight: normal;
	font-size: 11px;
	padding-top: 0px;
}
.news-latest-title-img {
	float: right;
	width: 25px
}
.news-latest-item div.first,
.news-latest-item div.middle {
	border-bottom: 1px solid #cfd3de;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/* News Single */

.news-single-item {
	overflow: hidden;
}
.news-single-leftBox {
	float: left;
	width: 250px;
}
.news-single-rightBox {
	float: right; 
	width: 610px;
	border-top: 1px solid #cfd3de;
	padding-top: 10px;
}
.news-single-subheader {
	margin-bottom: 30px;
}
.news-single-backlink {
	margin-top: 10px;
	margin-bottom: 30px;
	background: url(../images/contentLinkArrow.gif) no-repeat 0px 3px;
	padding-left: 17px; 
}


/*------------------------------------------------------------------
 STARTPAGE
 ------------------------------------------------------------------*/

#main {
	min-height: 550px;
	height:auto !important;
	height:550px;
	position: relative;
	z-index: 50;
}

#main-wrapper-subpages {	
	min-height: 500px;
	margin-top: -50px;
	background: url(../images/main-wrapper-subpages-bg.png) repeat-y;
	padding: 45px 30px 60px 30px;
	width: 900px;
	overflow: hidden;
}


#welcome-text {
	width: 415px;
	position: absolute;
	padding: 30px;
	min-height: 90px;
	background: url(../images/box_bg_grauweiss.png) repeat-x top;
	
	border-top: 1px solid #f0f1ef;
	border-right: 1px solid #c3c6cd;
	border-left: 1px solid #e8e9eb;
	border-bottom: 1px solid #b1b4ba;
	
}


#news-box {
	width: 325px;
	min-height: 160px;
	background: url(../images/box_bg_grauweiss.png) repeat-x bottom;
	position: absolute;
	right: 5px;
	border-top: 1px solid #f0f1ef;
	border-right: 1px solid #c3c6cd;
	border-left: 1px solid #e8e9eb;
	border-bottom: 1px solid #b1b4ba;
	padding: 20px;
}

#news-box p a.more-link {
	float: right;
	padding-left: 20px;
}


/*------------------------------------------------------------------
 FOOTER
 ------------------------------------------------------------------*/

#footer {
	height: 100px;
	position: relative;
	background: url(../images/footer-bg.png) repeat-x;
	font-size: 12px;
	z-index: 60;
	margin-top: -70px;
	
}
#page-teaser a{
	color: #fff;
}

#page-teaser {
	width: 325px;
	height: 59px;
	background: url(../images/box_bg_blau.png) repeat-x;
	position: absolute;
	right: 5px;
	top: -30px;
	z-index: 10;
	color: #FFFFFF;
	padding: 20px;
	overflow: hidden;
	font-size: 11px;
	border-right: #5c81a6 1px solid;
	border-left: #5c81a6 1px solid;
	border-top: #5c81a6 1px solid;
}

#page-teaser-title {
	position: absolute;
	font-weight: bold;
	margin-left: 14px;
}

#footer-left {
	width: 590px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 5px;
	padding-top: 70px;
}

#footer-right {
	width: 360px;
	height: 30px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 5px;
	padding-top: 70px;
	text-align: right;
	line-height: 30px;
}

#footer-right a {
	margin-right: 5px;
}

#footer-right a img {
	margin-top: 7px;
}

.boempel-next {
	margin-left: 15px;
	cursor: pointer;
}

.boempel-previous {
	margin-right: 20px;
	cursor: pointer;

}

a.boempel-previous { 
	padding-right: 15px;
}