/* === TEMPLATE === */

/* === CSS NEU === */

body {
	margin:0;
	padding:0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #000;
	background: url('../grafik/bg_1.png') repeat-y #FFF;
	line-height: 160%;
	} 

td {
	line-height: 160%;
	font-size: 11px;
}


p {
	line-height: 160%;
	margin: 0;
	}


a { text-decoration: none; color:#2B4669; }
a:visited {text-decoration: none}
a:link {text-decoration: none}
a:hover {text-decoration: underline}

a img { border:0; }

h1#root {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #F5F5F5; 
	margin: 0; 
	padding:0 0 12px 0;
	letter-spacing: 0;
	position: absolute;
	top:165px;
	left: 260px;
	}
	
#root h1 {
float:right;
font-size: 16px;
color: #F5F5F5;
	margin: 0; 
	padding:0 0 12px 5px;
display:inline;	
}
	
h6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #F5F5F5; margin-left: 10px; margin-bottom: 10px; letter-spacing: 1px}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #36557C; background-color: #DEE4F5; padding-left: 5px; border-style: none}
h5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #36557C; background-color: #EFEFF7; padding-left: 5px; border-style: none}


form {margin: 0;}

input { 
	background: #FFFFFF; 
	border: 1px solid; 
	border-color: #006699 #B2BEDA #B2BEDA #006699
	}

.send {
	background-color: #B2BEDA; 
	border: 1px solid; 
	font-size: 11px; 
	border-color: #B2BEDA #006699 #006699 #B2BEDA
	}


h2 {
	font-size: 12px;
	background-color: #DEE4F5;
	padding: 0 0 0 3px;
	margin:0 0 10px 0;
	}
	
h2 a, h2 a {
	color:#2B4669;
	text-decoration: none;
	}
	
h3 {
	font-size: 13px;
	color: #000;
	margin:0 0 10px 0;
	padding:0;
}	

.menu {
	margin:0;
	padding:0;
}

.menu li {
	padding: 0;
	margin:0;	
	list-style-type: none;
}

.menu li a {
	background: url('../grafik/pfeil.gif') no-repeat;
	background-position: 2px;
	padding: 0 0 0 10px;
	margin:0;
}


.clear {
	clear: both;
	}
	
/* === TEMPLATE === */

#header img {
	display: block;
}

#header {
	background: url('../grafik/bg_2.png') repeat-x #FFF;
	display: block;
	height: 188px;
}

#header #menu1 {
	background: url('../grafik/bg_3.png') repeat-y;
	display: block;
	width: 250px;
	height:88px;
	text-align:right;
	float:left;
}

#header #menu2 {
	float:left;
	width: 530px;
}

#header #menu1 a, #header #menu2 a {
	display: block;
	padding:3px 7px 4px 7px;
	float: right;
	border: 1px solid #6288af;
	border-width: 1px 1px 1px 0;
	background:#36557c;
	color: #FFF;
	width: auto;
}

#header #menu2 a {
	float: left;
	width: auto;
}

#header #menu1 a.active,  #header #menu2 a.active {
	background:#839FC0;
}

.banner {
	width: 250px;
	text-align:right;
	position:relative;
	z-index:999;
}

.banner img {
	margin: 0 10px 20px 0;
}


.banner h3 {
	background:#B2BEDA;
	font-size: 11px;
	color: #000;
	margin:0;
	padding: 2px 15px 2px 0;
}

form.banner input, form.banner select, form.banner div {
	margin: 0 10px 3px 0;
}

form.banner input.send {
margin: 5px 15px 0 0;
}


#content {
position: absolute;
width: 530px;
top:212px;
left: 260px;
}

#menu3 {
	width: 236px;
	background: #bac7d8;
	color:#2b4669;
	text-align:right;
	padding: 2px 14px 4px 0;
}

#menu3 a {
	color:#2b4669;
}
	
#sub-menu {
	margin: 19px 0 0 0;
	padding:0;
	text-align:right;
	width: 250px;
	font-weight: bold;
}

#sub-menu li {
	list-style-type: none;
	font-size: 11px;
	margin:0;
	}

#sub-menu li.sub1, #sub-menu li.sub1active {
	background: url('../grafik/submenu1.gif') no-repeat;
	background-position: right 1px;
	padding: 2px 31px 2px 0;
}

#sub-menu li.sub1active {
	background: url('../grafik/submenu1aktiv.gif') no-repeat #B2BEDA;
	background-position: right 1px;
}

#sub-menu li.sub2, #sub-menu li.sub2active {
	background: url('../grafik/submenu2.gif') no-repeat;
	background-position: right;
	margin: 0 31px 0 0;
	padding: 0 9px 0 0;
	font-weight: normal;
}

#sub-menu li.sub2active {
	margin: 0;
	background: #BAC7D8;
}

#sub-menu li.sub2active a {
	background: url('../grafik/submenu2aktiv.gif') no-repeat #BAC7D8;
	background-position: right;
	margin: 0 22px 0 0;
	padding: 0 9px 0 0;
}

#sub-menu li.sub3, #sub-menu li.sub3active {
	background: url('../grafik/submenu3.gif') no-repeat;
	background-position: right;
	margin: 0 41px 0 0;
	padding: 0 9px 0 0;
	font-weight: normal;
	font-size: 10px;
}

#sub-menu li.sub3active {
	margin: 0;
	background: #BAC7D8;
}

#sub-menu li.sub3active a {
	background: url('../grafik/submenu3aktiv.gif') no-repeat #BAC7D8;
	background-position: right;
	margin: 0 32px 0 0;
	padding: 0 9px 0 0;
}

