/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	S2Intermedia Relaunch / Basic CSS
	Dezember 2007 / Alexander Buch / S2 intermedia
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Basic
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html, body{
	margin: 0;
	padding: 0;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px; /* IE6 fix */
	color: #454545;
	
	background-image: url(../gfx/bg.gif);
	background-repeat: repeat-x;
	background-color: #D4D4D4;
	
	text-align: center;
	
}

html {
	overflow-y: scroll;
}

body { 
	behavior: url("csshover3.htc"); 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Clearfix
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.clearfix {
	min-height:1%;
}
* html .clearfix {
	height:1%;
}
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:1px;
	height:0pt;
	visibility:hidden;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Browser-leiste Anpassen für Firefox
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html[xmlns]{
	height: 100%; 
	padding-bottom: 0.005em;
}

#wrapper {
	margin: auto;
	text-align: left;
}

h1{
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #D4313B;
	
	margin: 0px;
	margin-bottom: 22px;
	margin-top: 22px;
}

h2{
	font-size: 11px;
	color: #454545;
	font-family: verdana;
	margin: 0px;
	margin-bottom: 5px;
}

h2 a{
	color: #454545;
}

tt{
	font-size: 10px;
	font-family: verdana;
}

p.bodytext{
	margin: 0px;
	margin-bottom: 10px;
}

ul{
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: none;
	padding: 0px;
}

div#main-2 ul,
div#main-1 ul,
div#main ul{
	argin-left: 21px;
}

div.content ul{
	margin-left: 21px;
}

div#main-2 li,
div#main-1 li,
div#main li{
	margin-top: 5px;
	margin-bottom: 5px;
}

a{
	color: #D4313B;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a img{
	border: none;
}

input,
select,
textarea{
	font-size: 11px;
	border: 1px solid #DADADA;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Grundlayout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#wrapper {
	width: 1111px;
	position: relative;
}

div#topUtils{
	position: absolute;
	right: 20px;
	font-size: 10px!important;
}

div#topUtils ul{
	margin: 0px;
}

div#topUtils ul li{
	display: inline;
	border-right: 1px solid;
	padding-right: 5px;
	padding-left: 6px;
}

div#topUtils ul li.last{
	border-right: none;
}

div#searchboxWrapper,
div#loginboxWrapper{
	position: absolute;
	left: 895px;
	top: 0px;
	z-index: 100000;
}

div#searchbox,
div#loginbox{
	background-color: #FFFFFF; 
	overflow: hidden; 
	height: 110px;
	width: 185px;
	border: 1px solid #D32E3F;
	*border-bottom-width: 2px;
	border-top: none;
	float: left;
	font-size: 10px;
	padding: 10px;
	padding-top: 0px;
	
	display: none;
	visibility: hidden;
}

div#loginbox h1{
	float: left;
	font-size: 10px;
	margin-bottom: 5px;
	margin-top: 10px;
}

div#loginbox p{
	margin-top: 0px;
	margin-bottom: 5px;
}

div#loginbox p b{
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}

div#loginbox form{
	font-size: 10px;
	float: left;
}

div#loginbox form label{
	width: 60px; 
	overflow: hidden;
	display: block;
	float: left;
	font-weight: bold;
}

div#loginbox input{
	border: 1px solid #DADADA;
	font-size: 10px;
	width: 110px;
}

div#loginbox input.form-button{ 
	width: 70px!important;
	float: left;
	margin-left: 106px;
	margin-top: 5px;
}

a#searchToggle,
a#loginToggle{
	display: none;
	visibility: hidden;
}

a#togglerclose,
a#searchClose{
	float: right;
	margin-top: 10px;
}

div#searchbox h1{
	float: left;
	font-size: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
}

div#searchbox input{
	width: 183px;
	border: 1px solid #DADADA;
	font-size: 10px;
}

div#searchbox input.form-button{
	width: 70px!important;
	float: left;
	margin-left: 115px;
	margin-top: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Mitte
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#midWrapper{
	float: left;
	width: 615px;
	
	position: absolute;
	left: 248px;
}

div#logo{
	text-align: center;
	margin-top: 42px;
}

