/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/* -----------------------------------------------
	standard formatting, do not change!!!
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	font-size:12px;
	font-family: Trebuchet MS,Arial,Verdana,Helvetica,sans-serif;
	color:black;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

caption {
	display: none;
}

table {
	border-collapse: collapse;
}

th {
	text-align: left;
	vertical-align: top;
}

td {
	vertical-align: top;
}

ul,
ol {
	list-style: none;
}

fieldset {
	border: none;
}

legend {
	display: none;
}

form .text {
	border-width: 1px;
	border-style: solid;
}

form .button {
	border-width: 1px;
	border-style: solid;
	text-align: center;
	cursor: pointer;
}

form .button.image {
	background-position: 50% 50%;
}

form .button.image span {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	height: 0;
	margin-top: 0 !important;
	margin-top: -2px;
	font-size: 1px;
}

.hidden {
	display: none;
	position: absolute;
	left: -9999px;
}



/* -----------------------------------------------
                Sitemap
----------------------------------------------- */

#content ul.csc-sitemap li{
	margin-bottom: 15px;
}

#content ul.csc-sitemap li ul li{
    padding-left: 30px;
    margin-bottom: 5px;
}

#content ul.csc-sitemap li ul {
	margin-top:5px;
}

/* -----------------------------------------------
               image-rendering
----------------------------------------------- */
.csi-intext-left-nowrap {
	position:relative;
	margin-top:30px;
}

.csi-intext-left-nowrap .csi-imagewrap{
	margin-top:3px;
}

.csi-intext-left-nowrap .csc-textpicHeader{
	position:absolute;
	left:0;
	top:-30px;
}

.csi-intext-right-nowrap .csi-imagewrap{
	margin-top:20px;
}


/* -----------------------------------------------
	Formular Grundformatierungen
----------------------------------------------- */
#mainContent .standardForm {
	padding-top: 15px;
}

#mainContent .standardForm h2,
#mainContent .standardForm h3,
#mainContent .standardForm h4,
#mainContent .standardForm h5,
#mainContent .standardForm h6 {
	position: relative;
	top: -15px;
}

#mainContent .standardForm .commentElement h2,
#mainContent .standardForm .commentElement h3,
#mainContent .standardForm .commentElement h4,
#mainContent .standardForm .commentElement h5,
#mainContent .standardForm .commentElement h6 {
	top: 0;
}

#mainContent .standardForm hr {
	margin: 15px 0 8px 0 !important;
	margin: 10px 0 5px 0;
}

input { padding-left:2px }

/* Zeilen Elemente */
#mainContent .formElement,
#mainContent .commentElement {
	/* width of the Element*/
	width: 493px !important;
	width: 506px;
	/* space to the next Element */
	margin-top: -12px !important;
	margin-top: -14px;
	/* padding of the Element, top and bottom interacts with the margin above*/
	padding-top: 3px;
}

#mainContent .commentElement {
	/* depends on the margin of the form Element */
	padding-bottom: 16px;
}

/* Input Elements */
#mainContent .formElement input,
#mainContent .formElement textarea,
#mainContent .formElement select,
#mainContent .formElement .radioBox  {
	display: block;
	position: relative;
	/* adjustment of the input elements */
	top: -14px !important;
	top: -15px;
	/* distance to the left border*/
	left: 200px;
	/* width of the input element*/
	width: 282px;
}

/* special adjustment for IE */
#mainContent .formElement input.check,
#mainContent .formElement .radioBox  {
	left: 200px !important;
	left: 196px;
}

/* label, should be less the the input distance to the left border*/
#mainContent .formElement label {
	display: inline;
	width: 140px;
	cursor: pointer;
}

/* Reset width of special input element */
#mainContent .formElement .button,
#mainContent .formElement .radio,
#mainContent .formElement .check {
	width: auto;
}

/* Special adjusment for the buttons */
#mainContent .formElement input.button {
	top: -1px !important;
	top: -1px;
	margin-bottom: -10px !important;
	margin-bottom: -23px;
}

