
@import url(tabs_detail.css);

html {
}

body { 
	margin:10px 0px 0px 0px;
	font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	/*font-family: Tahoma, Verdana, Helvetica, Sans-serif; 
	font-size:12px;*/
	color: #4b4b4b;
	background-color:#ffffff;      
	background-image: url(images/grgrad.gif);
	background-repeat: repeat-x;
	background-position: top left;

}

input, textarea, select, radio {
	font-family: Verdana;
	font-size:11px;
	border: 1px solid #ddd;
	background-color: #ffffff;
	padding: 4px;
}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus, radio:hover, radio:active {
	background-color: #dbedf9;
	border: 1px solid #9BCCED;
	border: 1px solid #9bcced;
	color: #5b5b5b;
}

form p { color: #4b4b4b; }
input, select, textarea { font-family: Tahoma, Verdana, Helvetica, Sans-serif; font-size:11px; color: #000000;}
fieldset {margin: 10px 0; padding:24px 10px 0 10px; border:1px solid #dddddd;}
legend {font-weight: bold;}

h1 {font: bold 1.25em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	margin: 0px 0px 16px 0px;
	padding: 12px 0px 9px 0px;
	color:#9bcced;/*86BA0D*/
    background: url("images/line.gif") bottom repeat-x;}

/* h1 span {display:none;;}*/


h2 {
	font-size: 1.1em;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 10px 0px;
	font-weight:bold;
	color:#000000;
}

h3 {
	font-size: 1em;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 5px 0px;
	font-weight:bold;
	color:#000000;
}

h4 {
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
	color:#9BCCED;
	margin-top: 2px;
}


a {
	font-weight:normal;
	color:#9BCCED;
	text-decoration:none;
}

a:hover {
	font-weight:normal;
	color:#9BCCED;
	text-decoration:none;
}

ul.list {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

ul.list li{
	border-bottom: 0px solid #dddddd;
}

ul.list li a{
	display:block;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	padding: 3px 4px 3px 4px;
}

ul.list li a:hover {
	display:block;
	font-weight: normal;
	background-color: #ECECEC;
	color: #000000;
	padding: 3px 4px 3px 4px;
}

code {
  	margin: 3px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 600 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
  	/* white-space: pre; */
  	border: 1px solid #F0F0F0;
	background: #F8F8F8;  
}

code span { font: bold 0.8em 'Lucida Console', 'Courier New', Monospace; color: #666; letter-spacing: 6px; margin-left: 12px;}

acronym {
  cursor: help;
  border-bottom: 1px dotted #555;
}
em {   
  cursor: help;
  border-bottom: 1px dotted #555;
}


blockquote {
	margin: 10px 20px;
 	padding: 10px 10px 10px 32px;  
    border: 1px solid #F0F0F0;
	background: #f8f8f8 url(images/quote.png) no-repeat 12px 12px;
	font-weight: normal;
	font-size: 17px;
	line-height: 1.5em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, Serif;	
	color: #555;	
}
strong {
	font-weight: bold;
}
.navtree {
	font: normal 0.835em Arial, Verdana, sans-serif;
	height: auto !important;
	min-height: 15px;
	height: 15px;
	margin: 0;
	padding:0px 0 5px 0;
	background: url("images/dot.gif") bottom repeat-x;
	color:#aaa;
	width: 558px;
	position:relative;
}

.navtree a:link, .navtree a:visited {
	color:#aaa;
	text-decoration: none;
}

.navtree a:hover {
	color:#9BCCED;
	text-decoration: none;
}

.print {
	top: 0px;
	right: 0px;
	position:absolute;
	margin:0;
	padding:0;
	width: 25px;
	text-align:left;
	}

.printhome {
	font: normal 0.835em Arial, Verdana, sans-serif;
	width:auto !important;
	height: 15px;
	margin:0px 0 10px 0;
	padding:0px 0 0px 0;
	color:#606060;
}

#container {
	margin: 0 auto;
	width: 980px;
	height:auto !important;
}

#header {
	float:left;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	width: 980px;
	height: 70px;
}

#logo {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 330px;
	height: 70px;
	background-image:url(images/weblogo.gif);
	background-repeat:no-repeat;
	cursor: pointer;
}

#metanavigation {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 70px;
	background-repeat:no-repeat;
	background-position:right bottom;

}


#body {
	float:left;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
	width: 980px;
	height:auto !important;
}