div#logo a{
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation{
	float: left;
	width: 615px;
	height: 31px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	background: url(../gfx/sprite-s2.gif) no-repeat 0 -1230px transparent;
	position: absolute;
	left: 0px;
	top: -34px;
}

div#navigation ul{
	float: left;
	margin: 0px;
	padding: 0px;
}

div#navigation ul li{
	display: inline;
	float: left;
	padding-right: 3px;
	width: 100px;
	overflow: hidden;
}

div#navigation ul li.last{
	padding-right: 0px;
}

div#navigation ul li.last a {
	border-top: 3px solid #E9AB34;
	background-color: #EDEDED;
	display: block;
	
	height: 19px;		/**/
	padding-top: 4px;	/**/
	width: 100px;
	
	width: 100px;
	text-align: center;
	background: url(../gfx/sprite-s2.gif) no-repeat 0px 0px transparent;
	color: #545454;
	font-size: 11px;
}

div#navigation ul li.last a:hover {
	border-top: 3px solid orange;
}

div#navigation ul li a{
	border-top: 3px solid #8A8A8A;
	background-color: #EDEDED;
	display: block;
	
	height: 19px;		/**/
	padding-top: 4px;	/**/
	
	width: 100px;
	text-align: center;
	background: url(../gfx/sprite-s2.gif) no-repeat 0px 0px transparent;
	color: #545454;
	font-size: 11px;
}

div#navigation ul li a:hover{
	border-top-color: #D7313D;
}

div#navigation ul li a#active{
	background-color: White;
	background-image: none;
	border-top-color: #D7313D;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Subnavigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#subnavigation{
	
}

div#subnavigation ul li a#subactive{
	background-image: url(../gfx/link.gif);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Maincontent
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#main{
	float: left;
	position: absolute;
	top: 127px;
	width: 603px;
	left: -10px;
	background-image: url(../gfx/contentBg.gif);
	background-repeat: repeat-y;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 257px;
	margin-bottom: 10px;
	*height: 310px;
}
html>body div#main{
	min-height: 310px;
	height: auto;
}

div#main-1{
	float: left;
	position: absolute;
	top: 127px;
	width: 603px;
	left: -10px;
	background-image: url(../gfx/contentBg.gif);
	background-repeat: repeat-y;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 50px;
	margin-bottom: 10px;
	*height: 500px;
}
html>body div#main-1{
	min-height: 500px;
	height: auto;
}

div#main-2{
	float: left;
	position: absolute;
	top: 127px;
	width: 603px;
	left: -10px;
	background-image: url(../gfx/contentBg.gif);
	background-repeat: repeat-y;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 170px;
	margin-bottom: 10px;
	*height: 400px;
}
html>body div#main-2{
	min-height: 400px;
	height: auto;
}

div#main-1 div#claim{
	height: 71px;
	overflow: hidden;
}

div#main-1 div#content{
	top: 1px;
}

div#main-2 div#claim{
	height: 141px;
	overflow: hidden;
}

div#main-2 div#content{
	top: 130px;
}

div#main-2 p a,
div#main-2 ul a,
div#main p a,
div#main-1 p a,
div#main ul a,
div#main-1 ul a{
	background-image: url(../gfx/link.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 9px;
}

.csc-textpic-image a {
	background-image: none!important;
	padding-left: 0px!important;
}

div#navigation ul li a{
	padding-left: 0px;
	background-position: 0px 0px;
}

div#main p a,
div#main-1 p a,
div#main-2 p a{
	display: inline-block;
	white-space: nowrap;
}

div#claim{
	width: 603px;
	height: 210px;
	overflow: hidden;
	
	position: absolute;
	left: 0px;
	top: 0px;
	
	background: url(../gfx/sprite-s2.gif) no-repeat 0 -1414px transparent;
	/*
background-image: url(../gfx/redBg.gif);
	background-repeat: no-repeat;
*/

	padding-left: 16px;
	padding-right: 16px;
	padding-top: 6px;
}

div#content{
	line-height: 15px;
	position: relative;
	top: 210px;
	left: 15px;
	float: left;
	font-size: 11px;
	width: 573px;
}

div#contentMiddle{
	float: left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#footerWrapper{
	float: left;
}

