/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Journal International / Basic CSS
	Juni 2007 / Roland Stern / S2 intermedia
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Basic
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html {
	height: 100%;
	min-height: 100%;
}

* {
	font-family: Arial, Verdana, Verdana, sans-serif;
	color: #474747;
  	margin: 0;
  	padding: 0;
}

body {
	margin: 5px;
	min-height: 100%;
	height: 100%;
	background-color: #ffffff;
	font-size: 12px;
}

a img{
	border: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	DIV / ausblenden
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#footerwrapper,
div#claim,
div#navigation,
div#serviceWrapper,
div#contentLeft,
div#contentRight{
	display: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	DIV / Header / Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#close{
	float: right;
}

div#logo{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 2px solid #63B435;
}

div#footer{
	padding-top: 5px;
	margin-top: 5px;
	border-top: 2px solid #63B435;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	TEXT / Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1{
	margin-bottom: 5px;
	color: #034DA2; /* blau */
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #63B435;
}
h2{
	margin-bottom: 5px;
	color: #767676; /* grau */
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h3{
	margin-bottom: 5px;
	color: #034DA2; /* blau */
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h4{
	margin-bottom: 5px;
	color: #034DA2; /* blau */
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h1 a,
h2 a,
h3 a,
h4 a{
	text-decoration: none;
}


a{
	color: #63B435;
	text-decoration: underline;
	font-weight: bold;
}
a:hover{
	text-decoration: none;
}
p{
	padding-bottom: 10px;
}

ul{
	margin-left: 20px;
	margin-bottom: 10px;
}
li{
	list-style-image: url(../gfx/li.gif);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Bildeigenschaften
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.csc-textpic-caption{
	font-size: 10px;
	color: #63B435; 
	padding-top: 3px;
}
.csc-textpic-imagewrap{
	padding-bottom: 6px!important;	
}

html>body .csc-textpic-imagewrap{
	*padding-bottom: 10px!important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / s2_twocolum
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.columleft{
	margin-right: 10px;
}
div.columleft,
div.columright{
	float: left;
}














/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / index_search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-indexedsearch{
	margin-top: 20px;
}

div.tx-indexedsearch-searchbox,
div.tx-indexedsearch div.tx-indexedsearch-whatis,
div.tx-indexedsearch-browsebox,
div.tx-indexedsearch-res,
div.tx-indexedsearch div.res-tmpl-css{
	margin-top: 0px;
	margin-bottom: 0px;
}
div.tx-indexedsearch-browsebox{
	margin-bottom: 15px;
}

div.tx-indexedsearch div.tx-indexedsearch-whatis,
div.tx-indexedsearch-res{
	padding-top: 15px;
	background-image: url(../gfx/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

div.tx-indexedsearch-res{
	background-image: none;
}

.tx-indexedsearch-redMarkup{
	color: #7FA5C5!important;
}

div.tx-indexedsearch-res h1{
	margin: 0px!important;
	margin-bottom: 10px!important;
}

div.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	background:#FFFFFF none repeat scroll 0%;
}

.tx-indexedsearch .tx-indexedsearch-noresults {
	text-align: left;
}

.tx-indexedsearch .res-tmpl-css {
	padding-top: 0px;
	border-top: none;
	padding-bottom: 30px;
}
.tx-indexedsearch .res-tmpl-css h3 a{
	text-decoration: none;
}
.tx-indexedsearch .res-tmpl-css h3 a:hover{
	text-decoration: underline;
}

ul.browsebox{
	margin: 0px;
}
ul.browsebox li a{
	background-image:url(../gfx/pfeil_links.gif) !important;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:5px;
	margin-right: 10px;
}
/* Suchbox / Sucheingabe */
div.tx-indexedsearch-searchbox{
	clear: left;
}
div.tx-indexedsearch-searchbox input, select{
	width: 170px;
	font-size: 11px;
}
div.tx-indexedsearch-searchbox div{
	margin-bottom: 10px;
}
div.tx-indexedsearch-searchbox div label{
	margin-top: 3px;
}
.tx-indexedsearch .searchbox-tmpl-css label {
	width: 140px;
}
#tx-indexedsearch-searchbox-sword{
	width: 340px;
}
div.tx-indexedsearch-sectionlinks{
	margin-bottom: 10px;
}

div.tx-indexedsearch-sectionlinks a{
	margin-left: 0px;
	padding-left: 0px;
	background-image: url(../gfx/bg_subnavigation_fire.gif);
	*background-image: url(../gfx/bg_subnavigation_2.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {
	margin-bottom: 10px;
	margin-top: 10px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead h1 a{
	text-decoration: none;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead h1 a:hover{
	text-decoration: underline;
}

.tx-indexedsearch-sec ol li{
	display: block!important;
	padding-bottom: 5px;
}

#tx-indexedsearch-searchbox-button-submit{
	font-size: 10px;
	margin-left: 3px;
	border-top: 1px solid #E3E3E5;
	border-left: 1px solid #E3E3E5;
	border-bottom: 1px solid #4B4B4C;
	border-right: 1px solid #4B4B4C;
	width: 23px;
	*width: 21px;
	background-color: #B0B3B4;
	cursor: pointer;
}

div.tx-indexedsearch-form p{
	padding: 0;
	padding-top: 3px;
	text-align: right;
	padding-right: 45px;
}
.active{
	color: #79AE56!important;
	font-weight: bold;
}
.noBorder{
	width: auto!important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / seo_sitemap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-flseositemap-pi1 ul{
	margin: 0px!important;
	list-style: none;
}
/* Ebene 1 */
div.tx-flseositemap-pi1 ul li{
	margin-bottom: -10px;
	list-style-image: none;
}
html>body div.tx-flseositemap-pi1 ul li{
	margin-bottom: 0px;
}
div.tx-flseositemap-pi1 ul li a{
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	text-decoration: none;
}
div.tx-flseositemap-pi1 ul li a:hover{
	text-decoration: underline;
}
/* Ebene 2 */
div.tx-flseositemap-pi1 ul ul{
}
div.tx-flseositemap-pi1 ul ul li{
	padding-left: 20px;
}
div.tx-flseositemap-pi1 ul ul li a{
	font-weight: normal;
	font-size: 12px;
	background-image: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Formulare / Extension / s2_formtomail
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
input,
textarea{
	padding: 1px;
	font-size: 11px;
}
.noBorder{
	border: none!important;
	background-color: transparent!important;
	margin-bottom: 0px!important;
	width: auto!important;
}
.news-search-submit{
	padding: 0;
	margin: 0;
	background-color: transparent;	
}
.news-search-input{
	width: 230px;
}
input.form-button{
	padding-left: 5px;
	margin-top: 10px;
	width: auto!important;
	float: right;
}

/* Formular Fehlermeldung */
div.formular-err{
	margin-bottom: 20px;
}
div.formular-err,
div.formular-err li{
	color: #E53517!important;
}
div.formular-err ul{
	margin-top: 5px;
	margin-bottom: 5px;
}
div.formular-err li{
	font-weight: bold;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	padding: 0px!important;
}

label.labellong{
	width: 200px!important;
}

label.labelfile{
	width: 60px!important;
}

input.file{
	width: 250px!important;
}

/* Feedback / Kündigung / Bestellung*/
div#formular{
	padding-bottom: 20px;
	width: 400px;
}
div#formular label{
	padding-top: 2px;
	float: left;
	width: 100px;
}
div#formular input{
	width: 160px;
	margin-bottom: 4px;
}
div#formular textarea{
	width: 400px;
	height: 165px;	
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / tt_news
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Latest - View */
div.news-latest-container{
	
}
div.news-latest-item{
	padding-bottom: 10px;	
}
div.news-latest-item h3{
	font-size: 12px
}
div.news-latest-item h3 a{
	text-decoration: none;
}
div.news-latest-item h3 a:hover{
	text-decoration: underline;
}
div.news-latest-image{
	padding-bottom: 5px;
}
div.news-latest-morelink a{
	background-image: url(../gfx/but_more.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
	font-weight: normal;
	text-decoration: none;
}
div.news-latest-morelink a:hover{
	text-decoration: underline;
}
/* List - View */
div.news-list-item{
	margin-bottom: 20px;
}
div.news-list-item h1 a{
	text-decoration: none;
}
div.news-list-item h1 a:hover{
	text-decoration: underline;
}
div.news-list-image{
	margin-right: 20px;
	margin-bottom: 15px;
	float: left;
}
/* Single - View */
div.news-single-item{
	clear: both;
	float: none;
}
div.news-single-image{
	margin-left: 20px;
	margin-bottom: 15px;
	float: right;
}