/* ... IN VALID CODE WE TRUST ...http://www.intensivstation.ch */
/* css created by miss monorom 2005 http://www.monorom.to */
/* This css is made specialy for BX-CMS  */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by/2.0/deed.en  */

/* @import url(bx-additions.css); */

/*body element, you can overwrite that with a custom stylesheet for example in mozilla*/

#www-tiri-de, body { 
	background: #fff url(../images/bg_2048x5.gif) repeat-y scroll 0 0;
	line-height: 1.2em;
	font-family:  'Franklin Gothic Book', Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 13px;
	padding:0px;
	margin: 0px;
	color:#666;
}
body * {
	/* border: 1px dotted red; */
}

/* for iePC */ td{
	font-size: 12px;
}

h1{
	font-size:18px;
}
h2{
	font-size:16px;
}
h3{
	font-size:14px;
}
h4{
	font-size:12px;
}

form{
	padding: 0px;
	margin: 0px;
}

.form{
	padding: 0px;
	margin: 5px 25px 15px 25px;
}

textarea, .formgenerell input, input.formgenerell {
	width:300px;
	border: 1px solid #aaaaaa; 
	margin-top: 5px;
	padding: 2px;
}

.formbutton {
	width:100px;
	border: 1px solid #aaaaaa; 
}

.textarea{
    height: 80px;
}

.captcha {
width:100px;
border: 1px solid #aaaaaa; 
margin-top: 5px;
padding: 2px;
}

/* patforms filter */
.formErrors {
    margin: 5px 25px 25px 25px;
    padding: 5px 5px 5px 5px;
    border: 1px solid ;
    background-color: #FFBBBB;
}

.formlabelerror {
    color: #BB1111;
    font-weight: bold;
}

a {
	border: 1px dotted #fff;
	text-decoration: none;
	color: #090;
}
a:hover, a:active {
	border: 1px dotted #fff;
	text-decoration: none;
	color: #e1001a;
}
#tiri-content2 {
	padding-top: 15px;
}

#cite {
	padding-left: 15px;
	padding-right: 20px;
	font-size: x-small;
}
#cite em, #cite p {
	font-size: small;
}
#tiri-content2 #content ul {
	list-style: square;
	list-style-position: outside;
	color: #679800;
	margin-left: 10px;
}
#tiri-content2 #content ul li {
	list-style: square;
	list-style-position: outside;
	color: #679800;
	margin-left: 10px;
}
#tiri-content2 #sitemap ul,
#tiri-content2 #sitemap ul li {
	list-style: none;
	margin-left: 0px;
}
#tiri-content2 #leftnavi li {
	list-style: none;
	margin-left: 10px;
}

#tiri-content2 h1, #content h1 {
/*	padding: 0px 25px 0px 25px;
	margin:0px 0px 15px 0px; */
	margin-top: 20px;
	padding-bottom: 0px;
	color:#679800;
	line-height: 1.25em;
}

#contentRight h3 {
	padding-top: 5px;
	padding-bottom: 10px;
}

#contentRight li {
	list-style: none;
	list-style-position: outside;
	margin-left: 0;
	padding-right: 20px;
}
#tiri-content2 #content h2, #content h3, #content h4 {
/*	padding: 0px 25px 0px 25px;
	margin:0px 0px 15px 0px; */
	padding-top: 10px;
	padding-bottom: 0px;
	line-height: 1.25em;
	color:#679800;
}

#tiri-content2 p{
	padding-top: 10px;
	line-height: 18px;
/*	padding: 0px 25px 0px 25px;
	margin:0px 0px 15px 0px; */
}
#tiri-content2 p.center{
	text-align:center;
}

.entry {
	margin-top: 10px;
	padding-top: 5px;
	margin-left:0;
	margin-right:0;
	border: 1px dotted #999;
}
.entry a, a:visited {
	color: #090;
	text-decoration: none;
	border: 1px dotted transparent;
}
.entry a:hover, a:active {
	color: #e1001a;
	border: 1px dotted #fff;
	/* background-color: #090; */
	text-decoration: none;
}