div#footer{
	width: 615px;
	background: url(../gfx/sprite-s2.gif) no-repeat 0 -173px transparent;
	background-color: #D4D4D4;
	float: left;
	
	position: absolute;
	left: 0px;
	bottom: -1px;
	
	padding-left: 10px;
	padding-right: 10px;
	
	padding-top: 18px;
	text-align: center;
	padding-bottom: 8px;
}

div#footer ul{
	margin: 0px;
}

div#footer ul li{
	display: inline;
	padding-left: 7px;
	padding-right: 7px;
}

div#footer ul li a{
	color: #454545;
	font-size: 11px;
	background-image: none;
	padding-left: 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Linke & Rechte Spalte
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#leftTeaser,
div#rightTeaser{
	width: 220px;
	height: 410px;
	float: left;
	margin-top: 204px;
	padding-bottom: 15px;
	
	position: absolute;
	font-size: 11px;
	overflow: hidden;
}

.mac.gecko div#leftTeaser,
.mac.gecko div#rightTeaser  {
	font-size: 10px;
}

.ipad div#leftTeaser,
.ipad div#rightTeaser  {
	font-size: 10px;
}

div#leftTeaser{
	background: url(../gfx/sprite-s2.gif) no-repeat 0 -348px transparent;
	width: 220px;
	height: 410px;
	padding-left: 18px;
	padding-right: 10px;
	left: 0px;
	z-index: 10;
}

div#rightTeaser{
	background: url(../gfx/sprite-s2.gif) no-repeat 0px -1641px transparent;
	width: 220px;
	height: 410px;
	padding-right: 18px;
	padding-left: 10px;
	right: 0px;
}

div#leftTeaser h1,
div#rightTeaser h1{
	color: #666666;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #DADADA;
	padding-bottom: 6px;
	margin-bottom: 5px;
	margin-top: 28px;
}

div#leftTeaser #facebook a {float: right; margin: 28px 0 0 0; display: block;}

div#leftTeaser h1 a,
div#rightTeaser h1 a{
	color: #666666;
}

div#leftTeaser ul li,
div#rightTeaser ul li{
	padding-bottom: 5px;
	margin-left: 9px;
}

div#leftTeaser p a,
div#rightTeaser p a,
div#leftTeaser ul li a,
div#rightTeaser ul li a,
div.news-latest-container a{
	background-image: url(../gfx/linkSide.gif);
	background-repeat: no-repeat;
	background-position: 3px 4px;
	padding-left: 12px;
	color: #FFFFFF;
	
}

div#leftTeaser ul li a,
div#rightTeaser ul li a{
	display: block;
	margin-left: -9px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	News
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.news-latest-item{
	border-bottom: 1px dotted #DADADA;
	padding-bottom: 9px;
	max-height: 65px;	/* FF3 Workaround */
	overflow: hidden;	/* FF3 Workaround */
}
div.news-latest-item:hover {
	background-color:#bababa;
}

div.news-latest-item .date{
	margin-bottom: 1px;
	margin-top: 5px;
	margin-left: 12px;
	font-size: 9px;
}

div.news-latest-item a{
	display: block;
}

div.news-amenu-container li{
	list-style: none;
	margin-right: 10px;
}

div.news-amenu-container ul li a{
	background-image: none!important;
	padding-left: 0px!important;
	display: inline!important;
	margin-left: 5px!important; 
}

div.tx-ttnews-browsebox a{
	background-image: none!important;
	padding-left: 0px!important;
}

div.news-list-morelink{
	text-align: right;
}

div.news-list-item{
	margin-bottom: 15px;
	border-bottom: 1px solid #D4D4D4;
}

div.news-list-image{
	float: left;
	width: 120px;
	margin-right: 10px;
	text-align: center;	
}

div.news-single-backlink ul{
	margin-left: 0px!important;
}

div.news-single-backlink ul li a{

}

div.news-single-text a.external-link-new-window{
	padding-left: 0px!important;
	background-image: none!important;
}

div.news-single-image{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
div.news-single-image img{
	padding: 2px;
	border: 1px solid #cccccc;
}

div.news-single-image p{
	margin-top: 0px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Suche - Suchseite
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#suchnavigation {
	margin-bottom: 20px;
}
div#suchnavigation ul{
	margin-left: 0px;
}
div#suchnavigation ul li{
	display: inline;
	margin-right: 10px;
}
div#suchnavigation ul li a.active{
	font-weight: bold;
}