#mainContent .formElement span.requiredElement {
	position: relative;
	top: 0;
}

/* special radio format */
#mainContent .formElement span.outerLabel {
	position: relative;
	top: 0;
	cursor: auto;
}

#mainContent .formElement .radioBox input {
	display: inline;
	position: static;
	margin-right: 5px;
}

#mainContent .formElement .radioBox label {
	display: inline;
	position: static;
	line-height: 18px;
}
 

body {
	background-color: #F6F6F6;
	background-image: url(./../images/bg.gif);
	background-repeat:repeat;
	padding-bottom:10px;
}

body#print {
	background-color:#FFFFFF;
	background-image: none;
}

form .text {
	border-color: #8E876B;
	width: 200px;
}

form .short{
	width: 100px;
}

form .button {
	padding: 0 5px 0 5px;
	border-color: #8E876B;
	background-color: #fff;
	color: #000;
}

form .button.image {
	border-color: transparent;
	background-color: transparent;
	color: #C6C2B5;
}



#box {
	/*top: 110px;*/
	width: 820px;
	margin: 10px auto;
	background-color: #FFF;
}

#borderBottom {
	margin-top:10px;
	height:10px;
	background-image: url(./../images/bg.gif);
	background-repeat:repeat;
}

#border {
	margin: 10px 10px 0px 10px;
	padding-bottom:10px;
}

#header {
	position: relative;
	height: 50px;
	background: #FFF url(../images/header_bg.png) no-repeat;
}


span.header  {
	display: block;
	width: 700px;
	height: 40px;
	/*text-indent: -9999px;*/
}

#logo img {
	display: none;
}

#language {
	position: absolute;
	right: 2px;
	bottom: 12px;
}

#language li {
	float: left;
	display: block;
	line-height: 15px;
	color:#FFF;
}

#language li a {
	padding: 0 2px;
	color:#FFF;
}

#language li a:hover {
	color: rgb(198, 194, 181);
}

#language li a.act {
	color: rgb(198, 194, 181);
}




#mainNavigation {
	height: 18px;
	margin-bottom: 10px;
	background-color: #eae8e3;
}

#mainNavigation li {
	
	float: left;
}

#mainNavigation li a {
	display: block;
	line-height: 18px;
	padding: 0 10px;
	color: #C00;
	font-weight: bold;
	font-size:13px;
}

#mainNavigation li a:hover {
	background-color: #C6C2B5;
}



#mainNavigation ul.menu li {
    padding:0;
    margin:0;
    float:left;
}

 ul.menu ul {
    position: absolute;
    display:none;
	z-index:1;
}


/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
 ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}

#mainNavigation ul li {
float:none;
background-color: #eae8e3;
}




#leftCol {
	float: left;
	clear: both;
	width: 124px;
}

#leftCol .leftContent {
	padding:0 4px;
	background-color: #EAE8E3;

}

	#subNavigation {
		margin-bottom: 10px;
		background-color: #EAE8E3;
	}
	
	#subNavigation li a, 
	#subNavigation li span {
		display: block;
		height: auto !important;
		height: 16px;
		line-height: 16px;
		padding-left: 4px;
		padding-top:2px;
	}
	
	#subNavigation li span {
		background-color: #C00;
		color: #FFF;
		font-weight: bold;
	}
	#subNavigation li span a:hover {
		color: black;
		background-color: #C00;
	}
	
	
	#subNavigation li a.cur {
		color: #C00;
	}
	
	#subNavigation li a:hover {
		background-color: #C6C2B5;
	}

	#subNavigation li ul {
		padding-bottom: 12px;
	}

	#loginBox {
		padding: 4px;
		background-color: #EAE8E3;
	}

	#leftCol h2 {
		margin: -4px -4px 4px -4px;
		padding: 0 4px;
		line-height: 16px;
		background-color: #C00;
		color: #FFF;
		font-weight: normal;
	}
	
	#rss {
		margin:0 0 0 4px;
	}

	#loginBox .text {
		height: auto !important;
		height: 20px;		
		margin-right: 2px !important;
		margin-right: 6px;
		padding: 2px 0;
		border-color: #C6C2B5;
		width: 85px;
	}
	
	#loginBox .button {
		top: 1px !important;
		top: 0px;
		padding-top: 1px;
		padding-bottom: 1px;
	}

	#loginBox .button.image {
		border-color: #C6C2B5;
		background-image: url(../images/login_button.png);
	}

	#loginBox .button {
		top: 1px !important;
		top: 0px;
	}

