/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Screen CSS:	Tierschutzverein Bern */
/* Copyright:	mediaparx.com         */
/* Date:		March 2006            */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*===============*/
/* HTML ELEMENTS */
/*===============*/
body {
	padding:0em;
	margin:0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size:medium;
	font-size-adjust: none;
	font-stretch: normal; 
	text-align: center;
	background:url(../auxx/img_bg_body.gif);
}

a {
	text-decoration:none;
}

p {
	margin:0em;
	padding:0em;
}

ul{
	margin:0px;
	padding:0px;
	margin-left:15px;
	padding-left:0px;
}

ol{
	margin:0px;
	padding:0px;
	margin-left:15px;
	padding-left:0px;
}


img {
	padding:0em;
	margin:0em;
	border:0em;
}

h1 {
	font-size:150%;
	line-height:140%;
	color:#383A02;
	padding:0em;
	margin:0em;
	padding-bottom:3px;
}

.TitleTab {
	font-size:150%;
	line-height:160%;
	color:#FFFFFF;
	padding:0em;
	margin:0em;
}

h2 {
	font-size:120%;
	line-height:120%;
	color:#B0B710;
	padding:0em;
	margin:0em;
	margin-bottom:0.25em;
}

td h2 {
	font-size:120%;
	line-height:140%;
	color:#B0B710;
	padding:0em;
	margin:0em;
	margin-bottom:0.25em;
}

.tier_title {
	display: inline;
	font-size:120%;
	font-weight: bold;
	line-height:120%;
	color:#B0B710;
	padding:0em;
	margin:0em;
	margin-bottom:0.25em;	
}

input, select, textarea{
	font-size:95%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/*====================*/
/* ADDITIONAL CLASSES */
/*====================*/

/* REMOVES ALL FORMATTINGS */
.clear {
	clear:both;
	margin:0em;
	padding:0em;
	height:0em;
	font-size:0em;
	line-height:0em;
}

/*=====================*/
/*BASIC LAYER ELEMENTS */
/*=====================*/

#Container {
	margin:0em auto;
	padding:0em;
	margin-top:20px;
	width:909px;
	height:auto;
	text-align:left;
	font-size:65%;
	line-height:160%;
}

/*=====================*/
/*ALL ABOUT THE HEADER */
/*=====================*/

#Container #Header{
	float:left;
	margin:0em;
	padding:0em;
	width:909px;
	height:155px;
	text-align:left;
}

/*================================*/
/*ALL ABOUT THE CONTENT CONTAINER */
/*================================*/

#Container #ContainerContent{
	float:left;
	margin:0em;
	padding:0em;
	border:0em;
	width:909px;
	min-height:600px;
	background:url(../auxx/img_bg_contentcontainer.gif);
	text-align:left;
	padding-right:0px;
	padding-bottom:20px;
}

/*=========================*/
/*ALL ABOUT THE NAVIGATION */
/*=========================*/

#Container #ContainerContent #Navigation{
	float:left;
	margin:0em;
	padding:0em;
	border:0em;
	width:186px;
	padding-left:2px;
}

#Container #ContainerContent #Navigation #NavigationHeaderPic{
	float:left;
	margin:0em;
	padding:0em;
	border:0em;
	width:186px;
	height:41px;
	margin-left:-2px;
}

#Container #ContainerContent #Navigation a{
	float:left;
	display:block;
	text-decoration:none;
}

#Container #ContainerContent #Navigation a.NaviLevel1{
	width:181px;
	padding-left:5px;
	padding-top:0.35em;
	padding-bottom:0.35em;
	background:#A0A900;
	font-size:120%;
	line-height:130%;
	color:#FFFFFF;
}

#Container #ContainerContent #Navigation a.NaviLevel1:hover,
#Container #ContainerContent #Navigation a.NaviLevel1active{
	width:181px;
	padding-left:5px;
	padding-top:0.35em;
	padding-bottom:0.35em;
	background:#6F0606;
	font-size:120%;
	line-height:130%;;
	color:#FFFFFF;
}