div.tx-indexedsearch input, select, textarea{
	margin-bottom: 3px;
}

div.tx-indexedsearch select{
	font-size: 11px;
	border: 1px solid #DADADA;
	width: 191px;
}

input.tx-indexedsearch-searchbox-sword{
	font-size: 11px;
	width: 275px!important;
	border: 1px solid #DADADA;
	padding-left: 5px;
}

input#tx-indexedsearch-searchbox-button{
	font-size: 11px;
	border: 1px solid #DADADA;
	width: 70px!important;
	float: right;
	margin-top: 10px;
}

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

.tx-indexedsearch-icon {
	margin: 0px 10px 0px 0px;
}

div.tx-indexedsearch-res{
	margin-top: 15px;
}
div.tx-indexedsearch-res h1{
	margin: 0px;
}

.percent-tmpl-css{
	margin: 0px!important;
	margin-top: 0px!important;
}

input.form-button{
	background-image: url(../gfx/bg-submit-button.gif)!important;
	background-repeat: repeat-x!important;
	background-color: transparent!important;
	border: 1px solid #dadada!important;
	border-top: none!important;
	padding-top: 2px!important;
}

input.form-button:hover{
	background-position: 0px -17px!important;
}

div.tx-indexedsearch-form{
	margin-bottom: 10px;
}

ul.browsebox{
	margin-left: 0px!important;
}
ul.browsebox a{
	background-image: none!important;
}
dl.tx-indexedsearch-info{
	display: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	SEO Sitemap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-flseositemap-pi1{
	margin-left: 10px;
}

div.tx-flseositemap-pi1 ul li{
	margin-bottom: 10px;
}

div.tx-flseositemap-pi1 ul li a{
	font-weight: bold;
}

div.tx-flseositemap-pi1 ul li ul{
	margin-left: 30px;
	margin-top: 5px!important;
}

div.tx-flseositemap-pi1 ul li ul li{
	margin-bottom: 0px;
}

div.tx-flseositemap-pi1 ul li ul li a{
	padding-left: 0px!important;
	background-image: none!important;
	font-weight: normal!important;
}

div.tx-flseositemap-pi1 ul li ul li ul{
	margin-left: 15px;
	margin-top: 3px!important;
}

div.tx-flseositemap-pi1 ul li ul li ul li a{
	font-style: italic;
	letter-spacing: 1px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	S2 Form to Mail
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#formular-feedback {
	margin: 0px 0px 0px 0px;
}

div.contact-left {
	width: 191px;
	float: left;
}

div.contact-center {
	width: 191px;
	float: left;
}

div.contact-right {
	width: 185px;
	float: left;
}

div#formular-feedback label{
	width: 180px;
	display: block;
	float: left;
	margin-right: 6px;
}

div#formular-feedback label.long{
	width: 180px;
}

div#formular-feedback label.right,
div#formular-feedback input.right{
	margin-right: 0px;
}


div#formular-feedback input{
	width: 180px;
	margin-right: 6px;
	margin-bottom: 10px;
}

div#formular-feedback input.long{
	width: 180px;
}

div#formular-feedback label.plz{
	float: left;
	width: 42px;
}

div#formular-feedback input.plz{
	
	width: 40px;
}

div#formular-feedback label.ort{
	width: 100px;
}

div#formular-feedback input.ort{
	width: 130px;
}

div#formular-feedback label.referenz{
	width: 330px;
}

div#formular-feedback textarea{
	width: 562px;
	height: 140px;
}

div#formular-feedback input.form-button{
	width: 70px!important;
	float: right;
}

div.formular-err{
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #EAEAEA;
}

div.formular-err ul{
	margin-left: 10px;
}

div.formular-err ul li{
	color: #D4313B!important;
}

textarea.referenzen{
	width: 100%;
	height: 150px;
}

textarea.kommentar{
	width: 100%;
	height: 50px;
}

div#formular-feedback .captcha-label{
	width: 130px;
	float: left;
	line-height: 25px;
}

div#formular-feedback .form-captcha-img{
	margin-left: 143px;
	width: 125px;
	margin: 0px;
	float: left;
}