#midCol {
	float: left;
	width: 506px;
	margin-top:0;
	margin-left:10px;
	margin-right:10px;
	overflow:hidden;
}

	#contentBanner {
		height: 60px;
		background-color: #EAE8E3;
		text-align: right;
	}

		
	#mainContent .contentElement {
		margin-bottom: 15px;

	}
	
	#mainContent .banner {
		height: 60px;
		background-color: #EAE8E3;
		text-align: right;
	}



	#mainContent h2 {
		color: #c00;
		font-size: 24px;
	}
	
	#mainContent .tx-rgsmoothgallery-pi1 h2 {
		color: #000;
		font-size: 11px;
	} 
	
	#mainContent h3,
	#mainContent h3 a,
	#mainContent h3 a:hover {
 		color: #c00;
		font-size: 16px;
	}


	#mainContent h4 {
		color: #8e876b;
		font-size: 16px;
	}

/*
	#mainContent h5 {
		color: #8e876b;
	}
*/

	#mainContent h5,
	#mainContent h5 a,
	#mainContent h5 a:hover {
 		color: #8e876b;
		font-size: 12px;
	}

	#loginBox a {
		padding-left: 5px;
		background: url(../images/link_icon.png) no-repeat 0 3px;
	}
		
	#mainContent a,
	#loginBox a {
		color: #C00;
	}

	#mainContent a:hover,
	#loginBox a:hover {
		color: #8E876B;
	}
	
	#loginBox a:hover {
		background-color: #EAE8E3;
		color: #8E876B;
	}
	
	#mainContent hr {
		height: 1px;
		margin: 5px 0 3px 0 !important;
		margin: 0;
		border: 0;
		border-top: 1px solid #8E876B;
	}
	
	#mainContent .csc-bulletlist {
		padding-left:2px;
	}
	
	#mainContent .csc-bulletlist li {
		padding-left: 10px;
		background: url(../images/bulletlist_standard.png) no-repeat 0 6px;
	}

#rightCol {
	float: left;
	width: 150px;
	background:white;
}

	#searchBox,
	#rightCol .contentElement {
		margin-bottom: 10px;
		background-color: white;
	}

	#searchBox,
	.contentBox {
		padding: 4px;
	}
	
	/*#rightCol .contentBox {
		margin: 0 -4px 0 0;
		background-color: #8E876B;
	}*/

	#rightCol h2 {
		padding: 0 4px;
		line-height: 16px;
		border-bottom: 1px solid #8E876B;
		color: #8E876B;
		font-size: 12px;
		font-weight: normal;
	}
	#rightCol h1{

		margin: 5px 0 3px 0 !important;
		margin: 0;
		border: 0;
		margin: -4px -4px 4px -4px;
		padding: 0 4px;
		line-height: 16px;
		font-size:12px;
		background-color: #C00;
		border-bottom:0px;
		color: #FFF;
		font-weight: bold;

	}

	#rightCol .contentElement p {
		padding: 4px 4px 0px 4px;
	}
	
	#searchBox h2 {
		margin: -4px -4px 4px -4px;
		padding: 0 4px;
		line-height: 16px;
		border-bottom: 1px solid #8E876B;
		color: #8E876B;
		font-size: 12px;
		font-weight: normal;
	}
	
	#searchBox .text {
		height: auto !important;
		height: 20px;		
		margin-right: 2px !important;
		margin-right: 6px;
		padding: 2px 0 2px 4px;
		border-color: #C6C2B5;
		width: 108px !important;
		width: 112px;
	}
	
	#searchBox .button {
		top: 1px !important;
		top: 0px;
		padding-top: 1px;
		padding-bottom: 1px;
	}

	#searchBox .button.image {
		border-color: #C6C2B5;
		background-image: url(../images/login_button.png);
	}

	#footer {
		height: 15px;
		background:#cc0000 url(/uploads/pics/logo_tink.ch.gif) left top no-repeat;
		width:760px;
		padding-left:40px;
	}
	
	#footer p{
		display:inline;
		margin-left:50px;
	}
	#footer a{
		color:#FFF;
		font-size:12px;
	}
	#footer a:hover{
		color:black;
	}

	#metaNavigation li {
		float: left;
	}

	#metaNavigation li a {
		display: block;
		line-height: 15px;
		padding: 0 4px;
		color: #8E876B;
	}
	
	#metaNavigation li a:hover {
		color: #C00;
	}
	
	#metaNavigation li a.cur {
		color: #C6C2B5;
	}
		
	#copyright {
		padding: 0 4px;
		color: #B7B2A1;
	}