#Container #ContainerContent #Navigation a.NaviLevel2{
	width:171px;
	padding-left:15px;
	padding-top:0.25em;
	padding-bottom:0.25em;
	background:#6D710B;
	font-size:100%;
	line-height:130%;
	font-weight:bold;
	border:0em;
	color:#FFFFFF;
}

#Container #ContainerContent #Navigation a.NaviLevel2:hover,
#Container #ContainerContent #Navigation a.NaviLevel2active{
	width:171px;
	padding-left:15px;
	padding-top:0.25em;
	padding-bottom:0.25em;
	background:#6D710B;
	font-size:100%;
	line-height:130%;
	font-weight:bold;
	border:0em;
	color:#DBE32D;
}

#Container #ContainerContent #Navigation a.NaviLevel3{
	width:160px;
	padding-left:26px;
	background:#6D710B;
	font-size:100%;
	line-height:170%;
	font-weight:bold;
	border:0em;
	color:#FFFFFF;
}

#Container #ContainerContent #Navigation a.NaviLevel3:hover,
#Container #ContainerContent #Navigation a.NaviLevel3active{
	width:160px;
	padding-left:26px;
	background:#6D710B;
	font-size:100%;
	line-height:170%;
	font-weight:bold;
	border:0em;
	color:#DBE32D;
}

#Container #ContainerContent #Navigation .NaviLinieVertical{
	float:left;
	height:1px;
	line-height:1px;
	width:186px;
	background:url(../auxx/navi/img_line_vertical.gif);
}


/*=================*/
/* CONTENT BORDERS */
/*=================*/

#Container #ContainerContent #ContentDummy #ContentBorderL{
	float:left;
	margin:0em;
	padding:0em;
	border:0em;
	width:16px;
}

#Container #ContainerContent #ContentDummy #ContentBorderR{
	float:left;
	margin-top:0em;
	padding:0em;
	margin:0em;
	border:0em;
	width:34px;
}

/*===========================*/
/*ALL ABOUT THE CONTENT AREA */
/*===========================*/

#Container #ContainerContent #ContentDummy{
	float:left;
	margin:0em;
	padding:0em;
	width:721px;
	text-align:left;
}

#Container #ContainerContent #ContentDummy #MetaNavi{
	float:left;
	margin:0em;
	padding:0em;
	width:671px;
	padding-top:0.25em;
	padding-bottom:0.25em;
	margin-bottom:10px;
	text-align:right;
	border-top:#BCC32A 2px solid;
	border-bottom:1px #0A2359 dashed;
}

#Container #ContainerContent #ContentDummy #MetaNavi a{
	margin:0.5em;
	color:#0A2359;
	border:none;
}

#Container #ContainerContent #ContentDummy #MetaNavi a:hover{
	margin:0.5em;
	color:#FFFFFF;
	background:#0A2359;
}

#Container #ContainerContent #ContentDummy #Content{
	float:left;
	margin:0em;
	padding:0em;
	width:671px;
}

#Container #ContainerContent #ContentDummy #Content #ColumnText {
	float:left;
	margin:0em;
	padding:0em;
	width:496px;
	color:#061638;
}

#Container #ContainerContent #ContentDummy #Content #ColumnText .Entry{
	margin-top:10px;
	margin-bottom:10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #E8E7E7;
}

#Container #ContainerContent #ContentDummy #Content #ColumnText .Eingerueckt{
	margin-left:10px;
}

#Container #ContainerContent #ContentDummy #Content #ColumnText .TextAnimal{
	float:left;
	width:400px;
}

/* Angaben zu den Tabellen */
#Content #ColumnText .Table2Columns{
	width:90%;
}

#Content #ColumnText .Table2Columns .Column1{
	width:85px;
	padding-right:5px;
	vertical-align:top;
}

#Content #ColumnText .Table2Columns .Column2{
	vertical-align:top;
}

#Content #ColumnText .Table2Columns .RowSeparator{
	line-height:9px;
	height:9px;
	background:url(../auxx/img_linevertical_light.gif) 0px 2px repeat-x;
}

#ContainerContent #ContentDummy #Content .RowSeparatorShop{
	font-size:11px;
	line-height:11px;
	height:11px;
	background:url(img_linevertical_light.gif) 50% repeat-x;
}

