/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	BASIC CSS / MATESO Password Safe
	November 2009 / S2 INTERMEDIA GmbH / Roland Stern; Benno Weinzierl; Alexander Buch
	$Id: basic.css 11701 2011-10-19 16:56:54Z ms $
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Global
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*,
html,
body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6f7072;
}

div{
	text-align: left;
}

* {
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
}

body {
    *behavior: url("typo3conf/ext/s2_template/base/css/csshover3.htc");
}

a{
	color: #5393B9;
	text-decoration: none;	
}
a:hover{
	text-decoration: underline;
}

ul{
	margin-left: 15px;
}

div#typo3-previewInfo{
	right: 100px!important;
	top: 4px!important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body{
	background-image: url(../gfx/bg_body_complete.gif);
	background-repeat: repeat-x;
	background-position: center 0px;
}

div#global-wrap{
	text-align: center;
	background-image: url(../gfx/bg_global_wrap.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	+*min-height: 600px;
}
div.global-small-header{
	background-image: url(../gfx/bg_global_wrap_small.gif)!important;
}
div.global-no-header{
	background-image: none!important;
}

div.global-zone{
	margin: auto;
	width: 951px;
	padding: 0px 0px 0px 0px;

	min-height: 400px;
	*height: 400px;
}

div#content-wrap{
	border-top: 1px solid #FFFFFF;
}