.print {
margin: 10px 0 0 0;
text-align: right;
}

a.download, span.download {
	background: url('/typo3conf/ext/tt_products/pi/pdf_ico.gif') no-repeat;
	background-position: 0;
	padding: 5px 0 0 18px;
	margin: 8px 0 0 0;
	}


.col1 {
float:left;
width: 260px;
}

.col2 {
float:right;
width: 260px;
}

.sitemap {
margin:0;
padding:0;
}

.sitemap  li {
list-style-type: none;
margin:0;
padding:0;
}

.sitemap .sub1 {
	background: #BAC7D8;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 2px;
	display: block;

}

.sitemap .sub2 {
	background: url('../grafik/pfeil.gif') no-repeat;
	background-position: 0 5px;
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
}

.sitemap .sub3 {
	margin: 0 0 0 10px;
}

.sitemap .sub4 {
	margin: 0 0 0 30px;
}

#contentbox {
	background: url('../grafik/bg_4.png') repeat-y;
	width: 530px;
}

#contentbox #col1 {
float:left;
width: 375px;
}

#contentbox #col2 {
float:right;
width: 140px;
}

/* === NEWS === */

.news-latest,
.news-list {
	width:515px;
	margin: 10px 0 0 4px;
}

.ratio {
	width:370px;
	margin: 5px 0 0 0;
}

.ratio h5 {
	font-size: 12px;
	padding: 0 0 0 3px;
	margin: 0 0 5px 0;
}

.news-latest .news-item .image {
	float: left;
	width: 105px;
	text-align: center;
}




.news-latest .news-item .shorttext {
	float: right;
	width: 400px;
}

.ratio .news-item .image {
	float: left;
	width: 115px;
	text-align: left;
}

.news-latest .news-item .shorttext a {
	margin: 5px 0 0 0;
}

.news-list .news-item .shorttext {
	float: left;
	width: 405px;
}

.ratio .news-item .shorttext {
	width: 245px;
}

.ratio a {
	display: block;
	background: url('../grafik/pfeil.gif') no-repeat;
	background-position: 2px 5px;
	padding: 0 0 0 7px;
	margin: 10px 0 0 0;
	}
	
.ratio h3 a {
	display: block;
	background: none;
	padding: 0;
	margin: 0;
	}

.news-list .news-item .image {
	float: right;
	width: 105px;
	text-align: center;
}

.ratio .news-single-img {
display:block;
width:370px;
text-align:center;
}

.ratio .news-single-img a {
background:none;
padding:0;
}


.ratio .back a {
background:none;
padding:0;
}


.news-list .news-item ul {
	margin: 10px 0 0 0;
	padding: 0;
}

.news-list .news-item li {
	margin: 0 5px 0 0;
	padding: 0 0 0 5px;
	float: left;
	list-style-type: none;
	font-size: 10px;
	background: url('../grafik/trennstrich.png') no-repeat;
	background-position: 0 4px;
	width: auto;
}

.news-list .news-item li.first {
	padding:0;
	background: none;
}

.news-item {
	margin: 0 0 20px 0;
}

/* === PRODUCTS === */

.product-list, .product-single {
	width: 370px;
	}
	
.product-item {
	background: url('../grafik/product-list-bg.png') repeat-y;
	margin:0 0 20px 0;
	}

.product-item img {
	float: left;
	}

.product-item div {
	float: right;
	width: 200px;
	margin: 0 0 0 9px;
	}
	
.product-item div a {
	display: block;
	background: url('../grafik/pfeil.gif') no-repeat;
	background-position: 2px 5px;
	padding: 0 0 0 7px;
	margin: 10px 0 0 0;
	}

.product-item div a.download, .product-single a.download {
	display: block;
	background: url('/typo3conf/ext/tt_products/pi/pdf_ico.gif') no-repeat;
	background-position: 0;
	padding: 5px 0 0 18px;
	margin: 8px 0 10px 0;
	}

.product-single .back {
	margin: 20px 0 0 0;
	display: block;
	}

.product-single p {
	margin: 0;
}

.product-single ul {
	margin: 10px 0 0 20px;
	padding: 0;
}


.product-single .image {
	margin: 0 0 10px 0;
	text-align: center;
	
	}


/* ======================================== */

.banner {
margin: 20px 5px 0 0;
}

.req { font-size: 10px; color:#ff0000;}

.content {margin-left: 10px}
.content2 {line-height: normal}

.hauptmenu {border-color: #6288af; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px}
.hauptmenulink {font-size: 11px; color: #FFFFFF}
.hauptmenu_links {border: 1px #6288af solid}

.indent {text-indent: 0}

.menu_aktiv {font-weight: bold; border-style: none; font-size: 10px}

.produkt {font-size: 11px; line-height: 16px}

.related {font-size: 10px; line-height: 12px}

.tx-newloginbox-pi1 form {
	padding-top:20px;
}

/* ======================================== */

.tx-seminar-pi1-listrow table {
margin:0;
padding:0;
width: 100%;
}

.tx-seminar-pi1-listrow td {
	vertical-align: top;
	border-bottom: 1px solid #8D8D8D;
	padding: 0 10px 0 0;
}

.tx-seminar-pi1-listrow td a {
	font-weight: bold;
	white-space: nowrap;
	background: url('../grafik/pfeil.gif') no-repeat;
	background-position: 0 3px;
	padding: 0 0 0 6px;
}

.tx-seminar-pi1-listrow th {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #36557C; 
	background-color: #EFEFF7; 
	padding-left: 5px;
	text-align: left; 
	}