#frame {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 830px;
	height:auto !important;
}

#navigation {
	float:left;
	margin: 0px 0px 5px 0px;
	padding: 0px 8px 8px 4px;
	width: 818px;
	height: 14px;
	color: #ffffff;
	background-color: #9BCCED;
	text-align:right;
}

#navigation a {
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}

#navigation a.active {
	font-weight:bold;
	text-decoration:none;
}

#navigation a:hover {
	color:#338DB9;
	text-decoration:none;
}

#sidebar {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 265px;
	height:auto !important;
}

#sidebar_head {
	float:left;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 265px;
	height: 165px;
	text-align: center;
}

#sidebar_head img{
	margin-top: 10px;
}

#sidebar_body {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 2px;
	width: 258px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background-image:url(images/sidebar_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

ul.subnavigation {
	margin: 5px 0px 15px 0px;
	padding: 0px;
	list-style: none;
}

ul.subnavigation li{
	padding: 0px 0px 0px 0px;
}

ul.subnavigation li a{
	display:block;
	font-weight: normal;
	text-decoration: none;
	color: #888888;
	padding: 4px 0px 4px 4px;
    border-bottom: 1px solid #dddddd;
}

ul.subnavigation li a:hover {
	display:block;
	background-color: #F9F9F9;
	color: #777777;
}

ul.subnavigation li a.active {
	display:block;
    font-weight: bold;
	color: #9BCCED;
	background-color: #ffffff;
}

#subnavigation, .level3 { margin-left: 18px; } /*subnavigation einmitten optional */

ul.subnavigation li a.add:hover, ul.subnavigation li a.edit:hover{
	display:block;
    font-weight: bold;
	color: #9BCCED;
	border: 0px solid #9BCCED;
	background-color: #D2A8A9;
	text-align: center;
}

ul.subnavigation li a.edit{
	display:block;
	font-weight: bold;
	color: #777777;
	border: 0px solid #dddddd;
	background-color: #f2f2f2;
	text-align: center;
	margin-top: 4px;
}

ul.subnavigation li a.add{
	margin-top: 25px;
	display:block;
	font-weight: bold;
	color: #ffffff;
	border: 0px solid #9BCCED;
	background-color: #9BCCED;
	text-align: center;
}

.feedicon {
	position: relative;
	left: 7px;
}

#sidebar_new_entries {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 265px;
	height: 30px;
	background-image:url(images/new_entries_bg.gif);
	background-repeat:no-repeat;
}

#sidebar_body table {
	margin: 10px 0px 15px 0px;
	border-bottom: 4px solid #dddddd;
	width: 100%;
}

#sidebar_body table th{
	background-color:#f6a900;
        border-bottom: 1px solid #ddd;
	text-align:left;
	padding: 0px 4px 0px 4px;
	margin: 0px;
	font-weight: normal;
        color: #ffffff;
}

#sidebar_body table th a {
	font-weight: normal;
	color:#ffffff;
	text-decoration:none;
}

#sidebar_body table th a:hover {
	color:#D2A8A9;
	font-weight:normal;
	text-decoration: none;
}

#sidebar_body table td{
	color:#000000;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

#sidebar_body h2 {
	color:#888888;
}

#mainsearch {
	width: 559px;
	height:auto !important;
	text-align:left;
	margin: 0 auto;
}

#content {
	float:left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	width: 560px;
	height:auto !important;
}

#content_head {
	float:left;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	width: 559px;
	height: 160px;
	border: 0px solid #dddddd;
	background-color: #fff;
}
#content_head h1 {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-weight:bold;
	color:#777777;
}
#content .entry {
	background: url(images/dotted.gif) repeat-x left bottom; 
	padding-bottom: 15px;
}
#content .entry h3 {
	color: #000;
	border: none;
}
#content .entry ul {
	margin: 12px 0px 0px 0px;
	padding-left: 36px;
}

#content .entry ul li{
    border-bottom: 0px solid #dddddd;
    /* background: url(images/dotted.gif) repeat-x left bottom;*/
}
#content h3 a {
	font-size: 1.2em;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	font-weight:bold;
	color:#9BCCED;
}
#content .date {  border-bottom: 1px dotted #dddddd;}
#content .more a { font-size: .9em; padding: 0; text-align: right; margin: 15px 10px 0px 0px;}

#content_body {
	float:left;
	margin: 0px 0px 0px 0px;
        padding: 2px 2px 2px 2px;
	width: 556px;
	height:auto !important;
}