.blog_pager {
	text-align: right;
}
/* elements for the gallery
-------------------------------------- */
#gallerie{
	float:left;
	padding: 0px 0px 10px 25px;
	margin:0px 0px 20px 0px;
}

.thumbnail{
	float:left;
	width:100px;
	margin: 15px 15px 0px 0px;
	padding: 0px;
}
.thumbnail img{
	border: 1px solid #778899;
	padding: 1px;
}

br.antileft {
	clear: left;
}
.antifloat {
	clear: both;
	visibility: hidden;
}


/* elements for the gallery_preview-plugin
--------------------------------------------*/
#gallerie_preview{
	padding: 0px 10px 10px 25px;
	margin:0px 20px 20px 20px;
	border: 1px solid #778899;
}

#gallerie_preview .thumbnail{
	float:left;
	width:100px;
	margin: 10px 10px 0px 0px;
	padding: 0px;
}
#gallerie_preview .thumbnail img{
	border: 1px solid #778899;
	padding: 1px;
}

#gallerie_preview_navi {
	margin-top: 10px;
}
#gallerie_preview_info {
	margin-top: 10px; 
	visibility: visible;
}
 

/* just used for the blog
-------------------------------------- */

#leftnavi {
	min-height: 180px;
}
#leftnavi ul {
	list-style: none;
}
#leftnavi ul li {
	list-style: none;
}
#leftnavi h1 {
	font-size: large;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
}
#tiri-content2 .post_title {
	color: #333;
	border-bottom: 1px solid #aaa;
	margin: 0px 25px 3px 25px;
	padding: 0px 0px 5px 0px;
}

#tiri-content2 .post_title a { 
    color: #333;
}

.post_meta_data {
	font-size: 11px;
	padding-top: 0px;
	margin: 5px 25px 15px 25px;
}
.post_content {
	line-height: 18px;
	padding-top: 0px;
	margin: 5px 25px 15px 25px;
}

#content .post_content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

.post_content_extended {
	line-height: 18px;
	padding-top: 0px;
	margin: 5px 25px 15px 25px;
}

#tiri-content2 .post_content_extended p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

.post_links, .post_tags, .post_related_entries {
	text-align: right;
	font-family: Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 10px;
	padding: 0px 25px 20px 25px;
	margin: 0px;
}
.post_more {
    float: left;
}

.post_tags, .post_related_entries {
    padding-bottom: 10px;
}
.blog_pager{
	padding-top: 0px;
	margin: 5px 25px 15px
}

#livesearch {
	margin: 0px 15px 15px 15px;
	padding:0px;
	width: 140px;
	display: block;
}
input#livesearch  {
	padding:1px;
	width: 120px;
	border: 1px solid #aaaaaa; 
}

.formurl {
	display: none;
}

.blog_gravatar {
    float: right;
    padding-left: 5px;
}

/*Events*/

pre {

	display: block;
   	padding: 1em 7px 1em 5px;
   	margin-top: 0px;
    margin-bottom: 1em;
    border: 1px dashed #aaa;
    color: Black;            
    background-color: #f9f9f9;
    line-height: 1.1em;
    overflow: auto;
}


/* loginform */

#littleLogin  input.input{
    font-size: 11px;
    width: 6em;
    
}

#littleLogin input {
    font-size: 11px;
    background-color: #f3f3f3;
    border: 1px solid #555555;
    margin-top: 3px;
}

#littleLogin label {
     width: 3em;
     float: left;
     line-height: 21px;
     clear: left;
}

#littleLogin {
    margin-left: 15px;
}

