/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Lukon Verlag / milano / Basic CSS
	April 2008 / Emrullah Demir / S2 intermedia
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Basic
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html, body{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

div#global-wrapper {
	margin: auto;
	text-align: left;
	width: 827px;
	padding-right: 171px;
	overflow: hidden;
}

html[xmlns] {
	height: 100%;
	padding-bottom: 0.005em;
}

h1,h2,h3,h4,h5,p,img,ul,li,form{
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,p{
	margin-bottom: 10px;	
}

ul{
	margin-left: 24px;
	margin-bottom: 24px;
}

* {
	font-size: 12px;
}

a img{
	border: none;
}

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Bugfix IE6 für EM und I Tag
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.csc-textpic-text p.bodytext {
	*margin-right: -1px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Clearfix
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.clearfix {
	min-height: 1%;
}

* html .clearfix {
	height: 1%;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 1px;
	height: 0pt;
	visibility: hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#header-wrap{
	padding-right: 171px;
	margin-bottom: 43px;	
}

div#header-zone{
	padding-left: 171px;
	padding-right: 171px;
	float: left;
	width: 656px;	
}

div.header{
	padding: 10px 4px;
}
div.header *{
	font-size: 14px;
	line-height: 22px;
	padding: 0px;
	margin: 0px;
}

div.header div.company-logo{
	float: left;
}

div.header div.company-name h1 a{
	font-size: 17px;
}

div.header div.company-head p{
	font-size: 11px;
	font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Company
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.company-name h1 a{
	text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation-Zone
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation-zone{
	float: left;
	width: 827px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation-Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-main{
	float: left;
	width: 171px;
}

div.navigation-main ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.navigation-main ul li{
}

div.navigation-main ul li.main-first{
}

div.navigation-main ul li.main-last{
}

div.navigation-main ul li a#main-active{
	font-weight: bold;
}

div.navigation-main ul li a{
	line-height: 14px;
	text-decoration: none;
	display: block;
	padding: 0px 0px 5px 35px;
}

div.navigation-main ul li a#main-active,
div.navigation-main ul li a:hover{
	text-decoration: none;
	background-repeat: no-repeat;
	line-height: 14px;
	background-position: 0px 3px;
}


div.navigation-main ul li.main-last a{
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation-Sub
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-sub{
	height: 100px;
	float: left;
	width: 171px;
}
html>body div.navigation-sub{
	height: auto;
	min-height: 100px;
}

div.navigation-sub ul{
	float: left;
	list-style: none;
	width: 171px;
	margin: 0px;
	padding: 0px;
}

div.navigation-sub ul li{
}

div.navigation-sub ul li.sub-first{
}

div.navigation-sub ul li.sub-last{
}

div.navigation-sub ul li a#sub-active{
	font-weight: bold;
}

div.navigation-sub ul li a{
	line-height: 14px;
	text-decoration: none;
	display: block;
	padding: 0px 0px 5px 35px;
}

div.navigation-sub ul li a#sub-active,
div.navigation-sub ul li a:hover{
	text-decoration: none;
	background-repeat: no-repeat;
	line-height: 14px;
	background-position: 0px 3px;
}

div.navigation-sub ul li.sub-last a{
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation-Service
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-service{
	float: left;
}

div.navigation-service ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}

div.navigation-service ul li{
	display: inline;
	padding-right: 5px;
	margin-right: 4px;
	background-repeat: no-repeat;
	background-position: right 10px;
}

div.navigation-service ul li a{
	text-decoration: none;
	font-size: 10px;
}

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

div.navigation-service ul li.service-first{
}

div.navigation-service ul li.service-last{
	padding-right: 0px;
	margin-right: 0px;
	background-image: none;
}

div.navigation-service ul li a#service-active{
	font-weight: bold;
	font-size: 12px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content-Zone
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.content-zone{
	height: 100px;
	float: left;
	width: 435px;
}

div.content{
	margin: 0px 0px 0px 19px;
}

html>body div.content-zone{
	height: auto;
	min-height: 100px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Context-Zone
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.context-zone{
	height: 100px;
	float: left;
	width: 220px;
}

html>body div.context-zone{
	height: auto;
	min-height: 100px;
}

div.context{
	margin: 0px 0px 0px 28px;
}

div.context p{
	margin-bottom: 18px!important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content-Wrap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#content-wrap{
	width: 827px;
	padding-bottom: 50px;
}

div#content-wrap h1{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 15px;
	margin-left: -1px;
}

div#content-wrap h3,
div#content-wrap h2{
	font-size: 13px;
	margin-bottom: 3px;
}

div#content-wrap p{
	margin-bottom: 24px;
}

div#content-wrap div.content h2,
div#content-wrap div.content h3{
	margin-left: 0px;
	margin-bottom: 0px;
}

div#content-wrap div.content-zone a,
div#content-wrap div.context-zone a{
	text-decoration: none;
}

div#content-wrap div.content-zone a:hover,
div#content-wrap div.context-zone a:hover{
	text-decoration: underline;
	background-image: none!important; 
}

div#content-wrap div.content-zone a,
div#content-wrap div.context-zone a{
	font-weight: bold;
	background-image: url(../gfx/link-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Claim-Zone
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation-zone{
	width: 827px;
}

div.claim-zone{
	float: left;
	height: 190px;
	overflow: hidden;
}

div#claim-zone img{
	float: left;
	display: inline;
}

img.claim-image-1,
img.claim-image-2,
img.claim-image-3,
img.claim-image-4{
	margin: 0px;
}

img.claim-image-1{
	margin-right: 1px;
}

img.claim-image-4{
	margin-right: 0px!important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Footer-Zone
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#footer-wrap{
	margin-left: 29px;
}

div#footer-zone{
	clear: both;
	margin-bottom: 29px;
}

div#footer-zone div.company-address{
	width: 732px;
	float: left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	To-Top
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.to-top{
	clear: both;	
	text-align: right;
}

div.to-top a img{
	float: right;
	display: block;
	margin-right: 2px;
	margin-bottom: 2px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Banner Zonen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#banner-header-zone{
	padding: 1px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / index_search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.search-zone {
}

div.search-zone ul{
	margin: 0px!important;	
	padding: 0px!important;
}

div.tx-indexedsearch-zone label {
	width: 100px!important;
}

div.tx-indexedsearch-zone input {
	width: 299px!important;
}
div.tx-indexedsearch-search-submit input {
	margin-top: 5px;
	width: auto!important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Kontaktformular
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.formular dl dt,
div.formular dl dd,
div.formular h2{
	height: auto;
	float: none;
}

div.formular dl dt{
	width: auto!important;
	font-weight: bold;
	padding-top: 10px;
}

div.formular dl dd{
	
}

div.formular dl dd.formular-radio{
	font-weight: bold;	
}


div.formular dl dd.formular-input input,
div.formular dl dd.formular-textarea textarea,
div.formular dl dd.formular-input textarea{
	width: 250px!important;
	border: 1px solid #8F8F94;
}

div.formular dl dd.formular-input textarea{
	width: 350px!important;
}

div.formular dl dd.formular-submit input{
	border: 1px solid #8F8F94;
	background-color: #FFFFFF;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Typo3 Tabellen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table.contenttable td{
	vertical-align: top;	
}

table.contenttable-0{
	width: 100%;	
}




table.contenttable-1 tr .td-0{
	width: 100px!important;
}

table.contenttable-1 .tr-0 td{
	
}

table.contenttable-1 .tr-last td{
	padding-bottom: 20px;
}