/* -----------------------------------------------
               image-rendering
----------------------------------------------- */
#mainContent .csc-caption {
	color: #8e876b;
	font-size: 11px;
}

#mainContent .csc-caption a {
	color: #c00;
}

#mainContent .csc-caption a:hover {
	color: #8e876b;
}

/* -----------------------------------------------
	Formular Formatierungen
----------------------------------------------- */
#mainContent .standardForm {
	padding-top: 28px;
}

#mainContent .standardForm h2,
#mainContent .standardForm h3,
#mainContent .standardForm h4,
#mainContent .standardForm h5,
#mainContent .standardForm h6 {
	top: -28px;
}

/* Zeilen Elemente */
#mainContent .formElement,
#mainContent .commentElement {
	margin-top: -23px !important;
	margin-top: -25px;
	padding: 5px 10px 13px 10px;
}

#mainContent .formElement,
#mainContent .commentElement {
	background-color: white;
	border-top: 1px solid #fff;
}

#mainContent .commentElement {
	padding-bottom: 29px;
}

#mainContent .formElement input.button {
	top: -1px !important;
	top: -14px;
}


/* -----------------------------------------------
	Newsletter Subscription Formatierungen
----------------------------------------------- */

span.error {
	color:red;
}

.tx-sremailsubscribe-pi1 table.newsletter td{
	padding:3px 6px;
}

.tx-sremailsubscribe-pi1 table.newsletter{
	background-color: #EAE8E3;
}


.tx-sremailsubscribe-pi1 table.newsletter tr{
	border-bottom:1px solid #fff;
}




.tx-sremailsubscribe-pi1 p.alreadysubscribed{
	font-weight:bold;
	margin:10px 0 0 0;
}



/** -------------- **/

body .csc-textpic-intext-left-nowrap .csc-textpic-text {
margin-left:0;
margin-left:10px !important;
}

#tt_address_form .newsletter select {
	width: 204px;
	border-width:1px;
	border-style: solid;
	border-color: #8E876B;
}



/* -----------------------------------------------
	standard formatting, do not change!!!
----------------------------------------------- */



caption {
	display: none;
}

table {
	border-collapse: collapse;
}

th {
	text-align: left;
	vertical-align: top;
}

td {
	vertical-align: top;
}

ul,
ol {
	list-style: none;
}

fieldset {
	border: none;
}

legend {
	display: none;
}

form .text {
	border-width: 1px;
	border-style: solid;
}

form .button {
	border-width: 1px;
	border-style: solid;
	text-align: center;
	cursor: pointer;
}

form .button.image {
	background-position: 50% 50%;
}

form .button.image span {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	height: 0;
	margin-top: 0 !important;
	margin-top: -2px;
	font-size: 1px;
}

.hidden {
	display: none;
	position: absolute;
	left: -9999px;
}


/* -----------------------------------------------
                Sitemap
----------------------------------------------- */

#content ul.csc-sitemap li{
	margin-bottom: 15px;
}