#Container #ContainerContent #ContentDummy #Content .VerticalLine{
	float:left;
	margin:0em;
	padding:0em;
	width:100%;
	height:1px;
	line-height:1px;
	background:url(../auxx/img_linevertical.gif);
	margin-top:10px;
	margin-bottom:10px;
}

#Container #ContainerContent #ContentDummy #Content .VerticalLineNews{
	float:left;
	margin:0em;
	padding:0em;
	width:100%;
	height:1px;
	line-height:1px;
	background:url(../auxx/img_linevertical.gif);
	margin-top:4px;
	margin-bottom:4px;
}

#Container #ContainerContent #ContentDummy #Content .BildmitRahmenLinks {
	padding:1px;
	border:1px solid #AFBCBA;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:4px;
}

#Container #ContainerContent #ContentDummy #Content .align-right {
	text-align: right;
}
#Container #ContainerContent #ContentDummy #Content .align-left {
	text-align: left;
}
#Container #ContainerContent #ContentDummy #Content .align-center {
	text-align: center;
}

#Container #ContainerContent #ContentDummy #Content a{
	color:#0A2359;
	border-bottom:1px dotted #0A2359;
}

#Container #ContainerContent #ContentDummy #Content a:hover{
	color:#FFFFFF;
	background:#0A2359;
	border:none;
}

#Container #ContainerContent #ContentDummy #Content a.LinkImage{
	border-bottom:none !important;
}

#Container #ContainerContent #ContentDummy #Content a.LinkImage:hover{
	background:none !important;
	border:none !important;
}

#Container #ContainerContent #ContentDummy #Content #AgendaListBox a{
	color:#383A02;
	border-bottom:1px dotted #383A02;;
}

#Container #ContainerContent #ContentDummy #Content #AgendaListBox a:hover{
	color:#383A02;
	background:#FFFFFF;
	border:none;
}

#Container #ContainerContent #ContentDummy #Content #ColumnNews{
	float:left;
	margin:0em;
	padding:0em;
	margin-left:19px;
	width:156px;
}

#Container #ContainerContent #ContentDummy #Content #ColumnNews #NewsTitleTab{
	float:left;
	margin:0em;
	padding:0em;
	width:146px;
	padding-left:10px;
	background:url(../auxx/index/img_tab_news.gif);
	color:#FFFFFF;
}

#Container #ContainerContent #ContentDummy #Content #ColumnNews .NewsBox{
	float:left;
	margin:0em;
	padding:8px;
	width:140px;
	background:#E3E4E6;
}

#Container #ContainerContent #ContentDummy #Content #ColumnNews .NewsBox .Datum{
	font-weight:bold;
	color:#383A02;
}


#Container #ContainerContent #ContentDummy #Content #ColumnFeaturebox{
	float:left;
	margin:0em;
	padding:0em;
	margin-left:19px;
	width:156px;
}

#Container #ContainerContent #ContentDummy #Content #ColumnFeaturebox .Featurebox{
	float:left;
	margin:0px;
	padding:0px;
	width:156px;
	background:url(../auxx/featurebox/bg_fb.gif) bottom;
	color:#FFFFFF;
	font-size:100%;
	margin-bottom:10px;
	padding-bottom:10px;
}
#Container #ContainerContent #ContentDummy #Content #ColumnFeaturebox .Featurebox p{
	padding-left:5px;
	padding-right:5px;
}

#Container #ContainerContent #ContentDummy #Content #ColumnFeaturebox .Featurebox a{
	color:#FFFFFF;
	margin-bottom:3px;
	border-bottom:1px dashed #fff;
}

#Container #ContainerContent #ContentDummy #Content #ColumnFeaturebox .Featurebox a:hover {
	color:#6f0606;
	margin-bottom:3px;
	background:#fff;
}

#Container #ContainerContent #ContentDummy #Content #ColumnFeaturebox #AgendaTitleTab{
	float:left;
	margin:0em;
	padding:0em;
	width:146px;
	padding-left:10px;
	background:url(../auxx/index/img_tab_agenda.gif);
	color:#E5E792;
}

