/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Dreamteam Solutions / Basic CSS
	Januar 2007 / S2 intermedia / Roland Stern
	
	
	Farben						CI ROT								#D91919
									CI Orange							#F28F00
									Grün 									#52A625
									Hell Grau							#DADADA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Basic
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html, body{
	margin: 0;
	padding: 0;
}
*{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
a img{
	border: none;
}
form{
	padding: 0;
	margin: 0;
}

body {
	scrollbar-arrow-color: #DADADA;
	scrollbar-track-color: #FFFFFF;
	scrollbar-3dlight-color: #DADADA;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Formulare / Suche
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
select, input, textarea{
	color: #000000;
	font-size: 11px;	
	border: 1px solid #F28F00;
}
.buttonsend{
	cursor: pointer;
	width: 17px;

	border: none;
	background: none;
	
	background-image: url(../gfx/pfeil_1.gif);
	background-repeat: no-repeat;
}
.formButton{
	cursor: pointer;
	width: 115px;
	font-weight: bold;
	border: none;
	background: none;
	
	background-image: url(../gfx/pfeil_1.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.formButton:hover{
	color: #F28F00;
}

/* ~~~ Kontakt Formular ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.fieldPLZ{
	width: 40px;
	border: 1px solid #F28F00;
}
.fieldOrt{
	width: 156px;
	border: 1px solid #F28F00;
}
html>body .fieldOrt{
	width: 155px;
}
.fieldForm{
	width: 210px;
	border: 1px solid #F28F00;
}
.fieldNachricht{
	height: 100px;
	width: 450px;
	border: 1px solid #F28F00;
}
.checkbox{
	height: 20px;
	width: 170px;
	padding: 2px;
	background-color: #F2F1EA;
	border: 1px solid #F28F00;
	color: #666666;
	text-align: right;
	margin-bottom: 3px;
}
.noborder{
	background-color: transparent;
	border: none;
}

/* ~~~ Loginbox ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-newloginbox-pi1{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DADADA;
}
div.tx-newloginbox-pi1 input{
	margin-bottom: 5px;
}
div.tx-newloginbox-pi1 label{
	margin-top: 2px;
	float: left;
}
.login-input-user,
.login-input-pass{
	border: 1px solid #D9D9D9;
	color: #6C6C6C;
	width: 130px;
}
.login-input-user{
	width: 150px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout / Divs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ Main Templates ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#logo{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 200px;
	height: 200px;
	
	padding-top: 14px;
	padding-left: 14px;
}
html>body div#logo{
	width: 186px;
	height: 186px;
}

div#claim{
	position: absolute;
	top: 0px;
	left: 200px;
	
	width: 530px;
	height: 200px;	
	
	padding-top: 14px;
	padding-left: 7px;	
}
*html>body div#claim{
	width: 523px;
	height: 186px;
}

div#headerbox{
	position: absolute;
	top: 0px;
	left: 730px;
	
	width: 265px;
	height: 200px;	
	
	background-image: url(../gfx/bg_headerbox.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

div#navigation{
	z-index: 200;
	position: absolute;
	top: 210px;
	left: 0px;
	
	padding-left: 20px;
	padding-right: 20px;

	width: 200px;
}
html>body div#navigation{
	width: 160px;
}

div#contentWrapper{
	position: absolute;
	top: 210px;
	left: 200px;
	
	width: 795px;
	height: 200px;
}
/* ~~~ Content Templates ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#untertitel-two-colum{
	width: 530px;
	height: 24px;
	
	padding-top: 5px;
	padding-left: 35px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;

	background-image: url(../gfx/titel_orange.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
html>body div#untertitel-one-colum{
	width: 495px;
	height: 19px;
}

div#untertitel-one-colum{
	width: 795px;
	height: 24px;
	
	padding-top: 5px;
	padding-left: 35px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;

	background-image: url(../gfx/titel_breit_orange.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
html>body div#untertitel-one-colum{
	width: 760px;
	height: 19px;
}

div#klickpfad{
	padding-top: 9px;
	padding-bottom: 9px;
	margin-bottom: 10px;

	color: #6E6E6E;
	font-size: 10px;
	
	border-bottom: 1px solid #DADADA;
}
html>body div#klickpfad{
	padding-top: 6px;
	padding-bottom: 7px;
}

div#content{
	position: relative;
	float: left;
		
	width: 530px;
	height: 100px;	
	
	padding-left: 35px;
	padding-right: 35px;
}
html>body div#content{
	width: 460px;
}

div#content-overflow{
	padding-right: 20px;
	overflow: auto;
}

div#contentRight{
	position: relative;
	float: left;	
		
	margin-left: 15px;
	margin-right: 15px;
	width: 215px;
	height: 100px;	
	
	margin-top: -24px;
}
html>body div#contentRight{
	width: 215px;
}

div#content-one-colum{
	position: relative;
	
	padding-left: 35px;
	padding-right: 35px;
		
	width: 795px;
	height: 100px;
}
html>body div#content-one-colum{
	width: 725px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Text-Elemente / Überschriften
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1, h2, h3{
	margin: 0;
	padding: 0;
	font-size: 12px;	
	margin-bottom: 10px;
}

h1{
	color: #000000;
}

h2{
	color: #D91919;
}

h3{
	color: #F28F00;
}

div.csc-frame-frame1 h1{
	color: #D91919;
	margin-bottom: 5px;	
}
/* ~~~ Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#content p,
div#content-one-colum p{
	margin-top: 0px;
	margin-bottom: 10px;
}
div#content ul,
div#content-one-colum ul{
	margin-top: 0;
	margin-bottom: 10px;
}
div#content li,
div#content-one-colum li{
	padding-bottom: 5px;
	list-style-image: url(../gfx/li.gif);
}

a em,
a i,
a b,
a span,
div#content a,
div#content-one-colum a{
	color: #F28F00;
	text-decoration: none;
}
a:hover em,
a:hover i,
a:hover b,
a:hover span,
div#content a:hover,
div#content-one-colum a:hover{
	text-decoration: underline;
}

div#contentRight a{
	color: #F28F00!important;
	text-decoration: none!important;
}
div#contentRight a:hover{
	text-decoration: underline!important;
}
/* ~~~ Content Right ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#contentRight h1,h2,h3,h4,h5{
	margin-top: 5px;
}
html>body div#contentRight h1,h2,h3,h4,h5{
	margin-top: 0px;
}
div#contentRight li{
	padding-bottom: 10px;
	list-style-image: url(../gfx/li.gif);
}
/* ~~~ Klickpfad ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#klickpfad a{
	padding-right: 4px;
	padding-left: 4px;
	text-decoration: none;
	color: #6E6E6E;
	font-size: 10px;
}
div#klickpfad a:hover{
	color: #D91919;
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / Ebene 1 & 2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ Ebene 1 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
div#navigation ul li{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DADADA;
}
div#navigation ul li a{
	width: 100%;
	display: block;
	text-decoration: none;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
div#navigation ul li a:hover{
	color: #D91919;
}
div#navigation ul li a#active{
	color: #D91919;
}
/* ~~~ Ebene 2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation ul ul{
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #DADADA;
}
div#navigation ul ul li{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: none;
}
div#navigation ul ul li a{
	padding-left: 18px;
	
	text-decoration: none;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}
div#navigation ul ul li a:hover{
	background-image: url(../gfx/pfeil_1.gif);
	background-repeat: no-repeat;
	color: #D91919;
}
div#navigation ul ul li a#subactive{
	background-image: url(../gfx/pfeil_1.gif);
	background-repeat: no-repeat;
	color: #D91919;
}
/* ~~~ Ebene 2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation ul ul ul{
	margin-top: 0px;
	padding-top: 0px;
	border-top: none;
}
html>body div#navigation ul ul ul{
	margin-bottom: 5px;
}

div#navigation ul ul ul li{
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: none;
}

div#navigation ul ul ul li a{
	padding-left: 28px;
	
	text-decoration: none;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}
div#navigation ul ul ul li a:hover{
	background-image: none;
	color: #D91919;
}
div#navigation ul ul ul li a#subsubactive{
	background-image: none;
	color: #D91919;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Servicenavigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#servicenavigation{
	padding-top: 5px;
	text-align: center;
}

div#servicenavigation a{
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	color: #6C6C6C;
	font-size: 9px;
	font-weight: normal;
}
div#servicenavigation a:hover{
	color: #D91919;
	text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Klickpfadnavigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#klickpfad a{
	text-decoration: none;
	color: #6C6C6C;
}
div#klickpfad a:hover{
	color: #D91919;
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / Searchbox
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#suchbox{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D9D9D9;
}
div#suchbox .suche{
	border: 1px solid #D9D9D9;
	color: #6C6C6C;
}
div#suchbox .buttonsearch{
	cursor: pointer;
	width: 17px;

	border: none;
	background: none;
	
	background-image: url(../gfx/pfeil_1.gif);
	background-repeat: no-repeat;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension indexserach / Divs / Ul / Li
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
td.tx-indexedsearch-title{
	font-weight: bold;
}
td.tx-indexedsearch-info{
	background-color: #E7F4FA!important;
}
div.tx-indexedsearch-browsebox{
	margin-bottom: 16px;
}
div.tx-indexedsearch-browsebox ul{
	margin: 0;
	padding: 0;
}
div#tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-sword{
	margin: 2px;
	width: 360px;
}
div#tx-indexedsearch-searchbox select{
	margin: 2px;
	width: 175px;
}
div#tx-indexedsearch-searchbox #tx-indexedsearch-searchbox-button{
	margin: 2px;
	width: 175px;
}

div#tx-indexedsearch-searchbox .tx_indexedsearch_extResume{
	border: none;
	width: auto!important;
}
div#tx-indexedsearch-searchbox a{
	font-weight: bold;
	padding-left: 15px;
	background-image: url(../gfx/pfeil2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.tx-indexedsearch-whatis{
	padding-top: 5px;
}

div.tx-indexedsearch-browsebox,
div#tx-indexedsearch-searchbox{
	padding-bottom: 10px;
	border-bottom: 1px solid #DADADA;
}

td.tx-indexedsearch-descr{
	padding-bottom: 4px;
}

td.tx-indexedsearch-info{
	padding: 2px;
	background-color: #EFEFEF!important;
}

.tx-indexedsearch-redMarkup{
	color: #F28F00!important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / tt_news 2.4.0
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ Latest ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.news-latest-container{

}
div.news-latest-item{
}
div.news-latest-item p{
	margin: 0;
	margin-bottom: 5px;
}
div.news-latest-item a{
	text-decoration: none;
	font-weight: bold;
	color: #000000!important;
}
div.news-latest-item a:hover{
	color: #F28F00!important;
	text-decoration: underline;
}
/* ~~~ List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.news-list-container{
}
div.news-list-item{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DADADA;	
	clear: both;
}
div.news-list-item h1 a{
	font-size: 12px;
	text-decoration: none;
	color: #000000!important;
}
div.news-list-item h1 a:hover{
	color: #F28F00!important;
}
div.news-list-image{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 120px;
}
div.news-list-morelink{
	text-align: right;
	clear: both;
}
div.news-list-morelink a{
	padding-right: 19px;
	background-image: url(../gfx/pfeil_1.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
	font-weight: bold;
	color: #000000!important;
}
div.news-list-morelink a:hover{
	color: #F28F00!important;
}
/* ~~~ Single ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.news-single-image{
	padding-right: 10px;
	float: left;
}
div.news-single-backlink{
	text-align: right;
	clear: both;
}
div.news-single-backlink a{
	padding-right: 19px;
	background-image: url(../gfx/pfeil_1.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
	font-weight: bold;
	color: #000000!important;
}
div.news-single-backlink a:hover{
	color: #F28F00!important;
}
div.tx-ttnews-browsebox a{
	color: #000000!important;
}
div.tx-ttnews-browsebox a:hover{
	color: #F28F00!important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / s2_teaserbox
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.teaserbox-typ1,
div.teaserbox-typ2,
div.teaserbox-typ3,
div.teaserbox-typ4{
	margin-bottom: 10px;
	clear: both;
	width: 458px;
	height: 90px;
	background-repeat: no-repeat;
}
div.teaserbox-typ1{
	background-image: url(../gfx/bg_teaserbox_typ1.gif);
}
div.teaserbox-typ2{
	background-image: url(../gfx/bg_teaserbox_typ2.gif);
}
div.teaserbox-typ3{
	background-image: url(../gfx/bg_teaserbox_typ3.gif);
}
div.teaserbox-typ4{
	background-image: url(../gfx/bg_teaserbox_typ4.gif);
}
div.teaserbox-image{
	float: left;
	margin-right: 10px;
}
div.teaserbox-text{
	overflow: hidden;
	height: 41px;
}

div.teaserbox-text a{
	text-decoration: none;
	color: #000000!important;
}

div.teaserbox-text a:hover,
div.teaserbox-text a:hover i,
div.teaserbox-text a:hover p,
div.teaserbox-text a:hover b,
div.teaserbox-text a:hover strong{
	text-decoration: underline!important;	
	color: #F28F00!important;
}

div.teaserbox-link{
	margin-right: 10px;
	text-align: right;
}
div.teaserbox-title h1{
	padding-top: 4px!important;
	color: #FFFFFF;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / SEO Sitemap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ Ebene 1 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-flseositemap-pi1 ul{
	margin: 0!important;
	padding: 0!important;
}
div.tx-flseositemap-pi1 ul li{
	border-bottom: 1px solid #DADADA!important;
	list-style: none!important;
	list-style-image: none!important;
}
div.tx-flseositemap-pi1 ul li a{
	padding-top: 5px!important;
	padding-bottom: 2px!important;
	width: 100%!important;
	display: block!important;
	text-decoration: none!important;
	color: #F28F00!important;
	font-size: 13px!important;
	font-weight: bold!important;
}
div.tx-flseositemap-pi1 ul li a:hover{
	color: #D91919!important;
}
/* ~~~ Ebene 2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-flseositemap-pi1 ul ul{
	margin-top: 5px!important;
	padding-top: 5px!important;
	border-top: 1px solid #DADADA!important;
}
div.tx-flseositemap-pi1 ul ul li{
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	border-bottom: none!important;
}
div.tx-flseositemap-pi1 ul ul li a{
	padding-top: 0px!important;
	padding-left: 18px!important;
	text-decoration: none!important;
	color: #000000!important;
	font-size: 10px!important;
	font-weight: bold!important;
}
div.tx-flseositemap-pi1 ul ul li a:hover{
	background-image: url(../gfx/pfeil_1.gif)!important;
	background-repeat: no-repeat!important;
	color: #D91919!important;
}
/* ~~~ Ebene 2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-flseositemap-pi1 ul ul ul{
	margin-top: 5px!important;
	padding-top: 0px!important;
	border-top: none!important;
}
html>body div.tx-flseositemap-pi1 ul ul ul{
	margin-bottom: 5px!important;
}

div.tx-flseositemap-pi1 ul ul ul li{
	padding-top: 1px!important;
	padding-bottom: 1px!important;
	border-bottom: none!important;
}

div.tx-flseositemap-pi1 ul ul ul li a{
	padding-left: 38px!important;
	
	text-decoration: none!important;
	color: #000000!important;
	font-size: 10px!important;
	font-weight: normal!important;
}
div.tx-flseositemap-pi1 ul ul ul li a:hover{
	background-image: none!important;
	color: #D91919!important;
}
/* ~~~ Ebene 3 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-flseositemap-pi1 ul ul ul ul li a{
	padding-left: 58px!important;
}
/* ~~~ Ebene 4 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-flseositemap-pi1 ul ul ul ul ul li a{
	padding-left: 78px!important;
}
/* ~~~ Ebene 5 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-flseositemap-pi1 ul ul ul ul ul ul li a{
	padding-left: 98px!important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content / Eigenschaften / Rahmen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.csc-frame-frame1{
	margin-top: 30px;	
	margin-left: 15px;
	margin-right: 25px;
	overflow: hidden;
	height: 150px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CallBack Form
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#callback{
	padding-top: 10px;
	padding-bottom: 10px;
}
div#callback label{
	float: left;
	display: block;
	width: 50px;
}
.callback-firma,
.callback-name{
	margin-bottom: 5px!important;	
	width: 160px;
}
.callback-telefon{
	margin-bottom: 5px!important;
	width: 140px;
}