/* ------------ tiri --------------- */
/* navigation (horizontal subnavigation)----------------------------------------------- */
ul.nav,ul.nav * {
	margin:0;
	padding:0;
}
ul.nav {
	position:relative;
	background:transparent none repeat scroll 0 0;
	max-width:100%;
	height:1.5em;
}
ul.nav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
	border-left: 2px solid #e2001a;
}
ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:1.5em;
	background-position:0 0 !important;
	left:-9000px;
}
ul.nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.nav li a {
	color: #999;
	background:transparent none repeat scroll 0 0;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 1em;
	height:1.4em;
	line-height:1.5em;
	border-top: 1px solid transparent; 
	border-bottom: 1px solid transparent; 
}
ul.nav li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.1em;
	height:1.1em;
	font-weight:normal;
	color:#666;
	background-position:0 50% !important;
}
ul.nav li:hover a,ul.nav li a:hover,ul.nav li a:focus {
	color:#fff;
	/* background:transparent none repeat scroll 0 0; */
	background:#999 none repeat scroll 0 0;
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
}
ul.nav li:hover a:hover {
	background:#555;
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
}
ul.nav li a:active {
	color:#666;
	background:transparent none repeat scroll 0 0;
	border-top: 1px solid transparent; 
	border-bottom: 1px solid transparent; 
}
ul.nav li:hover ul {
	left:0;
	z-index:10;
}
ul.nav li ul,ul.nav li {
	background:transparent none repeat scroll 0 0;
}
ul.nav li:hover ul li a {
	color:#444;
}
ul.nav li:hover ul li a:hover {
	color:#000;
	background:#fff;
}
ul.nav li:hover ul li a:active {
	color:#666;
	background:transparent none repeat scroll 0 0;
}
ul.nav li.current a {
	color:#e2001a;
	background:transparent none repeat scroll 0 0;
	cursor:default;
	font-weight:bold;
}
ul.nav li.current ul {
	left:0;
	z-index:5;
}
ul.nav li.current ul,ul.nav li.current {
	font-weight: 900;
	background:transparent none repeat scroll 0 0 !important;
}
ul.nav li.current ul li a {
	color:#444;
	background:#fff;
	font-weight:normal;
}
ul.nav li.current ul li a:hover {
	color:#000;
	background:#fff;
}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {
	color:#666; background:#fff;
}
ul.nav li.current a:hover {
	color: #fff;
	background-color: #e2001a;
}
/* secondary list----------------------------------------------- */
ul.nav li.secondary {
	float:right;
	color:#cde;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	float:left;
	padding:0 1em;
	line-height:1.5em;
	height:1.5em;
	font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	display:inline;
	padding:0;
	height:auto;
	line-height:normal;
	color:#cde;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:#fff;
	background:#666;
}
ul.nav li.secondary:hover a:hover {
	background:#555;
}
ul.nav li.secondary:hover a:active {background:#444;}

.grid_4 {
	width: 220px;
}
.grid_16 {
	width: 940px;
}
.grid_12 {
	width: 700px;
}


#tiri-content1 {
	/* border: 5px solid black; */
	padding-left: 75px;
	background: transparent url(../images/bg_2048x250.gif) no-repeat scroll 0 0;
	overflow: hidden;
}

#branding-container {
	font-family: 'Arial Narrow',Arial, Helvetica, SunSans-Regular, sans-serif;
}
#branding-container .grid_4,.grid_12 {
	float: left;
}
#branding-topnav {
	margin-top: 8px;
}
#branding-nav {
	margin-left: 10px;
	padding-left: 10px;
	display: inline; 
}
#branding-nav .grid_12 {
	width: 100px;
	min-width: 100px;
}
#branding-spacer {
	width: 100px;
	min-width: 100px;
	height:122px;
}
#branding-spacer2 {
	width: 100px;
	min-width: 100px;
	height:30px;
}
#branding-logo * {
	color: #000;
	background-color: #fff;
	overflow: hidden;
}
#branding-logo a {
	width: 200px;
	width: 170px;
}
#branding-logo img {
	margin-left: 14px;
	padding-top: 5px;
	padding-left: 0px;
}

#tiri-content2 {
	background: transparent url(../images/content-back.gif) repeat-y scroll 0 0; 
	margin-left: 56px;
	width: 971px;
	padding-left: 10px;
	float: left; 
	min-height: 500px;
	border-right: 2px solid #999;

}

#site-info {
	/* border: 5px solid black; */
	background: transparent url(../images/content-footer.gif) no-repeat scroll 0 0; 
	margin-left: 56px;
	width: 970px;
	padding-left: 20px;
	float: left; 
}