#Container #ContainerContent #ContentDummy #Content #ColumnFeaturebox .AgendaBox{
	float:left;
	margin:0em;
	padding:8px;
	width:140px;
	background:#E5E792;
	color:#383A02;
}

#Container #ContainerContent #ContentDummy #Content #ColumnFeaturebox .AgendaBox .Datum{
	font-weight:bold;
	color:#061638;
}


/*====================*/
/*ALL ABOUT THE FORMS */
/*====================*/
fieldset{
	border:none;
	margin-bottom:10px;
}

label{
	display:block;
}

.LabelText{
	float:left;
	width:130px;
	margin-bottom:10px;
}

.LabelRadio{
	float:left;
	width:40px;
}

.TextField{
	float:left;
	width:198px;
	margin-bottom:10px;
	border:1px solid #0A2359;
	padding:1px;
}

.TextFieldSmall{
	float:left;
	width:100px;
	border:1px solid #0A2359;
	padding:1px;
	margin-top:3px;
}

select{
	float:left;
	width:202px;
	margin-bottom:10px;
}

textarea{
	float:left;
	width:198px;
	margin-bottom:10px;
	border:1px solid #0A2359;
	padding:1px;
}

#ContainerFormError{
	margin-top:10px;
	border:1px solid #6F0606;
}

#ContainerFormError h2{
	color:#FFFFFF !important;
	padding:5px;
	background:#6F0606;
}

#ContainerFormError ul{
	margin-left:20px;
	padding-left:0px;
	color:#6F0606;
	margin-top:5px;
	margin-bottom:5px;
}

.ButtonForm{
	border:none;
	padding:2px;
	background:#0A2359;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}

.Checkbox{
	margin-top:5px;
}

.Radio{
	float:left;
}

#Zahlungsarten{
	float:left;
	width:323px;
	background:#f0efe0;
	border:1px #b4b3a9 solid;
}

#Zahlungsarten .Radio{
	float:left;
	margin-right:10px;
}

#Zahlungsarten .LabelText{
	float:left;
	width:auto !important;
	margin-bottom:10px;
	margin-right:5px;
}

#Zahlungsarten select{
	float:left;
	width:120px;
	margin-bottom:10px;
}

#Zahlungsarten .LegendText{
	font-size:90%;
	line-height:140%;
}

/*====================*/
/*ALL ABOUT THE FORMS */
/*====================*/
#TableAnimals{

}

#TableAnimals .Column1{
	width:130px;
}

#TableAnimals .Column2{
	width:100px;
	text-align:center;
}

#TableAnimals .Column3{
	width:100px;
	text-align:center;
}


/*=========*/
/* SITEMAP */
/*=========*/
.csc-sitemap{
	float:left;
}

.csc-sitemap .sitemap{
	font-size:100%;
	line-height:110%;
	margin-left:0px;
	padding-left:0px;
}

.csc-sitemap .sitemap .sm1{
	font-size:120%;
	line-height:140%;
	list-style:none;
	padding-bottom:10px;
	border-bottom:1px dotted #0A2359;
	margin-bottom:10px;
	display:block;
	width:496px;
}

.csc-sitemap .sitemap .sm1 a{
	text-transform:uppercase;
	font-weight:bold;
}

.csc-sitemap .sitemap .sm1 ul .sm2{
	font-size:90%;
	line-height:200%;
	list-style:none;
}

.csc-sitemap .sitemap .sm1 ul .sm2 a{
	text-transform:uppercase;
	font-weight:normal !important;
}

.csc-sitemap .sitemap .sm1 ul .sm2 ul .sm3{
	font-size:90%;
	line-height:200%;
	list-style:none;
}

.csc-sitemap .sitemap .sm1 ul .sm2 ul .sm3 a{
	text-transform:uppercase;
	font-weight:normal !important;
	border:none !important;
}

/*=========*/
/* FOOTER  */
/*=========*/
#Container #ContainerFooter{
	float:left;
	margin:0em;
	/*padding-left:205px;*/
	border:0em;
	width:909px;
	text-align:center;
	padding-top:5px;
	padding-bottom:20px;
	font-size:90%;
	color:#FFF;
}

#Container #ContainerFooter a{
	color:#FFF;
}