div.claim-zone{
	height: 350px;
	overflow: hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.header-zone{
	position: relative;
	height: 128px;
	overflow: hidden;
}
div.logo-zone{
	position: absolute;
	top: 0px;
	left: 601px;
	width: 350px;
	height: 128px;
	z-index: 10;	
	overflow: hidden;
}
img.logo{
	margin-top: 33px;
	margin-left: 133px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Social Media
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.social-media {
	top: 109px;
	display: block;
	position: absolute;
	right: 243px;
	width: 145px;
	z-index: 999;
	height: 24px;
}

.social-media a {
	float: left;
	height: 24px;
	width: 45px;
}

a.icon-youtube {
	background-image: url(../gfx/icons/icons_socialmedia.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 24px;
	width: 45px;
}

a.icon-youtube:hover {
	background: url(../gfx/icons/icons_socialmedia_hover.png) no-repeat 0 -1px;
	height: 24px;
	width: 45px;
}

a.icon-twitter {
	background-image: url(../gfx/icons/icons_socialmedia.png);
	background-repeat: no-repeat;
	background-position: -45px 0px;
	position: absolute;
	left: 45px;
	height: 24px;
	width: 45px;
}
a.icon-twitter:hover {
	background: url(../gfx/icons/icons_socialmedia_hover.png) no-repeat -45px -1px;
	height: 24px;
	width: 45px;
}

a.icon-facebook {
	background-image: url(../gfx/icons/icons_socialmedia.png);
	background-repeat: no-repeat;
	background-position: -92px 0px;
	position: absolute;
	left: 90px;
	height: 24px;
	width: 45px;
}
a.icon-facebook:hover {
	background: url(../gfx/icons/icons_socialmedia_hover.png) no-repeat -92px -1px;
	height: 24px;
	width: 45px;
}
.plus-one-button {
	position: absolute;
	top: 35px;
	left: 0px;
	overflow: hidden;
	width: 50px;
	height: 20px;
}

.plus-one-mask {
	position: absolute;
	top: -40px;
}

.fb-like-button {
	position: absolute;
	top: 10px;
	left: 0px;
	overflow: hidden;
	width: 92px;
	height: 22px;
}

.fb-like-mask {
	position: absolute;
	top: -42px;
}

.tx-s2pwsproducts-header-packshot-zone {
	position: relative;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation // Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-main-zone{
	float: left;	
	width: 554px;
	height: 47px;
	overflow: hidden;
}

div.navigation-main-zone ul,
div.navigation-main-zone ul li{
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	list-style: none;
}

div.navigation-main-zone ul li{
	margin-right: 2px;
}

div.navigation-main-zone ul li.main-last{
	margin-right: 0px;
}

div.navigation-main-zone ul li a{
	background-image: url(../gfx/bg_navigation_main_hover.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6f7072;
	text-decoration: none!important;
	text-align: center;
	background-color: #FFFFFF;
	padding: 13px 0px 0px 0px;	
	width: 109px;
	height: 34px;
	display: block;
	line-height: 14px;
}

div.navigation-main-zone ul li a:hover{
	background-position: 0px -48px;	
	color: #FFFFFF;
}

div.navigation-main-zone ul li a:hover *{
	color: #FFFFFF;
}

div.navigation-main-zone ul li a.main-active{
	background-position: 0px -48px;	
	color: #FFFFFF;
}

div.navigation-main-zone ul li a.main-active *{
	color: #FFFFFF;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Ebene // 2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.navigation-sub-1{
	display: none!important;
	position: absolute;
	top: 47px;
	left: 0px;
	width: 553px;
	height: 67px;
	z-index: 100;
	border-top: 2px solid #EAEAEA;
	padding-top: 12px!important;

	background-image: url(../gfx/bg_navigation_main_sub.gif);
	background-repeat: repeat-x;
}
div.navigation-main-zone ul li:hover ul.navigation-sub-1{
	display: block!important;
}
div.navigation-main-zone ul li.main-first ul.navigation-sub-1{
}
ul.navigation-sub-1 li a{
	background-color: transparent!important;
	background-image: url(../gfx/bg_navigation_main_sub_point.gif)!important;
	background-repeat: no-repeat!important;
	background-position: 1px -21px!important;
	color: #FFFFFF!important;
	display: block!important;
	font-weight: normal!important;
	height: auto!important;
	line-height: normal!important;
	padding: 1px 15px 1px 15px!important;
	margin-left: 10px!important;
	text-align: left!important;
	width: 142px!important;
}
ul.navigation-sub-1 li a:hover,
ul.navigation-sub-1 li a.sub-1-active{
	color: #6F7072!important;
	background-position: 1px 5px!important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation // Service
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-service-zone{
	position: absolute;
	top: 103px;
	left: 0px;
	clear: both;
	width: 554px;
	height: 25px;
	z-index: 20;
	overflow: hidden;
}

div.navigation-service-zone ul,
div.navigation-service-zone ul li{
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	list-style: none;
}

div.navigation-service-zone ul li{
	margin-right: 7px;
	font-size: 10px;
	text-decoration: none;
	color: #6f7072;
}

div.navigation-service-zone ul li a{
	font-size: 10px;
	text-decoration: none;
	color: #6f7072;
}

div.navigation-service-zone ul li a:hover{
	text-decoration: underline;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation // Klickfpfad
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.klickpfad-zone li {
	background-image: url(../gfx/bg_breadcrumb_arrow.gif);	
	background-position: right 2px;
	background-repeat: no-repeat;
	padding-right: 10px!important;
	margin-right: 4px!important;
}

ul.klickpfad-zone li.klickpfad-last {
	background-image: none;
	font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation // Language
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-language-zone{
	position: relative;
	float: left;
	width: 160px;
	height: 47px;
	z-index: 20;
	overflow: hidden;
}

div.navigation-language-zone ul,
div.navigation-language-zone ul li{
	margin: 0px;
	padding: 0px;
	height: 11px;
	display: inline;
	float: left;
	list-style: none;
}

div.navigation-language-zone ul{
	margin-top: 12px;
	margin-left: 15px;
	margin-bottom: 9px;
}

div.navigation-language-zone ul li{
	margin-right: 7px;
}

div.navigation-language-zone ul li a{
}

div.navigation-language-zone ul li a:hover{
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation // Tab // Ebene 3
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-tab-zone{
	margin-top: 10px;
	margin-bottom: 48px;
	border-bottom: 1px solid #b4b5b9;
	height: 24px;
		position: relative;
}
div.navigation-tab-zone ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
		position: absolute;
		top: 0px;
}
div.navigation-tab-zone ul li{
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	list-style: none;
	border-bottom: 1px solid #b4b5b9;
}

div.navigation-tab-zone ul li.active,
div.navigation-tab-zone ul li:hover{
	border-bottom: 1px solid #FFFFFF;
}

div.navigation-tab-zone ul li a{
	display: block;
	padding: 3px 24px 3px 5px;
	border: 1px solid #dadada;
	background-image: url(../gfx/bg_navigation_tab.gif);
	background-position: right 0px;
	background-repeat: no-repeat;
	color: #6F7072;
}
div.navigation-tab-zone ul li.active a,
div.navigation-tab-zone ul li a.tab-active,
div.navigation-tab-zone ul li a:hover{
	border: 1px solid #b4b5b9;
	border-bottom: 1px solid #FFFFFF;
	background-position: right -24px;
	text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation // Content / Ebene 1
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.content-navigation-zone{
	margin-top: 20px;
}

div.content-navigation-zone div.navigation-item{
	display: inline;
	width: 307px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	float: left;
}
div.content-navigation-zone div.navigation-image{
	width: 307px;
	height: 130px;
	overflow: hidden;
	margin-bottom: 10px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation // List Content Left
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-list-zone{
	margin-bottom: 30px;
}

div.navigation-list-zone ul{
	margin: 0px;
	list-style: none;
	width: 229px;
}

div.navigation-list-zone ul li{
	margin: 0px;
	list-style: none;
	border-bottom: 1px solid #DADADA;	
}

div.navigation-list-zone ul li.list-first{
	border-top: 1px solid #DADADA;	
}

div.navigation-list-tt-news ul{
	border-top: 1px solid #DADADA;
}

div.navigation-list-zone ul li.list-active{
}

div.navigation-list-zone ul li a{
	display: block;
	padding: 6px 30px 6px 3px;
	background: #FFFFFF url(../gfx/bg_archiv_no.gif) no-repeat 203px center;
}
div.navigation-list-zone ul li a span{
	color: #5393B9;
}

div.navigation-list-zone ul li.list-active a{
	background: #F2F2F4 url(../gfx/bg_archiv_act.gif) no-repeat 203px center;
	
}

div.navigation-list-zone ul li a:hover{
	background: #F2F2F4 url(../gfx/bg_archiv_act.gif) no-repeat 203px center;
	text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation // List Content Left // Content Feature Template Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.content-feature-column-2{
	padding-top: 0px!important;
}

.content-feature-column-2 .navigation-list-future-zone ul li{
	position: relative;
	height: 48px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
}

.content-feature-column-2 .navigation-list-future-zone ul li img{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}

.content-feature-column-2 .navigation-list-future-zone ul li a{
	padding-left: 48px;
	height: 33px;
	padding: 15px 0px 0px 50px;
	position: relative;
	z-index: 2;
	display: block;
	background-color: transparent;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content Feature Template // Content Teaser Link
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.content-top-teaser{
	height: 163px;
	width: 951px;
	position: relative;
	margin-bottom: 20px;
	display: block;
	clear: all;
}

.content-top-teaser .tx-s2pwsproducts-atom-headerbutton-item{
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.content-teaser-top-link{
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content Feature Template // Content Feature Box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.left {
	float: left;
}

.right {
	float: right;
}

.content-feature-box-wrap {
	border-bottom: 1px solid #DADADA;
	margin-bottom: 25px;
	height: 129px;
}

.content-feature-box-image{
	margin-right: 10px;
}
.content-feature-box-text {
	padding: 35px 5px 5px 5px;
	width: 275px;
}
.content-feature-box-title{
	margin: 0px 0px 5px 0px;
}
.content-feature-box-description{
	line-height: 14px;
}

.content-feature-box-link{
	height: 129px;
	width: 188px;
	position: relative;
}

.content-feature-box-image-wrap{
	background: #F2F2F4 url(../gfx/bg_content_featurebox_link_image.jpg) no-repeat top right;
	height: 129px;
}

.content-feature-box-link img{
	margin: 5px 0px 0px 6px;
}

.content-feature-box-link-overlay a{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 112px;
	width: 188px;
	background: transparent url(../gfx/content_feature_box_link_overlay.png) no-repeat center;
	_background: transparent url(../gfx/content_feature_box_link_overlay.gif) no-repeat center;
}

.content-feature-box-link-overlay a:hover{
	text-decoration: none;
	background: none;
	
}

.content-feature-box-link-overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 112px;
	width: 188px;
	background: url(../gfx/clear.gif);
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EXT // macina_searchbox
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-macinasearchbox-pi1{
	clear: both;
	margin-left: 15px;
}

div.tx-macinasearchbox-pi1 input{
	margin: 0px;
	float: left;
}

div.tx-macinasearchbox-pi1 input.searchbox-sword{
	width: 115px;
	height: 13px;
	border: 1px solid #c0c0c1;
	font-size: 10px;
	padding: 0px 0px 0px 5px;
}

div.tx-macinasearchbox-pi1 input.button-submit{
	margin-left: 5px;
	padding: 0px;
	height: 15px;
	width: 15px;
	border: none;
	background-color: transparent;
	background-image: url(../gfx/passwordsafe_images.png);
	background-repeat: no-repeat;
	background-position: -1px -1px;
	cursor: pointer;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 EXT // s2_teaserbox
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.s2-teaserbox-wrap {
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 8px 4px 0px 8px;
    position: relative;
}

div.s2-teaserbox-zone {
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 10px;
	height: 142px;
	line-height: 13px;
}

/* Nicht nur für footer, da teaser auch im content vorkommen koennen
 div.footer-teaserbox-slideshow div.s2-teaserbox-zone{
 height: 142px;
 }
 */
div.s2-teaserbox-link-zone {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 251px;
    height: 162px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EXT // s2_teaserbox // Layouts
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* --- Alle --- */
div.s2-teaser-type-1,
div.s2-teaser-type-2,
div.s2-teaser-type-3,
div.s2-teaser-type-4,
div.s2-teaser-type-5{
	background-image: url(../gfx/bg_teaser_251_all.gif);
	width: 251px;
	height: 213px;
}

div.content-column-2 div.content-zone div.s2-teaser-type-1,
div.content-column-2 div.content-zone div.s2-teaser-type-2,
div.content-column-2 div.content-zone div.s2-teaser-type-3,
div.content-column-2 div.content-zone div.s2-teaser-type-4,
div.content-column-2 div.content-zone div.s2-teaser-type-5{
	float: left;
	margin-right: 54px;
}

div.content-column-1 div.content-zone div.s2-teaser-type-1,
div.content-column-1 div.content-zone div.s2-teaser-type-2,
div.content-column-1 div.content-zone div.s2-teaser-type-3,
div.content-column-1 div.content-zone div.s2-teaser-type-4,
div.content-column-1 div.content-zone div.s2-teaser-type-5{
	float: left;
	margin-right: 54px;
}

/* --- Standard --- */
div.s2-teaser-type-1{
	background-position: -264px 0;
}

/* --- Personal --- */
div.s2-teaser-type-2{
	background-position: -528px 0;
}

/* --- Professional --- */
div.s2-teaser-type-3{
	background-position: -792px 0;
}

/* --- Enterprise --- */
div.s2-teaser-type-4{
	background-position: -1056px 0;
}

/* --- Neutral --- */
div.s2-teaser-type-5{
	background-position: 0px 0px;
}



/* --- Alle - Gross --- */
/* --- Gr��e 634px;
div.s2-teaser-type-6,
div.s2-teaser-type-7,
div.s2-teaser-type-8,
div.s2-teaser-type-9,
div.s2-teaser-type-10{
	background-image: url(../gfx/bg_teaser_634_all.gif);
	width: 622px;
	height: 422px;
}
*/
div.s2-teaser-type-6,
div.s2-teaser-type-7,
div.s2-teaser-type-8,
div.s2-teaser-type-9,
div.s2-teaser-type-10{
	background-image: url(../gfx/bg_teaser_580_all.gif);
	width: 568px;
	height: 422px;
}

div.s2-teaser-type-6 div.s2-teaserbox-zone,
div.s2-teaser-type-7 div.s2-teaserbox-zone,
div.s2-teaser-type-8 div.s2-teaserbox-zone,
div.s2-teaser-type-9 div.s2-teaserbox-zone,
div.s2-teaser-type-10 div.s2-teaserbox-zone {
	height: 356px;
}

div.s2-teaser-type-6 div.s2-teaserbox-link-zone,
div.s2-teaser-type-7 div.s2-teaserbox-link-zone,
div.s2-teaser-type-8 div.s2-teaserbox-link-zone,
div.s2-teaser-type-9 div.s2-teaserbox-link-zone,
div.s2-teaser-type-10 div.s2-teaserbox-link-zone {
	height: 356px;
	width: 568px;
}
div.s2-teaser-type-6 div.s2-teaserbox-link-zone img,
div.s2-teaser-type-7 div.s2-teaserbox-link-zone img,
div.s2-teaser-type-8 div.s2-teaserbox-link-zone img,
div.s2-teaser-type-9 div.s2-teaserbox-link-zone img,
div.s2-teaser-type-10 div.s2-teaserbox-link-zone img {
	height: 376px;
	width: 568px;
}

div.s2-teaser-type-6{
	background-position: -635px 0;
}

/* --- Personal - Gross --- */
div.s2-teaser-type-7{
	background-position: -1270px 0;
}

/* --- Professional - Gross --- */
div.s2-teaser-type-8{
	background-position: -1905px 0;
}

/* --- Enterprise - Gross --- */
div.s2-teaser-type-9{
	background-position: -2540px 0;
}

/* --- Neutral - Gross --- */
div.s2-teaser-type-10{
	background-position: 0px 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EXT // s2_teaserbox // Slider
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.s2-teaserbox-slider-wrap{
	height: 220px!important;
	width: 951px!important;
}

div.s2-teaserbox-slider-handle-wrap{
	width: 951px!important;
}

div.s2-teaserbox-slider-item{
	width: 263px!important;
	margin-left: 27px!important;
	margin-right: 27px!important;
	overflow: hidden;
	display: inline;
}

a.s2-teaserbox-slider-handle-previous,
a.s2-teaserbox-slider-handle-next{
	height: 263px!important;
}
a.s2-teaserbox-slider-handle-next{
	margin-right: -1px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Startseite // Flash INTRO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#flash-intro-wrap{
	height: 350px;
	overflow: hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Footernavigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#footer-wrap{
	margin-top: 35px;
	padding-bottom: 10px;
}

div.footer-zone{
	border-top: 1px solid #DADADA;
	padding-top: 7px;
}

div.footer-right {
	width: 900px;
	float: right;
	text-align: right;
}

div.footer-right ul.navigation-footer{
	margin: 0px;
	list-style: none;
	color: #DADADA;
}

div.footer-right ul.navigation-footer li{
	list-style: none;
	border-right: 1px solid #DADADA;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	font-size: 9px;
	display: inline;
}

div.footer-right ul.navigation-footer li a{
	text-decoration: none;
	font-size: 9px;
	color: #6F7072;
}

div.footer-right ul.navigation-footer li a:hover{
	text-decoration: underline;
}

div.footer-right ul.navigation-footer li.copyright{
	border-right: none;
	padding-right: 0px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Textstyles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1{
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 27px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Textstyles // Link
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a.link-arrow{
	background-image: url(../gfx/but_link_light_gray.gif);
	background-position: left 0px;
	background-repeat: no-repeat;
	padding: 1px 0px 2px 20px;
	color: #6F7072;
	text-decoration: none;
}
a.link-arrow:hover{
	background-image: url(../gfx/but_link_gray.gif);
}
a.link-arrow-right{
	background-image: url(../gfx/but_link_light_gray.gif);
	background-position: right 0px;
	background-repeat: no-repeat;
	padding: 1px 20px 2px 0px;
	color: #6F7072;
	text-decoration: none;
}
a.link-arrow-right:hover{
	background-image: url(../gfx/but_link_gray.gif);
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#content-wrap{
	line-height: 16px;
}

div.csc-textpic{
	min-height: 1%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content // 1 Spaltig 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.content-column-1-padding{
	padding-top: 37px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content // 2 Spaltig
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.content-column-2{
	padding-top: 37px;
}
div.content-column-2 div.content-left-zone{
	float: left;
	width: 317px;	
}
div.content-column-2 div.content-left-zone div.content-left{
	margin-right: 10px;
	min-height: 100px;
}

div.content-column-2 div.content-zone{
	float: left;
	width: 634px;
}
div.content-column-2 div.content-zone div.content{
	min-height: 100px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content // 3 Spaltig
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.content-column-3{
	padding-top: 37px;
}

div.content-column-3 div.content-left-zone{
	float: left;
	width: 317px;
}
div.content-column-3 div.content-left-zone div.content-left{
	margin-right: 10px;
	min-height: 100px;
}

div.content-column-3 div.content-zone{
	float: left;
	width: 317px;
}
div.content-column-3 div.content-zone div.content{
	margin-left: 5px;
	margin-right: 5px;
	min-height: 100px;
}

div.content-column-3 div.content-right-zone{
	float: left;
	width: 317px;
}
div.content-column-3 div.content-right-zone div.content-right{
	margin-left: 10px;
	min-height: 100px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content // Produktkonfigurator
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.product-configurator div.content-bottom-zone{
	padding-top: 3px;
	clear: both;
}
div.product-configurator div.content-bottom-zone div.content-bottom{
	margin-left: 317px;
}
div.product-configurator div.content-bottom-zone div.s2-contentbox-1,
div.product-configurator div.content-bottom-zone div.s2-contentbox-2,
div.product-configurator div.content-bottom-zone div.s2-contentbox-3,
div.product-configurator div.content-bottom-zone div.s2-contentbox-4{
	margin-top: 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content // Produktdetail // 2 Spaltig
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.content-top-zone{
	height: 270px;
	overflow: hidden;
}
div.content-top{
	border-top: 1px solid #FFFFFF;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EXT: tt_news
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.news-list-container,
div.news-single-item{
}

div.news-single-backlink a,
span.news-list-morelink a{
	font-size: 10px;
}

/* LIST */
div.news-list-item{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DADADA;
}
div.news-list-item h2{
	margin-bottom: 2px;
}
div.news-list-item h2 a:hover{
	text-decoration: underline;
}
span.news-list-date {
	line-height: normal;
}
span.news-list-morelink{
	float: left;
}
span.news-list-morelink a:hover{
	text-decoration: underline;
}

div.news-list-image{
	float: right;
	margin-left: 19px;
	margin-bottom: 5px;
}
div.news-list-text{

}

/* SINGLE */
div.news-single-subheader{
	font-weight: bold;
}
div.news-single-image{
	float: right;
	margin-left: 19px;
}
.news-single-imgcaption{
	font-size: 10px;
}
.news-single-backlink{
	float: left;
}

/* AMENU 
	Siehe --> Navigation // List Content Left
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EXT: tt_news // Ansichten deaktvieren
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.news-list2-container,
div.news-list3-container{
	display: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EXT: tt_news // Page Browser
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-news-browse-zone{
}

div.navigation-news-browse-zone ul{
	margin: 0px;
	list-style: none;
}
div.navigation-news-browse-zone ul li{
	list-style: none;
	display: inline;
	margin-right: 2px;
}
div.navigation-news-browse-zone ul li a{
	border: 1px solid #FFFFFF;
	padding: 1px 3px 1px 3px;
}
div.navigation-news-browse-zone ul li a:hover{
	border: 1px solid #DADADA!important;
	text-decoration: none;
}
div.navigation-news-browse-zone ul li.navigation-news-browse-active a{
	border: 1px solid #5393B9;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EXT: tt_news // lonewsdownloads
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.news-list-link-zone{
	clear: right;	
}
div.news-single-link-zone{
	
}

div.news-download-list{
	text-align: right;
	display: block;
	float: right;
}
div.news-download-list ul{
	margin: 0px;
	list-style: none;
	float: left;
}
div.news-download-list ul li{
	margin: 0px 0px 0px 5px;
	list-style: none;
	display: inline;
	font-size: 10px;
}
div.news-download-list a{
	text-transform: uppercase;
	font-size: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EXT: powermail // kontaktformular
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.fieldset{
	background-color: #F2F2F4;
	padding: 8px 10px 10px 10px;
}

.legend{
	margin: 0px 0px 13px 0px;
	font-weight: bold;
}

div.tx_powermail_pi1_fieldwrap_html_check,
div.tx_powermail_pi1_fieldwrap_html_select,
div.tx_powermail_pi1_fieldwrap_html_textarea,
div.tx_powermail_pi1_fieldwrap_html_text{
	margin-bottom: 13px;
	clear: both;
}

div.fieldset select,
div.fieldset textarea,
div.fieldset input{
	width: 278px;
	padding: 3px 3px 3px 3px;
	border: 1px solid #DADADA;
	font-size: 10px;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

div.fieldset select{
	width: 287px;
	padding: 2px 0px 2px 3px;
	border: 1px solid #DADADA;
	font-size: 10px;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

div.fieldset textarea{
	height: 85px;
	overflow: auto;
}

div.fieldset label{
	
}

div.tx_powermail_pi1_fieldwrap_html_radio{
	margin-bottom: 20px;
}

.powermail_check_inner,
.powermail_radio_inner{
	margin-bottom: 7px;
}

.powermail_check_inner {
	float: left;
	clear: left;
	margin-left: 170px;
}

div.fieldset .no-border input{
	width: auto;
	margin: 0px 8px 0px 0px;
	border: none;
	float: left;
	clear: left;
}

#submit-button{
	background: #DADADA url(../gfx/bg_button.jpg) repeat-y right center;
	padding: 5px 15px 5px 15px;
	width: auto;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	*overflow: visible;
}

.powermail_mandatory{
	margin-left: 5px;
}

.validation-advice{
	color: red;
}

.right{
	float: right;
}



div.tx-powermail-pi1_mandatory{
	background-color: #F2F2F4;
	padding: 8px 10px 10px 10px;
}

div.tx-powermail-pi1_mandatory strong{
	font-weight: normal;
}

div.tx-powermail-pi1_mandatory ul{
	list-style: none;
	margin: 0px;
}

div.tx-powermail-pi1_mandatory ul li strong{
	color: red;
}

.label-width-170 label,
.label-width-170 .tx_powermail_pi1_fieldwrap_html_checkbox_title{
	float: left;
	width: 170px;
	display: block;
}

div.tx-powermail-pi1 a.tooltip-link{
	margin-left: 5px;
}

.readonly{
	background-color: #F2F2F2;
}

/* Formular Kontakt */
.form-contact {
	margin-top: 48px;	
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Styles / Tabellen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table.table-default{
	width: 100%;
	border-collapse: collapse;
}

tr.row-header td,
tr.row-odd td,
tr.row-even td{
	padding: 4px 8px 4px 8px;
	border: 1px solid #FFFFFF;
}

tr.row-header td{
	background-color: #c0c0c0;
	font-weight: bold;
	color: #FFFFFF;
}

tr.row-odd td{
	background-color: #f1f1f1;
}

tr.row-even td{
	background-color: #ebedec;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Styles / Icons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.icon-default{
	display: inline;
	margin-left: 5px;
}
.icon-download{
	
}
.icon-fileext{
}

.icon-rss{
	background-image: url(../gfx/icons/icon_rss_14x14.png);
	background-repeat: no-repeat;
	padding: 0px 0px 1px 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Styles / Listen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
dt {
	margin-bottom: 5px;
}
dd{
	margin-bottom: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EXT: index_search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-indexedsearch-path{
	border-bottom: 1px solid #DADADA;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div.tx-indexedsearch-res-item h1{
	margin-bottom: 10px;
}

div.tx-indexedsearch-res-item h1 span{
	float: left;
	font-weight: bold!important;
	margin-top: 0px!important;
}
span.tx-indexedsearch-percent{
	float: right!important;
}
span.tx-indexedsearch-result-number{
	margin-right: 5px;
}

div.tx-indexedsearch-res-item .tx-indexedsearch-icon{
	display: none;
}
.tx-indexedsearch-redMarkup{
	color: #F6A500!important;
}

div.tx-indexedsearch-res{
	border-top: 1px solid #DADADA;
	padding-top: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EXT: index_search // Page Browser
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-indexedsearch-browsebox{
	margin-bottom: 10px;
}

div.tx-indexedsearch-browsebox ul{
	margin: 0px;
	list-style: none;
}
div.tx-indexedsearch-browsebox ul li{
	list-style: none;
	display: inline;
	margin-right: 2px;
}
div.tx-indexedsearch-browsebox ul li a{
	border: 1px solid #FFFFFF;
	padding: 1px 3px 1px 3px;
}
div.tx-indexedsearch-browsebox ul li a:hover{
	border: 1px solid #DADADA!important;
	text-decoration: none;
}
div.tx-indexedsearch-browsebox ul li.tx-indexedsearch-browselist-currentPage a{
	border: 1px solid #5393B9;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content Boxen 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.s2-contentbox-1,
div.s2-contentbox-2,
div.s2-contentbox-3,
div.s2-contentbox-4{
	margin: 10px 0px;
	padding: 16px 10px 10px 45px;
	min-height: 34px;
	clear: both;
}
div.s2-contentbox-1 h1,
div.s2-contentbox-2 h1,
div.s2-contentbox-3 h1,
div.s2-contentbox-4 h1{
	margin-bottom: 10px;
}
div.s2-contentbox-1{
	background: #F4F5F6 url(../gfx/icons/icon_info.png) no-repeat scroll 8px 8px;
	border-bottom: 1px dotted #AAB4BE;
	border-top: 1px dotted #AAB4BE;
}
div.s2-contentbox-2{
	background: #FFFDEB url(../gfx/icons/icon_tip.png) no-repeat scroll 8px 8px;
	border-bottom: 1px dotted #FFC864;
	border-top: 1px dotted #FFC864;
}
div.s2-contentbox-3{
	background: #FFF5EB url(../gfx/icons/icon_warning.png) no-repeat scroll 8px 8px;
	border-bottom: 1px dotted #FFB4A0;
	border-top: 1px dotted #FFB4A0;
}
div.s2-contentbox-4{
	background: #F5FAEB url(../gfx/icons/icon_download.png) no-repeat scroll 8px 8px;
	border-bottom: 1px dotted #78BE5A;
	border-top: 1px dotted #78BE5A;
}

/* ~~~ BOX // 1px Linie nach unten ~~~ */
div.s2-contentbox-5{
	border-bottom: 1px solid #DADADA;
	margin-bottom: 10px;
}
/* ~~~ BOX // 1px Linie nach oben ~~~ */
div.s2-contentbox-6{
	border-top: 1px solid #DADADA;
	padding-top: 10px;
}

/* ~~~ BOX // 1px Linie nach oben und unten~~~ */
div.s2-contentbox-7{
	border-bottom: 1px solid #DADADA;
	border-top: 1px solid #DADADA;
	margin-bottom: 10px;
	padding-top: 10px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Buttons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Button / Downlaod
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.button-zone{
}
div.button-zone ul{
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div.button-zone ul li{
	display: inline;
	float: left;
	margin-right: 10px;
}
div.button-zone ul li.button-first{
}
div.button-zone ul li.button-last{
	margin-right: 0px;
}

/*
	Button / Base
*/
.button {
	overflow: hidden;
	width: 86px;
	height: 28px;
	float: left;
	display: block;
	
	color: #FFFFFF;
	text-align: center;
}
.button-120 {
	width: 120px;
}
.button-150 {
	width: 150px;
}


.button a,
.button input {
	background-image: url(../gfx/bg_header_button.gif);
	background-position: 0px -29px;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 10px;
	display: block;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	line-height: normal;
	cursor: pointer;
	border: none;
	background-color: transparent;
}
.button input{
	padding: 7px 0px 7px 0px;
	width: 86px;
}
.button-120 a,
.button-120 input{
	width: 120px;
	background-image: url(../gfx/bg_button_120px.gif)!important;
}
.button-150 a,
.button-150 input{
	width: 150px;
	background-image: url(../gfx/bg_button_150px.gif)!important;
}



.button a:hover,
.button input:hover {
	background-position: -87px -29px;
	text-decoration: none;
}
.button-120 a:hover,
.button-120 input:hover{
	width: 120px;
	background-position: -121px -29px;
	background-image: url(../gfx/bg_button_120px.gif)!important;
}
.button-150 a:hover,
.button-150 input:hover{
	width: 150px;
	background-position: -151px -29px;
	background-image: url(../gfx/bg_button_150px.gif)!important;
}


/*
	Button / 2 Zeilig
*/
.button-two-rows a{
	padding-top: 2px;
	padding-bottom: 2px;
}


/*
	Button / Gray
*/
.button-color-gray a,
.button-color-gray input,
.button-color-gray-120 a,
.button-color-gray-120 input,
.button-color-gray-150 a,
.button-color-gray-150 input {
	background-position: 0px -29px;
}
.button-color-gray a:hover,
.button-color-gray input:hover {
	background-position: -87px -29px;
}
.button-color-gray-120 a:hover,
.button-color-gray-120 input:hover{
	background-position: -121px -29px;
}
.button-color-gray-150 a:hover,
.button-color-gray-150 input:hover{
	background-position: -151px -29px;
}

/*
	Button / Blue
*/
.button-color-blue a,
.button-color-blue input,
.button-color-blue-120 a,
.button-color-blue-120 input,
.button-color-blue-150 a,
.button-color-blue-150 input{
	background-position: 0px 0px;
}
.button-color-blue a:hover,
.button-color-blue input:hover{
	background-position: -87px 0px;
}
.button-color-blue-120 a:hover,
.button-color-blue-120 input:hover{
	background-position: -121px 0px;
}
.button-color-blue-150 a:hover,
.button-color-blue-150 input:hover{
	background-position: -151px 0px;
}

/*
	Button / Spezial / Live Chat
*/
.button-color-livechat a{
	background-position: 0px -58px;
	padding-left: 22px;
}
.button-color-livechat a:hover{
	background-position: -87px -58px;
}

/*
	Button / Arrow
*/
.button-arrow a{
	background-image: url(../gfx/but_arrow_no.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.button-arrow a:hover{
	background-image: url(../gfx/but_arrow_act.gif);
	color: #6F7072;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Tooltip
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.tooltip-link{
	color: #AAAAAA;
	background-image: url(../gfx/icons/icon_info_12x12.gif);
	background-repeat: no-repeat;
	padding-bottom: 1px;
}
.tooltip-link img{
	width: 12px;
}

.tooltip-link:hover{
	text-decoration: none;
}

.tooltip-content {
	display: none;
}

div.DefaultPointyTip *{
	color: #FFFFFF;
}
div.DefaultPointyTip a{
	color: #5393B9;
}
div.DefaultPointyTip p{
	margin-bottom: 0px;
	padding-bottom: 10px;	
}
div.DefaultPointyTip img{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 1px solid #FFFFFF;
	padding: 1px;
}

/*  Clearfix f�r tooltip */
div.pointyWrapper div.middle{
	min-height:1%;
}
* html div.pointyWrapper div.middle {
	height:1%;
}
div.pointyWrapper div.middle:after {
	clear:both;
	content:".";
	display:block;
	font-size:1px;
	height:0pt;
	visibility:hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EXT:	irfaq
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.tx-irfaq-pi1 dl{
	margin-top: 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EXT:	wt_spamshield
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wtspamshield-errormsg {
	color: red;
	font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Accordion // Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
dl.accordion-zone dt{
	border: 1px solid #DADADA;
	padding: 4px;
	cursor: pointer;
	background-image: url(../gfx/bg_navigation_tab.gif);
	background-repeat: no-repeat;
	background-position: right -24px;
}
dl.accordion-zone dt:hover{
	background-position: right 0px;
}
dl.accordion-zone dd{
	padding: 4px;
	margin-bottom: 0px;
}