#content ul.csc-sitemap li ul li{
    padding-left: 30px;
    margin-bottom: 5px;
}

#content ul.csc-sitemap li ul {
	margin-top:5px;
}

/* -----------------------------------------------
               image-rendering
----------------------------------------------- */
.csi-intext-left-nowrap {
	position:relative;
	margin-top:30px;
}

.csi-intext-left-nowrap .csi-imagewrap{
	margin-top:3px;
}

.csi-intext-left-nowrap .csc-textpicHeader{
	position:absolute;
	left:0;
	top:-30px;
}

.csi-intext-right-nowrap .csi-imagewrap{
	margin-top:20px;
}


/* -----------------------------------------------
	Formular Grundformatierungen
----------------------------------------------- */
#mainContent .standardForm {
	padding-top: 15px;
}

#mainContent .standardForm h2,
#mainContent .standardForm h3,
#mainContent .standardForm h4,
#mainContent .standardForm h5,
#mainContent .standardForm h6 {
	position: relative;
	top: -15px;
}

#mainContent .standardForm .commentElement h2,
#mainContent .standardForm .commentElement h3,
#mainContent .standardForm .commentElement h4,
#mainContent .standardForm .commentElement h5,
#mainContent .standardForm .commentElement h6 {
	top: 0;
}

#mainContent .standardForm hr {
	margin: 15px 0 8px 0 !important;
	margin: 10px 0 5px 0;
}

input { padding-left:2px }

/* Zeilen Elemente */
#mainContent .formElement,
#mainContent .commentElement {
	/* width of the Element*/
	width: 493px !important;
	width: 506px;
	/* space to the next Element */
	margin-top: -12px !important;
	margin-top: -14px;
	/* padding of the Element, top and bottom interacts with the margin above*/
	padding-top: 3px;
}

#mainContent .commentElement {
	/* depends on the margin of the form Element */
	padding-bottom: 16px;
}

/* Input Elements */
#mainContent .formElement input,
#mainContent .formElement textarea,
#mainContent .formElement select,
#mainContent .formElement .radioBox  {
	display: block;
	position: relative;
	/* adjustment of the input elements */
	top: -14px !important;
	top: -15px;
	/* distance to the left border*/
	left: 200px;
	/* width of the input element*/
	width: 282px;
}

/* special adjustment for IE */
#mainContent .formElement input.check,
#mainContent .formElement .radioBox  {
	left: 200px !important;
	left: 196px;
}

/* label, should be less the the input distance to the left border*/
#mainContent .formElement label {
	display: inline;
	width: 140px;
	cursor: pointer;
}

/* Reset width of special input element */
#mainContent .formElement .button,
#mainContent .formElement .radio,
#mainContent .formElement .check {
	width: auto;
}

/* Special adjusment for the buttons */
#mainContent .formElement input.button {
	top: -1px !important;
	top: -1px;
	margin-bottom: -10px !important;
	margin-bottom: -23px;
}

#mainContent .formElement span.requiredElement {
	position: relative;
	top: 0;
}

/* special radio format */
#mainContent .formElement span.outerLabel {
	position: relative;
	top: 0;
	cursor: auto;
}

#mainContent .formElement .radioBox input {
	display: inline;
	position: static;
	margin-right: 5px;
}

#mainContent .formElement .radioBox label {
	display: inline;
	position: static;
	line-height: 18px;
}


div .spacer {
display: inline;
padding-left:270px;
}

li .first a {
	color:white;
	}



#search, div .gsc-control {
width:99%;
}



.cur {
background-color: #EAE8E3;
}


.rgmediaimages-player {
display:inline;
}

p .bodytext {
line-height: 2;
}


#rightCol li {
	margin-top:4px;
	margin-bottom:2px;
	padding-bottom:4px;
	border-bottom:#cc0000 solid 1px;
	}

#rightCol li:hover {
background-color:#eae8e3;
}
	
#rightCol h5 {
	background-color:#cc0000;
	color:white;
	font-size:12px;
	font-weight:bold;
	border:0;
	padding-left:2px;
	}