div#formular-feedback input#captcha_response {
	line-height: 25px;
	margin: 3px 0px 0px 0px;
	padding: 2px;
}

div#formular-portfolio label {
	width: 100%;
}

div.mandatory-text {
	float: right;
	line-height: 20px;
	padding: 0px 30px 0px 0px;
}

div#formular-feedback select#Referenz {
	float: right;
	width: 182px;
	margin: 0px 9px 0px 0px;
}

div#refList div.focus img {
	padding: 2px 0px 0px 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	S2 multiplecloumn / Extension
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.s2-columleft,
div.s2-columright-plus{
	margin-right: 20px;
}

div.s2-columleft,
div.s2-columright,
div.s2-columright-plus{
	width: 276px;
	float: left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Contentwrapper / Extension
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.s2-contentbox-1{
	padding: 10px 10px 1px 10px;
	margin-bottom: 15px;
	background-color: #EEEEEE;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	S2 Referenzen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.referenzenTeaser ul li.more{
	float: right;
}

/*	HOME Ansicht */

div#refImageWrapper{
	background-image: url(../gfx/bg-refimagewrapper.gif);
	background-repeat: no-repeat;
	position: absolute;
	text-align: center;
	right: -20px;
	top: 20px;
	height: 130px;
	width: 182px; 
	margin-top: 22px;
	float: left;
	visibility: hidden;
}

div.refImage{
	position: absolute;
	top: 18px; 
	left: 16px;
	overflow: hidden;
	height: 113px;
}

div.refCategoriesText-top{
	width: 300px;
	margin-bottom: 10px;
	float: left;
}

div.refCategoriesText-bottom{
	width: 300px;
	margin-top: 30px;
	float: left;
}

div#refCategories{
	background-color: #EEEEEE;
	width: 300px;
	float: left;
	text-align: center;
	border: 1px solid #D4D4D4;
}

div#refCategories ul{
	margin-left: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
}

div#refCategories ul li{
	display: inline;
	padding: 3px;
	margin-left: 10px;
	margin-right: 10px;
}

div#refCategories ul li a{
	color: #454545;
	background-image: none;
	padding-left: 0px;
}

li#refListHeader{
	font-weight: bold;
}

li#refListHeader b{
	float: left;
	display: inline;
	width: 394px;
	padding-left:2px;
}

div#refList{
	float: left;
	margin-top: 0px;
	width: 100%;
}

div#refList ul{
	margin-left: 0px;
}

div#refList ul li{
	width:100%;
	border-bottom:1px dotted #adadad;
	font-size:11px;
	line-height:24px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#refList li:hover {
	background-color:#e3e3e3;
}

div#refList li:hover a {
	background-color:#e3e3e3;
}

div#refList ul li a {
	display: block;
	color:#D4313B;
	float: left;
	width: 380px;
	white-space: nowrap;
	background-position:0 10px;
	padding-left:9px;
	margin: 0px 0px 0px 5px;
	height: 24px;
}

div#refList ul li a:hover {
	color: #D4313B;
}

ul li .notlinkedref {
	width: 261px;
	white-space: nowrap;
	padding-left: 9px;
}

div#refList ul li .notlinkedref {
	display: block;
	float: left;
	width: 380px;
	white-space: nowrap;
	padding-left: 9px;
	margin: 0px 0px 0px 5px;
}

div#backToReferences{
	float: left;
	margin-top: 20px;
}

div.catCode{
	border: 1px solid #EEEEEE;
	height: 7px;
	float: left;
	margin-top: 2px;
}

div.catCode img{
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	float: left;
}

div.focus{
	float: left;
	border-left: 1px solid #DADADA;
	loat: left;
	height: 24px;
	line-height: 24px;
	display: block;
}

div#refList ul li div.focus {
	border-left:none;
	padding-left:none;
	position: relative;
	width: 150px;
}

div#refList ul li#refListHeader div.focus {
	margin: 0px 0px 0px 0px;
}

div#refList ul li div.focus span.focus-item-1 {
	position: absolute;
	left: 0px;
	top: 0px;
}

div#refList ul li div.focus span.focus-item-2 {
	position: absolute;
	left: 17px;
	top: 0px;
}

div#refList ul li div.focus span.focus-item-3 {
	position: absolute;
	display: none;
}

