@charset "utf-8";

body{
	/*background-color:#bcc402;*/
	/*background-image:url(/images/template/bg_gruen.jpg);*/
	background-repeat:repeat-x;
	background-position:top center;
	margin:0;
	padding:0;
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-size:100.01%;
	line-height:1.05em;
	color:#666;
}

.clear{
	height:0;
	line-height:0;
	font-size:0;
	clear:both;
}

.bold{
	font-weight:bold;
}

ul{
	margin-bottom:10px;
}

a{
	color:#a8af1b;
	text-decoration:underline;
	outline: none;
}

a:focus{
	-moz-outline-style: none;
}

a:hover{
	color:#009999;
	text-decoration:underline;
}

p{
	margin-bottom:10px;
}

h2{
	font-size:1.2em;
	margin:5px 0 5px 0;
	font-weight:bold;
}

h3{
	font-size:1em;
	font-weight:bold;
}

.off{
	position:absolute;
	left:-1000px;
	
}

a img{
	border:0;
}

img.maintitleimg{
	display:block;
	margin-bottom:10px;
}

img.subtitleimg{
	display:block;
	margin-bottom:5px;
}

#container{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:25px 42px 21px 21px;
	font-size:0.7em;
	background-color:#fff;
}

#nav{
	/*margin-left:180px;*/
	margin-bottom:60px;
	display:none;
}

#nav a{
	display:block;
	margin-right:20px;
	float:left;
}

#subnav{
	margin-right:20px;
	float:left;
	width:160px;
	display:none;
}

#subnav ul{
	margin-top:27px;
	font-weight:bold;
}

#subnav ul li a{
	text-decoration:none;
}

#subnav ul li a.act{
	color:#666;
	text-decoration:none;
}

#subnav ul li ul{
	margin:0;
}

#subnav ul li ul li a{
	font-weight:normal;
}

img.logo{
	margin-bottom:25px;
	display:block;
}

#content-main{
	float:left;
}

#content-main div.content{
	float:left;
	margin-right:20px;
	width:350px;
}

#content-main div.content div.content-elem{
	margin-bottom:20px;
}

#content-main div.sidebar{
	float:left;
	width:auto;
}

#content-main div.sidebar div.sidebar-elem{
	margin-bottom:20px;
}

#themen-nav{
	/*margin-left:180px;*/
	margin-bottom:10px;
	display:none;
}

#themen-nav a{
	margin-right:9px;
	float:left;
	display:block;
}

#promo-header{
	/*margin-left:180px;*/
	margin-bottom:35px;
	height:200px;
	overflow:visible;
	display:none;
}

#promo-header-print{
	margin-bottom:35px;
	height:200px;
	overflow:visible;
}

#m4Carousel{
	margin-bottom:35px;
	height:200px;
	overflow:visible;
}

#promo-header-print div.pic, #m4Carousel div.pic{
	float:left;
	margin-right:7px;
	width:350px;
}

#promo-header-print div.picempty, #m4Carousel div.picempty{
	float:left;
	margin-right:7px;
	width:350px;
	background-color:#a8af1b;
}

#promo-header-print div.promo, #m4Carousel div.promo{
	background-color:#a8af1b;
	float:left;
	height:180px;
	width:330px;
	padding:10px;
	color:#fff;
	position:relative;
	overflow:hidden;
}

#promo-header-print div.promolarge, #m4Carousel div.promolarge{
	background-color:#a8af1b;
	height:199px;
	position:relative;
	overflow:hidden;
}

#promo-header div.promo a, #promo-header-print div.promolarge a, #m4Carousel div.promo a, #m4Carousel div.promolarge a{
	color:#fff !important;
}

#promo-header-print div.promo a.promo-arrow{
	position:absolute;
	top:182px;
	left:332px;
}

#m4Carousel div.promo a.promo-arrow{
	display:none;
}

#promo-header-print div.promolarge a.promo-arrow{
	position:absolute;
	top:182px;
	left:690px; 
}

a.gallery-elem{
	margin:0 10px 10px 0;
	display:block;
	float:left;
}

#impressum{
	margin-top:35px;
	clear:both;
}

div.sidebar-projects{
	margin-bottom:10px;
}

div.sidebar-projects-img{
	width:90px;
	float:left;
	padding-top:6px;
}

div.sidebar-projects-text{
	float:left;
	width:240px;
}

/* FORMULARE */
/* FORM */

input {
	font-weight: normal;
	color: #595147;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-left: 2px;
	background-color: white;
	width:240px;
	border: solid #999999 1px;
}

select {
	font-weight: normal;
	color: #595147;
	padding-left: 2px;
	border: solid #999999 1px;
	background-color: white;
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:244px;
}

input.checkbox {
	border: 0px;
}

textarea.TA210 {
	font-weight: normal;
	color: #595147;
	height: 120px;
	width: 240px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-left: 2px;
	margin-top: 3px;
	border: solid #999999 1px;
	background-color: white;
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.fehler{
	background-color:#ccc;
	margin: 0px;
	padding: 0px;
}

.button80 {
	font-size:11px;
	color: #ccc;
	width: 80px;
	padding:1px 0 1px 0;
	margin-top: 3px;	
}

div.form {
	margin: 0px;
	padding: 0px;
	width:100%;
}

div.form_label {
	float: left;
	margin: 2px 0 0 0;
	padding: 0px;
	width: 100px;
}

div.form_field {
	float: left;
	margin:2px 0 2px 0;
	width:245px;
	padding: 0px;
}

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

#wrap {
    color: #404040;
}


a.rss {
    color: #666;
    text-decoration: none;
    background-image: url(../../img/icon_rss.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 0 0 0 15px;
    font-size: 11px;
    outline: 0;
}

a.rss:hover {
	color: #000;
}

a.icon {
    color: #ff8600;
    text-decoration: none;
    background-image: url(../../img/icon_link.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 0 0 0 15px;
    font-weight: normal;
    outline: 0;
}

a.icon:hover {
    color: #000;
}

.caption {
	width: 489px;
	height: 70px;
	/*background-color: #e5e5e5;*/
	margin-top: 0px;
	display: block;
}

.caption a {
	display: block;
	/*padding: 5px 0px;*/
	padding-left 5px;
	width: 473px;
	/*height: 63px;*/
	color: #000000;
	text-decoration: none;
	outline: 0;
}

.caption a:hover {
	/*background-color: #c5c5c5;*/
}


.caption h1 
{
	padding-left: 5px;
}





.jcarousel-skin-tango .jcarousel-container {
    /*background: #FFFFFF;*/
	/*border: 0px solid red;*/
	/*margin-left: 7px;*/

	margin-bottom:22px;
	 width: 710px;
	
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 708px;

    padding: 0;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 707px;
    height: 200px;
		
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 710px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}




/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 182px;
    right: -9px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://www.metaphor.ch/images/template/m4_arrow.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 182px;
    left: 665px;
    width: 32px;
    height: 12px;
    cursor: pointer;
    background: transparent url(http://www.metaphor.ch/images/template/m4_arrow_prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}