#site-info {
	font-size: xx-small;
	/* background: transparent url(../images/content-footer.gif) no-repeat scroll 0 0; */
	padding-top: 5px;
	width: 970px;
	display:inline;
	float:left;
	height: 45px;
}
#site-info .ft3,ft_13 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
#site-info .ft_3 {
	width: 160px;
	margin-left: 780px;
	padding-top: 3px;
	border-top: 2px solid #999;
}
#site-info ul {
	position:relative;
	background: transparent none repeat scroll 0 0;
	max-width: 100%;
	height: 1.5em;	
}
#site-info .ft_13 {
	padding-left: 240px;
	/* 760-240 */
	width: 520px;
	float: left;
	border-top: 2px solid #999;
}
#site-info ul li{
	top: 0;
	left: 0;
}
#site-info li {
  cursor:pointer;
  float:left;
  text-align:center;
  list-style-type:none;
  font-weight:normal;
  border-left: 2px solid #e2001a; 
  margin-top: 4px;
  line-height: 1.2em;
}
#site-info li a {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

#tiri-content2 .grid_4,.grid_3,.grid_9 {
	/* border: 1px solid blue; */
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
#tiri-content2 .grid_9 {
	width: 520px;
}
#tiri-content2 .grid_4 {
	width: 220px;
}
#tiri-content2 .grid_3 {
	width: 160px;
}
.main-img_9 {
	overflow: hidden;
	width: 520px;
	height: 160px;
	text-align: right;
	line-height: 2.77em;
	/* background: transparent url(../images/fotolia/Fotolia_1381961_L.jpg) no-repeat scroll 0 0; */
	/* background: transparent url(../images/fotolia/f_3639869_524x164.jpg) no-repeat scroll 0 0; */
	background: transparent url(../images/1a.jpg) no-repeat scroll 0 0;
}
.main-img_3 {
	overflow: hidden;
	width: 160px;
	height: 160px;
	text-align: right;
	line-height: 2.77em;
	/* background: transparent url(../images/fotolia/Fotolia_1381961_L.jpg) no-repeat scroll 0 0; */
	/* background: transparent url(../images/fotolia/f_3639869_164x164.jpg) no-repeat scroll 0 0; */
	background: transparent url(../images/1b.jpg) no-repeat scroll 0 0;
}
#tiri-content2 .main-img_9 h1 {
	color: #fff;
	font-size: xx-large;
	padding-right: 20px;
}
#tiri-content2 .main-img_3 h1 {
	color: #fff;
	font-size: xx-large;
	padding-right: 20px;
}
/* =Clear Floated Elements--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}    

.subnav {
	line-height: 1.5em;
	list-style: none;
	margin-left: 0px;
	/* background: #D2D2D2; */
	}
.subnav li{
	padding-left: 10px;
	border: 1px solid #fff; 
	background: transparent url(../images/right-black.gif) no-repeat scroll top left;
	}	
.subnav li.selected {
	background: transparent url(../images/right-red.gif) no-repeat scroll top left;
	border: 1px solid #fff; 
}
.subnav li:hover {
	margin-right: 0px;
	border: 1px solid #fff; 
/*	background: transparent url(../images/left-red.gif) no-repeat scroll bottom right;*/
	background: transparent url(../images/right-679800.gif) no-repeat scroll top left;
}
.subnav li:active {
	margin-right: 0px;
	border: 1px solid transparent; 
	background: transparent url(../images/right-red.gif) no-repeat scroll top left;
}

.subnav li a.selected {
	color: #e1001a;
}
.subnav ul {
	padding-left: 10px;
}

.subnav a{
	font-size: small;
	text-decoration: none;
	color: #000;
	}
.subnav a:visited{
	font-size: small;
	text-decoration: none;
	color: #000;
	}
.subnav a:hover{
	font-size: small;
	text-decoration: none;
	color: #679800;
	}	
.subnav a:active{
	font-size: small;
	text-decoration: none;
	border: none;
	/* beim klicken wird der text 5px eingerueckt */
	/* padding-left: 5px; */
	color: #e1001a;
	}