div#refList ul li div.focus span.focus-item-4 {
	position: absolute;
	left: 34px;
	top: 0px;
}

div#refList ul li div.focus span.focus-item-5 {
	position: absolute;
	left: 102px;
	top: 0px;
}

div#refList ul li div.focus span.focus-item-6 {
	position: absolute;
	left: 51px;
	top: 0px;
}

div#refList ul li div.focus span.focus-item-10 {
	position: absolute;
	left: 68px;
	top: 0px;
}

div#refList ul li div.focus span.focus-item-11 {
	position: absolute;
	left: 85px;
	top: 0px;
}

ul.references-list {
	margin: 0px!important;
	padding: 0px;
}

ul.references-list li:hover {
	
}

ul.references-list li.left {
	float: left;
	width: 280px;
	border-bottom:1px dotted #ADADAD;
	font-size:11px;
	line-height:24px;
	display: block;
	margin: 0px 0px 0px 0px!important;
}

ul.references-list li.right{
	float: right;
	width: 280px;
	border-bottom:1px dotted #ADADAD;
	font-size:11px;
	line-height:24px;
	display: block;
	margin: 0px 0px 0px 0px!important;
}

ul.references-list li.left a:hover,
ul.references-list li.right a:hover {
	background-color: #e3e3e3;
}

ul.references-list li.left a,
ul.references-list li.right a {
	display: block;
	background-position: 0px 10px!important;
}

div.reference-selection a {
	background-image:url("../gfx/link.gif");
	background-repeat: no-repeat;
	background-position:0 4px;
	padding-left:9px;
}

div#backToReferences a {
	background-image:url("../gfx/link.gif");
	background-repeat: no-repeat;
	background-position:0 4px;
	padding-left:9px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	S2 timelog
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.s2timelog-report{
	margin-bottom: 20px;
}
div.s2timelog-report td{
	text-align: left;
	vertical-align: top;	
}
div.s2timelog-report tfoot td{
	padding-top: 10px;
}

div.s2timelog-report .s2timelog-bold{
	font-weight: bold;
}
div.s2timelog-report .s2timelog-align-right{
	text-align: right!important;
}
div.s2timelog-report .s2timelog-month{
	font-weight: bold;
	padding-top: 20px;
	border-bottom: 1px solid #ADADAD;
}