#content_body table {
	margin: 0px 0px 15px 0px;
	border: 1px solid #DDDDDD;
	width: 100%;
}

#content_body table th{
	background-color:#F2F2F2;
        border-bottom: 1px solid #DDDDDD;
	text-align:left;
	padding: 4px;
	margin: 0px;
	font-weight: bold;
        color: #000000;
}

#content_body table td{
	font-weight: normal;
	padding: 4px;
	margin: 0px;
}

.contentfooter {
	font: normal 0.835em Arial, Verdana, sans-serif;
    width: 100%;
	height: 15px;
	margin: 30px 0 10px 0;
	padding: 5px 0 0px 0;
	background:url("images/dot.gif") repeat-x;
	color:#aaaaaa;
    float: left;
}

.contentfooter a:link, .contentfooter a:visited {
	color:#aaaaaa;
	text-decoration: none;
}

.contentfooter a:hover {
	color:#9BCCED;
	text-decoration: none;
}

#directory {
	width: 555px;
	overflow: hidden;
    min-height: 700px;
	height: auto !important;
	height: 700px;
}

#directory .categories a {
	font-weight:600;
	color:#9BCCED;
	text-decoration:none;
}

#directory .categories a:hover {
	font-weight: 600;
	color: #9BCCED;
	text-decoration:none;
}

#directory .search{
	background-color: #F2F2F2;
	border: 1px solid #DDDDDD;
	padding: 10px;
	margin-bottom: 10px;
}

#directory .feeds{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;
	padding: 4px;
}

#directory .row1{
	background-color: #F5F5F5;
}

#directory .feeds .image{
	float: left;
	width: 130px;
}

#directory .feeds .image img{
	border: 1px solid #DDDDDD;
	margin-bottom: 6px;
}

#directory .feeds .infos{
	float: left;
	width: 416px;
}

#directory .feeds .infos .sp1{
	float: left;
}

#directory .feeds .infos .sp2{
	float: right;
}

#directory .feeds .infos .desc{
	margin-top: 4px;
}

#directory .btnDetails{
	background-color: #9BCCED;
	border: 0;
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
	cursor: pointer;
}

#directory h3{
	margin-top: 0px;
	padding-top: 0px;
}

#directory .programm, p { margin: 0 0 12px 0;}
#directory .feed .title h4 span  { display:none;}
#directory .feed .title h2 span  { display:none;}

#content_body div.directoryFeeds h3, #content_body div.directoryFeeds_premium h3{
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-weight:bold;
	color:#9BCCED;
}

#banner {
	float:left;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	width: 142px;
	height:auto !important;
}

.banner_head {
	float:left;
	margin: 0px 0px 5px 0px;
	padding: 0px 4px 8px 8px;
	width: 130px;
	height:14px;
	color: #ffffff;
	background-color: #9BCCED;
}

.banner_body {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 142px;
	height:auto !important;
}

.banner_body a img {
	border: 1px solid #dddddd;
	margin: 0px 0px 5px 0px;
}

#footer {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	width: 980px;
	height: 22px;
	border-top: 1px solid #9BCCED;
	color: #888888;
        background-image: url(images/contrexx_sign.gif);
        background-position: right center;      
        background-repeat: no-repeat;
}

#footer a {
	color: #888888;
	text-decoration: none; font-weight: normal;
}

#footer a:hover {
	color: #9BCCED;
	text-decoration: none;
}

#footer_left {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 950px;
	font: normal 0.82em  Arial, Verdana, sans-serif;	
	float:left;
	padding-top: 2px;
	border: solid 0px #000000;
	text-align:left;
}

#footer_right {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 0.82em  Arial, Verdana, sans-serif;	
	width: 30px;
	text-align:right;
	cursor: pointer;
}

#directory .feed .title{
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom: 1px solid #dddddd;
	padding: 2px;
}

/*#directory .feed .image{
	float: left;
	width: 130px;height: 120px;
}

#directory .feed .image img{
	border: 1px solid #DDDDDD;
	margin-bottom: 6px; width: 120px; height: 90px;
}*/



#directory .feed .image{
	float: left;
	width: 130px;
}

#directory .feed .image img{
	border: 1px solid #DDDDDD;
	margin-bottom: 6px;
}

#directory .feed .infos{
	float: left;
	width: 416px;
}

