@charset "utf-8";
/* CSS Document */

body {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	margin: 0;
	padding: 0;
	
	background-color:#999999;
	background-image:url(../images/bg_tango_page.gif);
	background-repeat:no-repeat;
}

p, h1, h2, ul, li, form {
	margin: 0;
	padding: 0;
}

img {
	border:0;
}

.clear {
	clear:both;
}

#page {
	width: 960px;
	height: auto;
	min-height:600px;
	border: solid red 0px;
	
	text-align:left;
}

.colspace {
	width:50px;
	height:auto;
	min-height:200px;
	float:left;
}

#left {
	/*background-color:#CCCCCC;*/
	width:148px;
	height:auto;
	min-height:200px;
	float:left;
	margin-top:0px;
	
	
}

#left .logo {

	width:150px;
	height:auto;
	padding-bottom:75px;
}

#left img {
border:#5E0707 solid 1px;
	
}


#left .top {
	width:150px;
	height:7px;
	
	background-image:url(../images/bg_mainnav_top.gif);
	background-repeat:no-repeat;
}

#left .middle {
	width:144px;
	height:auto;
	min-height:160px;

	/*background-image:url(../images/bg_mainnav_middle.gif);
	background-repeat:repeat-y;*/
	background-color:#CCCCCC;
	
	border:#ababab solid 3px;
	
}

/* Navigation */
#left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width:144px;
}
	
#left ul li {
	border-bottom: 1px solid #9C9A9C;
}
	
#left ul li a {
	border-left: 10px solid #FFCF31;
    border-left: 10px solid #740707;
	display: block;
	padding-left: 10px;
	padding-right:5px;
	padding-bottom: 5px;
	padding-top:5px;
	color:#666666;
	text-decoration: none;
}

#left ul li a:hover {
	border-left: 10px solid #666666;
	border-right: 0px;
	color: #666666;
	font-weight: bold;
}

/* Hauptmenuepunkt aktiv */
#left .menue_blockA a {
	border-left: 10px solid #cccccc;
	background-color:#ffffff;
	font-weight: bold;
}


#left li ul       { font-size:12px; width:auto; border:#ababab solid 3px; display: none; position:absolute; left:0; top:1em; }
#left li > ul     { margin-left:130px; margin-top:-28px; left:auto; top:auto; background-color:#eeeeee; opacity: 0.95; filter: alpha(opacity=95); }
#left li:hover ul { display:block; height:auto; }



#left .bottom {
	width:150px;
	height:7px;

	background-image:url(../images/bg_mainnav_bottom.gif);
	background-repeat:no-repeat;
}

#left .mainnav {

}

#mid {
	background-color:#CCCCCC;
	width:510px;
	height:auto;
	min-height:200px;
	float:left;
	margin-top:34px;
}

#mid .top {
	width:510px;
	height:25px;
	
	background-image:url(../images/bg_tango_content_top.gif);
	background-repeat:no-repeat;
}

#mid .middle {
	width:510px;
	height:auto;
	min-height:600px;

	background-image:url(../images/bg_content_middle.gif);
	background-repeat:repeat-y;
}

#mid .bottom {
	width:510px;
	height:25px;

	background-image:url(../images/bg_content_bottom.gif);
	background-repeat:no-repeat;
}

#mid .headline {
	width:auto;
	height:auto;
}

#mid h1 {
	font-size: 16px;
	font-weight:bold;
	color:#999999;
	padding: 0px 10px 10px 20px;
}

#mid .subheadl {
	width:508px;
	height:25px;
	background-color:#999999;
	
	border-left:#FFFFFF solid 1px;
}

#mid h2 {
	font-size: 12px;
	font-style:italic;
	color:#ffffff;
	padding: 4px 10px 10px 20px;
}

#mid .htmltext {
	width:auto;
	height:auto;
	line-height:150%;
	color:#333333;
	
	padding: 20px 20px 10px 20px;
}

#mid .htmltext h1 {
    font-size: 16px;
    font-weight:bold;
    color:#999999;
    padding: 0px 10px 10px 0px;
}


#mid p {
	padding-bottom:15px;
}

#mid ul {
	padding:0px 50px 10px 40px;
	list-style-position:outside;
	list-style-type:square;
}

#mid .subnav {
	width:auto;
	height:auto;
	line-height:150%;
	color:#999999;
	
	padding: 10px 20px 10px 20px;
}

#right {
	width:200px;
	height:auto;
	float:left;
	margin-top:70px;
}

#right .top {
	width:200px;
	height:21px;
	
	background-image:url(../images/bg_tango_right_top.gif);
	background-repeat:no-repeat;
}

#right .middle {
	width:200px;
	height:auto;
	min-height:400px;

	background-image:url(../images/bg_right_middle.gif);
	background-repeat:repeat-y;
}


#right .headline {
	width:198px;
	height:25px;
	background-color:#AAAAAA;
	
	border-left:#FFFFFF solid 1px;
}

#right h1 {
	font-size: 12px;
	font-style:italic;
	color:#ffffff;
	padding: 4px 10px 10px 10px;
}

#right .htmltext {
	width:auto;
	height:auto;
	line-height:150%;
	color:#333333;
	
	padding: 20px 10px 20px 10px;
}



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

#right label {
	display:block;
	text-align:left;
	float:left;
	width:55px;
	height:auto;
}

#right input {
	display:block;
	float:left;
	width:100px;
	height:auto;
}

#right .impressionen {
	width:198px;
	height:auto;
	
	text-align:center;
	padding: 10px 0px 10px 0px;
	
	/*border-left:#FFFFFF solid 1px;
	border-top:#FFFFFF solid 1px;*/
}

#right img {
	border: #CC9999 solid 3px;
}


.tagList {overflow:hidden;font-size:12px; padding:5px 5px 5px 5px}

.tagList li {
display:-moz-inline-box;
display:inline-block;
vertical-align:middle;
}

* html .tagList li {display:inline;}
*+html .tagList li {display:inline;}

.tagList li a {
padding:0 .1em;
white-space:nowrap;
line-height:1em;
}

.level1 a{font-size:.75em;}
.level2 a{font-size:.833em;}
.level3 a{font-size:.917em;}
.level4 a{font-size:1em;}
.level5 a{font-size:1.083em;}
.level6 a{font-size:1.167em;}
.level7 a{font-size:1.25em;}
.level8 a{font-size:1.333em;}
.level9 a{font-size:1.417em;}
.level10 a{font-size:1.583em;}



#right .bottom {
	width:200px;
	height:10px;

	background-image:url(../images/bg_right_bottom.gif);
	background-repeat:no-repeat;
}

/* Lightbox Styles
----------------------------------*/
#ui-lightbox-wrapper {
    display: none;
    position: absolute;
    width: 20em;
    height: auto;
}
#ui-lightbox-image {
    height: 10em;
    margin: 1em 0 0 0;
    background: url(ajax-loader.gif) no-repeat center center;
}
#ui-lightbox-image img{
    display: none;
}

/* Picture Styles
----------------------------------*/
.ui-state-hover {
    border: 0 !important;
    background-color: #fff !important;
    background-image: none !important;
}
 
#gallery {
    height: auto;
    width: auto;
}
#gallery img {
    border: #ccc solid 1px;
}
#gallery ul{
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    display: block;
}
#gallery ul li{
    float: left;
    margin: 0px 10px 0px 0px;
    list-style-type:none;
}
#gallery ul li.last, a.last{
    margin: 0;
}