div.s2timelog-report dl{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ADADAD;
}
div.s2timelog-report dl dt{
	float: left;
	width: 140px;
	font-weight: bold;
}
div.s2timelog-report dl dd{

}
a.s2timelog-back-link-top,
a.s2timelog-back-link-bottom{
	float: right;
	width: 130px;
	text-align: right;
}
a.s2timelog-back-link-bottom{
	margin-top: 15px;
}
.s2timelog-mark-green{

}
.s2timelog-mark-red{
	color: #D4313B;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Top Teaserbox
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.headTeaserWrapper {
	margin:5px 6px 30px -14px;
}

div.headTeaserZone {
	width:603px;
	height:141px;
	background: url("../gfx/teaserBoxBg.gif") no-repeat;
}

div.headTeaserZone a {
	display:block;
	position:absolute;
	top:80px;
	left:430px;
	width:121px;
	height:31px;
	line-height:31px;
	color:white;
	font-size:12px;
	background: url("../gfx/teaserBoxButtonBg.gif") no-repeat;
	text-align:center;
}

div.headTeaserContent  {
	padding:29px 24px 29px 24px;
}

div.headTeaserZone h2 {
	color:white;
	text-transform:uppercase;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	margin-bottom:30px;
}

div.headTeaserZone p {
	display:block;
	color:white;
	font-size:11px;
	width:400px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	KB-Nescefe 50-50 Template
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.content-50-50-wrap {
	
}

div.content-50-50-wrap div.content-50-50-left {
	float: left;
	width: 279px;
}

div.content-50-50-wrap div.content-50-50-right {
	float: left;
	width: 279px;
	margin: 0px 0px 0px 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Top Reference Slider
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.slideshow-wrapper {
	width: 603px;
	height: 141px;
	margin:5px 0px 0px -15px;
}
	
.slideshow-zone {
	width:603px;
	height:141px;
	background-color: #FFFFFF;
	overflow:hidden;
	position:relative;
}

.slideshow-bar {
	width:1900px;
}

div.rotator-image {
	display:block;
	margin:0; padding:0;
	width:603px;
	height: 141px;
	position:relative;
	float:left;
}

div.rotator-desc {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:200px;
	height:141px;
	background-color: #000000;
	background:url("../gfx/rotator/rotator-desc-bg.png") repeat;
	color: #FFFFFF;
}

div.rotator-desc h3 {
	margin: 10px 0px 0px 0px!important;
	text-transform:uppercase;
	font-size:11px;
	padding: 0px 11px 0px 11px!important;
}

div.rotator-desc p {
	font-size:11px;
	padding:0px 11px 0px 11px;
	margin: 10px 0px 0px 0px!important;
}

div.rotator-desc-info {
	width:200px;
	height:18px;
	position:absolute;
	bottom:4px; left:0;
}

div.rotator-desc-info div.icons {
	float:left;
	padding-left:11px;
}

div.rotator-desc-info div.more {
	float:right;
	line-height:15px;
	padding-right:11px;
}

div.rotator-desc-info div.icons img {
}

div.rotator-desc-info div.icons img.active {
	padding-right:4px;
	border:none;
}

div.rotator-desc-info div.icons img.active:hover {
	cursor:help;
}

div.rotator-desc-info div.more a {
	background-image: url(../gfx/linkReferencesTop.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #FFFFFF;
	font-size:10px;
	padding-left: 9px;
	height: 10px;
	line-height: 22px;
}

div.rotator-desc-info div.more a:hover {
	opacity:1;
}

img#rotator-arrow-left, img#rotator-arrow-right {
	display:block;
	position:absolute;
	left:0;
	z-index:900;
	opacity:0.7;
	cursor:pointer;
}

img#rotator-arrow-left {
	top:35px;
}

img#rotator-arrow-right {
	top:79px;
}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Mootools : Tool-Tip Class
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
img.tool-tip {
	cursor: help;
}

div.tip {
	padding: 3px 10px;
	width: 120px;
	height: 15px;
	background-color: #FFFFFF;
	opacity: 0.9;
	border: 1px solid #D32E3F;
	text-align: center;
	font-size: 11px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	ke_questionnaire : Fragebogen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	       

.keq_question {
	border-top: 0;	
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	background: #fff;
	font-weight: bold;
	display:block;
	margin-bottom: 0;
	margin-top: 15px;
	padding-left: 10px;
	width:auto;
	color: #d4313b;
	text-align: left;		 
}			  
.keq_navigation {
	margin:10px auto 0 auto;
	padding: 0 0 10px 0;
	width: 425px;
}
.keq_navigation a {
	background-color:#bfbfbf;
	border: 1px solid #000000;
	color:#000;
	display:block;
	float:left;
	margin:1px;
	padding:3px;
	text-align:center;
	text-decoration:none;
	width:200px;
	font-weight: bold;
}

.keq_navigation a:hover {
	background-color:#d4313b;
	color:#fff;
}
.keq_cleaner {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
}
.keq_selection table {
	border: 0;
	margin: 0;
	width: 100%;
}
.keq_selection thead th {
	background:#bfbfbf;
	border: 0;
	font-weight: normal;
	font-style: italic;
	color:#000;
	padding-left: 5px;
	padding-right: 5px;
}
.keq_selection, .keq_input, .keq_privacy {
	margin: 0 10px 0 10px;
	padding:0px 4px 10px 4px;
	border-left: 1px dotted #a1a1a1;
	border-right: 1px dotted #a1a1a1;
	border-top: 0;
	border-bottom: 0;
}
.keq_selection tbody td { 
	border-bottom: 0px; 
}
.keq_input { 
	text-align: left; 
}
.keq_inp_large {
	width: 200px;
}
.keq_question_blind {
	width:auto;
	padding:0.45em;
}
.keq_matrix_th {
	text-align: center;
}
.keq_matrix_table .keq_img_td_left{
	width: 100px;
	border: 0px;
}
.keq_matrix_radio {
	text-align: center;
	padding-bottom: 10px;
	border: 0;
}
.keq_matrix_radio input {
	border: 0;
}
.even {
	background-color: #dcdcdc;
}
.keq_error {
	color: green;
	font-weight: bold;
}