#directory .feed{
	border-bottom: 1px solid #dddddd;
	margin-bottom: 15px;
}

#directory .extendInfo{
	float: left;
	width: 533px;
	border: 1px solid #dddddd;
	padding: 10px;
}

#directory .programm_images{
	text-align: left;
	padding-top: 10px;
}

#directory .programm_images img{
	border: 1px solid #DDDDDD;
}


#directory .hotel_left{
	float: left;
	width: 160px;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #DDDDDD;
	margin-bottom: 2px;
	background-color: #E9E9E9;
}

#directory .hotel_right{
	float: left;
	width: 300px;
	margin-bottom: 2px;
	padding: 2px;
	padding-left: 4px;
}

#directory .hotel_desc{
	padding-top: 5px;
	padding-bottom: 5px;
}

#directory .hotel_images img{
	border: 1px solid #DDDDDD;
}

#directory .tabsContent ul{
	margin:0;
	padding: 0 0 0 40px;
    list-style: none; 
}
#directory .tabsContent ul li{		
	background: url(images/li.png) no-repeat left 4px;
	margin: 6px 0 0 0; /*-18 0 0 0*/
	padding: 0 0 0 16px;
}
#directory .tabsContent ul li a{
	color:#000;
	text-decoration:none;
}
#directory .tabsContent ul li a:hover{
	color:#666;
	border-bottom:2px solid #f84b1d;
}

#directory .tabsContent .rowzuschlag {width: 420px;}
#directory .tabsContent tr.row1 { background-color: #E7F5D3;}
#directory .tabsContent tr.row2 { background-color: #BFE387;}

#directory .tabsContent tr.row3 { background-color: #e2f5ff; vertical-align: top;} 
#directory .tabsContent tr.row4 { background-color: #ffffff; vertical-align: top;} 

#directory .tabsContent table {
	border-collapse: collapse;
	margin: 0px;		
}
#directory .tabsContent tr { background: #FFF; }
#directory .tabsContent tr.altrow { background: #F9F9F9;	}
#directory .tabsContent th {
	text-align: left;
    font-weight: normal;			
	border-width: 1px;
  	border-style: solid;
	color: #555;
	background: #DBEDF9;/*F0FBFF; */
	padding: 0.8em 1em; /*1.5em 1em;*/	
  	border-color: #C3E0F4 #C3E0F4 #B9DBEE #C3E0F4;	}
	
#directory .tabsContent td {
	text-align: left;			
	border-width: 1px;
  	border-style: solid;
	border-color: #EFEFEF;	
	padding: .7em 1em;	
}	

#directory .tabsContent h3 {font-size: 1.1em; color: #99cc33; line-height: 170%;}

#directory .termine_left{
	float: left;
	width: 160px; /*190*/
	font-weight: bold;
	padding: 2px;
	border: 1px solid #DDDDDD;
	margin-bottom: 2px;
	background-color: #E9E9E9;
	
}

#directory .termine_right{
	float: left;
	width: 320px;
	margin-bottom: 2px;
	padding: 2px;
	padding-left: 4px;
}

#directory #d7 label{
	float: left;
	width: 164px;
}

#directory #d7 input, select{
	float: left;
	width: 340px;
	font-size: 11px;
	padding: 3px;
	font-weight: bold;
	color: #5E5E5E;
	margin-bottom: 3px;
	border: 1px solid #DDDDDD;
}

#directory #d7 select{
	height: 22px;
}

#directory #d7 select{
	width: 348px;
}

#directory #d7 select, option{
	padding: 3px;
}

#directory .clear{
	clear: both;
	font-size: 1px;
}

#directory .buchung_left{
	float: left;
	width: 164px;
	padding: 2px;
	margin-bottom: 2px;
	padding-left: 0px;
}

#directory .buchung_right{
	float: left;
	width: 348px;
	font-weight: bold;
}

#directory #d7 textarea{
	width: 340px;
	height: 100px;
	float: left;
	font-size: 11px;
	padding: 3px;
	font-weight: bold;
	color: #5E5E5E;
	margin-bottom: 3px;
	border: 1px solid #DDDDDD;
}

#directory #d7 .btnDetails{
	width: 120px; 
}

a.hotellink{
	font-weight: normal;
	color: #000000;
}

a.hotellink:hover{
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

#metanavigation input{
	
}

#metanavigation .search_input{
	font-size: 11px;
	height: 15px;
}

#metanavigation .button{
	font-size: 11px;
}
