/* wrapper div elements  */
#wrapperMainNavigation,
#wrapperHead,
#wrapperFooter{
	float:left;
	
}
#wrapperSite{
	float:left;
	background: #fff;
	position: relative;
	width:970px;
	text-align:left;
	left: 50%;
	margin-top: 30px;
	margin-left: -485px;
	min-height: 95%;
}

* html #wrapperSite {
	height: 95%;
}

#wrapperSite .spacer {
  clear: both;
  height: 20px;
}

#wrapperHead{
	position: relative;
	width: 930px;
}
#wrapperFooter {
	width: 940px;
}

/* ************* */


/* wrapperNavigation */

#wrapperNavigation {
	float: left;
	background-image:url("/images/navigation_bg.gif");
	height: 52px;
	width: 100%;
}

/* ************* */

/* main navigation */

#mainNavigation{
	float:left;
	clear:both;
	height:26px;
	background-image:url("/images/navigation_main_bg.gif");
	background-repeat: repeat-x;
	width: 617px;
	margin-left: 50px;
	padding-left: 80px;
}
* html #mainNavigation {
	margin-right:-3px;
	display: inline; /* double margin hack ie6 */

}

* + html #mainNavigation {
	margin-right:-3px;
}

#mainNavigation ul{
	list-style-type: none;
	height: 100%;
	float: left;
	padding-right: 1px;
	display: inline; /* double margin hack ie6 */
}
#mainNavigation ul li{
	background-position: left top;
	height: 100%;
	display: inline;
}

#mainNavigation ul li a{
	background-repeat: no-repeat;
	background-position: 0px;
	float:left;
	color:#767575;
	font-size:100%;
	padding-top:8px;
	cursor:pointer;
	padding: 0px;
	height: 100%;
	margin-left: -1px;
}

#mainNavigation ul li a span {
	left:-1500px;
	position:relative;
}

#mainNavigation ul li a:hover {
}

#was_ist_musys a{ background-image:url("/images/navigation_was_ist_musys.gif"); width: 116px; margin-left: 0 !important;}
#die_macher a{ background-image:url("/images/navigation_die_macher.gif"); width: 88px; }
#ausprobieren a{ background-image:url("/images/navigation_ausprobieren.gif"); width: 106px; }
#faq a{ background-image:url("/images/navigation_faq.gif"); width: 43px; }
#gaestebuch a{ background-image:url("/images/navigation_gaestebuch.gif"); width: 83px; }


#was_ist_musys a:hover, #was_ist_musys a.current { background-image:url("/images/navigation_was_ist_musys_ho.gif");}
#die_macher a:hover, #die_macher a.current { background-image:url("/images/navigation_die_macher_ho.gif"); }
#ausprobieren a:hover, #ausprobieren a.current, #ausprobieren a.selected { background-image:url("/images/navigation_ausprobieren_ho.gif"); }
#gaestebuch a:hover, #gaestebuch a.current { background-image:url("/images/navigation_gaestebuch_ho.gif"); }
#faq a:hover, #faq a.current { background-image:url("/images/navigation_faq_ho.gif"); }


#mainNavigation ul.subNavigation {
	border-left: 1px solid #000000;
	height: auto;
	margin-top: 5px;
	background-image: none;
	clear: both;
	zoom: 1;
}

* html #mainNavigation ul.subNavigation {
	float: none;
}

* + html #mainNavigation ul.subNavigation {
	float: none;

}

#mainNavigation ul.subNavigation li {
	border-right: 1px solid #000000;
	float: left;
}

#mainNavigation ul.subNavigation li a{
	color: #000000;
	font-size:11px;
	border-bottom:none;
	padding: 0px 6px 0px 8px;
	font-weight: normal;
	
}


#mainNavigation ul.subNavigation li a:hover{
	text-decoration: underline;
}
/* **************** */

/* wrapperHead */

#wrapperHead div.logo{
	float:left;
	margin-bottom: 16px;
	margin-top: 10px;
	position: relative;
	left: 50%;
	margin-left: -75px;
}

#wrapperHead div.head{
	float:left;
	padding:0px;
	position: relative;
	margin-bottom: 2px;
}

/* *********** */


/* wrapperContent */

#wrapperContent{
	float:left;
	width: 670px;
	margin-top: 42px;
	padding:0px;
}

* html #wrapperContent {
	margin: 0px;
	margin-top: 22px;
	width: 579px;
}
#wrapperContent a {
	float:left;
	color:#767575;
	margin-bottom: 7px;
	text-transform: uppercase;
}

#wrapperContent a:hover {
	color:#0D4D20;
}


#wrapperContent p{
	clear: both; 
	width: 100%;
}

#wrapperContent h2 {
	clear: both;
	float: left;
	width: 100%;
}

#wrapperContent h1 {
	color: #FFFFFF;
	height: 31px;
	clear: both;
	margin-right: 20px;
	float: right;
	display: inline;
}

#wrapperContent li {
	background-image:url(/images/pix_black.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	padding: 0px 0px 4px 10px;
}

#wrapperContent .leftColumn {
	clear: both;
	float: left;
	width: 100px;
	padding: 3px 0 3px 0;
	margin-right: 20px;
}

#wrapperContent .small{
	clear: left;
	width: 120px;
}

#wrapperContent .rightColumn {
	float: left;
	width: 225px;
	padding: 3px 0 3px 0;
}

#wrapperContent .column {
	float: left;
	width: 200px;
	margin-right: 30px;
}

#wrapperContent .column h2 {
	float: left;
	color: #0D4D20;
}

#wrapperContent .column p {
	width: 100%;
}

#wrapperContent .column a {
	float: left;
}

#wrapperContent .column .imageContainer {
	float: left;
	border-top: 1px dotted #999999;
	width: 100%;
	margin-top: 15px;
}

#wrapperContent div.dottedBottomBorder {
	float: left;
	border-bottom: 1px dotted #999999;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#wrapperContent .column .imageContainer img {
	margin-right: 0;
}

#wrapperContent .lastColumn {
	margin-right: 0;
}

#wrapperContent table {
	clear: both;
	margin-bottom: 4px;
}

#wrapperContent td {
	padding: 4px 20px 0px 0;
}

#wrapperContent td.right {
	padding: 4px 0px 0px 0;
}

#wrapperContent form {
	clear: both;
}

#wrapperContent input,
#wrapperContent select,
#wrapperContent textarea {
	border: solid 1px #999999;
	width: 225px;	
	padding-left: 2px;
}

#wrapperContent textarea {
	height: 100px;
}

#wrapperContent select {
	width: 228px;
	color: #333333;	

}

#wrapperContent label {
	margin-top: -60px;
}

#wrapperContent input.radio {
	width: 20px;
	border: none;
}

#wrapperContent .contentExtended .guestbook {
	border-bottom: 1px solid #999999;
}

#wrapperContent p.entryHeader {
	font-weight: bold;
}

#wrapperContent .contentExtended .paging span{
	float: left;
}

#wrapperContent .contentExtended .paging a{
	float: left;
	background: none;
	text-decoration: none;
	margin-left: 10px;
}
#wrapperContent .contentExtended .paging a.current {
	color: #000000;
}

#wrapperContent input.button, 
#wrapperContent input.smallButton {
	border: none;
	cursor: pointer;
	width: 100px;
	background-image: url(/images/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 20px;
	color:#767575;
	font-weight: bold;
	width: 115px;
	text-align: left;
}
#wrapperContent input.smallButton {
	width: 82px;
}
#wrapperContent input.button:hover, 
#wrapperContent input.smallButton:hover {

	color: #0D4D20;
	background-image: url(/images/arrow_green_ho.gif);
}


#wrapperContent input.error,
#wrapperContent textarea.error {
	border: 2px solid #CC1111;
}
#wrapperContent p.error,
#wrapperContent label.error {
	font-weight: bold;
	color: #CC1111;
	
}

#wrapperContent div.content {
	float: left;
	padding: 0 20px 50px 0;
	width: 420px;
	margin-left: 90px;
}

#wrapperContent div.contentRight {
	float: right;
	margin-top: 30px;
	margin-right: 10px;
	width: 190px;
}

#wrapperContent div.bottomAligned {
	position: absolute;
	left: 480px;
	bottom: 225px;
}

#wrapperContent div.contentRight a {
	float: right;
	padding: 0;
	
}

#wrapperContent div.contentExtended div.contentRight img {
	padding: 0;
	margin: 0;
}

#wrapperContent div.contentRight p.underline {
	font-size: 11px;
	margin-bottom: 10px;
	width: 100%;
	float: right;
	text-align: right;
}

#wrapperContent div.contentExtended {
	float: left;
	margin-bottom: 20px;
	width: 670px;
}
#wrapperContent .headlineContainer {
	float: left;
	width: 100%;
	background-image: url("/images/headline_bg.jpg");
	background-position: top right;
	background-repeat: no-repeat;
}


#wrapperContent div.more {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #999999;
}

#wrapperContent div.content img,
#wrapperContent div.contentExtended img{
	margin: 3px 10px 5px 0;
}

#wrapperContent div.contentExtended .smallContent {
	float: left;
	margin-left: 90px;
	width: 355px;
	margin-bottom: 30px;
	margin-right: 10px;
	display: inline;
}

#wrapperContent div.contentExtended ul {
	float: left;
	width:100%;
	margin-bottom: 7px;
}

#wrapperContent div.contentExtended a {
}

#wrapperContent a.arrow {
	background-image:url("/images/arrow_green.gif");
	background-repeat: no-repeat;
	background-position:  right 2px;
	padding-right: 20px;
	margin-top: 20px;

}

#wrapperContent div.column a.arrow {
	margin-top: 5px;
}

#wrapperContent a.dottedTopBorder {
	border-top: 1px dotted #999999;
	padding-top: 25px;
	background-position:  right 27px;
}

#wrapperContent a.arrow:hover {
	background-image:url(/images/arrow_green_ho.gif);
}

#wrapperContent a.arrowTop {
	background-image:url(/images/arrow_top.gif);
	padding-left: 18px;
	background-position: left 26px;
}

#wrapperContent a.arrowTop:hover {
	background-image:url(/images/arrow_top_ho.gif);
}

#wrapperContent a.arrowBottom {
	background-image:url(/images/arrow_bottom.gif);
	padding-left: 18px;
	background-position: left 3px;
}

#wrapperContent a.arrowBottom:hover {
	background-image:url(/images/arrow_bottom_ho.gif);
}

#faqQuestions {
	float: left;
}

#intro a {
	float: none;
	text-transform: none;
	text-decoration: underline;
}

div.contentExtended #faqQuestions div.smallContent {
	margin-bottom: 15px;
}

#faqQuestions a.arrow {
	background-position: left 3px;
	padding-left: 20px;
	text-transform: none;
	margin: 0px;
}

#faqQuestions p.answer 	{
	height: 1px;
	overflow: hidden;
	padding-left: 20px;
	width: 335px;
}


#wrapperContent div.content img {
	margin: 0;
}

#wrapperContent div.content ul{
	padding-bottom: 7px;	
	float:left;
	clear:both;
	width:100%;
}

#wrapperContent div.content p,
#wrapperContent div h2,
#wrapperContent div h3{
	width:100%;
	color: #0D4D20;
}

div.content ul li{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 13px;
	list-style-type:none;
	display: list-item;
	background-image:url("/images/icon/pix_black.gif");
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

* html #wrapperContent div.content ul{
	padding-bottom: 0;
}

#wrapperContent div.imageRow {
	clear: both;
	float: left;
	margin-left: 90px;
	background-image: url("/images/green_flow.png");
	background-position: 0px 57px;
	background-repeat: no-repeat;
	display: inline;
	width: 580px;

}

#wrapperContent div.imageRow img {
	margin: 0;
	width: auto;
}

.floatRight {
	float: right;
}

/* ************** */
 * html div.imageRow img { behavior: url(css/iepngfix/iepngfix.htc) }

/* wrapperTools */
#wrapperTools {
	float: right;
	margin-top: 42px;
	margin-right: 20px;
	display: inline;
	width: 217px;
}

#wrapperTools div {
	clear: both;
	float: left;
	width: 175px;
	color: #000000;
	padding: 10px 20px;
}

#wrapperTools .login {
	margin-bottom: 20px;
}

#wrapperTools p {
	width: 100%;
	clear: both;
}

#wrapperTools ul {
	float: left;
}
#wrapperTools ul li{
	list-style-type: none;
}

#wrapperTools ul.quizLoginNavigation li {
	
	background-image: url("/images/tab_inactive_left.gif");
	background-repeat: no-repeat;
	float: left;
	padding-left: 5px;
	xxxmargin-right: 1px;
	height: 26px;
	margin-top: 57px;
}
#wrapperTools ul.quizLoginNavigation li a:hover,
#wrapperTools ul.quizLoginNavigation li a {
	background-image: url("/images/tab_inactive_right.gif");
	background-position: top right;
	background-repeat: no-repeat;
	height: 100%;
	float: left;
	padding: 0px 26px 0px 23px;
	color: #000000;
	font-size: 12px;
	line-height: 2.2;
}


#wrapperTools ul.quizLoginNavigation li.active {
	background-image: url("/images/tab_active_left.gif");
	
}

#wrapperTools ul.quizLoginNavigation li.active a,
#wrapperTools ul.quizLoginNavigation li.active a:hover {
	background-image: url("/images/tab_active_right.gif");
	color: #FFFFFF;
	padding: 0px 27px;
	overflow: hidden;
}

* html #wrapperTools ul.quizLoginNavigation li.quizTab a,
* html #wrapperTools ul.quizLoginNavigation li.quizTab a:hover {
	padding-left: 28px;
}

* html #wrapperTools ul.quizLoginNavigation li.loginTab a,
* html #wrapperTools ul.quizLoginNavigation li.loginTab a:hover {
	padding-left: 29px;
}

#wrapperTools form.quiz {
	float: left;
	margin-top: 5px;
	padding-bottom: 10px;
}

#wrapperTools form fieldset{
	clear: both;
	float: left;
	width: 100%;
}

#wrapperTools form.quiz fieldset.bottomBorder {
	background-image: url("/images/dotted_line.gif");
	background-position: bottom right;
	width: 175px;
	padding-bottom: 15px;
	
	background-repeat: repeat-x;
}

#wrapperTools form.quiz ul li{
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}

#wrapperTools input {
	width: 100%;
	border: solid 1px #999999;
}

#wrapperTools input.button {
	border: none;
	cursor: pointer;
	background-color: transparent;
	background-image:url("/images/arrow.png");
	background-repeat: no-repeat;
	background-position: top right;
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
	padding-right: 32px;
	height: 27px;
	width: auto;
}

* html #wrapperTools input.button {
	padding-right: 10px;
	background-position: top left;
	padding-left: 0 !important;
	width: 100%;
	text-align: left;
}


#wrapperTools form.login {
	
}

#wrapperTools form.login label{
	margin-top: 5px;
	float: left;
	clear: both;
}
#wrapperTools form.login input{
	float: left;
	clear: both;
}

#wrapperTools form.login input.button{
	margin-top: 10px;
	margin-bottom: 5px;
}

* html #wrapperTools form.login input.button{
	padding-right: 8px;
	xxxwidth: 200px;
}

* + html #wrapperTools form.login input.button{
	text-align: left;
	padding-right: 15px;
}


* html #wrapperTools input.button,
* html #wrapperTools input.button {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arrow.png', sizingMethod='crop');
}

* html #wrapperTools form.quiz input.button,
* html #wrapperTools form.quiz input.button {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arrow_quiz.png', sizingMethod='crop');
}

* html #wrapperTools input.button {
	padding-left: 8px;
}
#wrapperTools input.button:hover{
	color: #3D5200;
	background-image:url("/images/arrow_ho.png");
}

#wrapperTools input.radio {
	float: left;
	border: none;
	width: auto;
	margin-top: 1px;
	margin-right: 5px;
}

#wrapperTools label.radio {
	float: left;
	width: 145px;
}

* html #wrapperTools input.radio {
	margin-top: -3px;
	margin-bottom: -3px;
}

#wrapperTools {
	font-size: 11px;
}

#wrapperTools a {
   padding-top: 3px;
}

#wrapperTools .soFunktionierts,
#wrapperTools .ausprobieren {
	margin-top: 1px;
}

#wrapperTools .soFunktionierts a,
#wrapperTools .ausprobieren a {
	background-position: right ;
	background-repeat: no-repeat;
	padding-right: 25px;
	height: 21px;
	float: right;
	font-weight: normal;
	color: #000000;
}

* html #wrapperTools .soFunktionierts a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arrow_small_so_funktioniert.png', sizingMethod='crop');
}

* html #wrapperTools .ausprobieren a {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arrow_small_ausprobieren.png', sizingMethod='crop');
}

#wrapperTools .soFunktionierts a {
	background-image:url("/images/arrow_small_so_funktioniert.png");
}

#wrapperTools .ausprobieren a {
    
	background-image:url("/images/arrow_small_ausprobieren.png");
	background-repeat:no-repeat;
}

#wrapperTools a:hover {
  color: #666666;
  background-image:url("/images/arrow_small_01.png");
}

#wrapperTools .quiz_login {
	background-color: #D0D023;
	background-image: url("/images/bg_quiz_login.gif");
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 0px;
}

#wrapperTools .soFunktionierts {
	background-color: #ECECDA;
}

#wrapperTools .ausprobieren {
	background-color: #F4F4EA;
}

/* ************* */


div.ieReset {
	clear: both;
	height: 0;
	line-height: 0;
	
}

input.button, .smallButton {
	background-color: #FFFFFF;
	border: none;
}

/* round corners */

div.edgeTop {
	width: 100%;
	background-image: url("/images/shadow_top.gif");
	background-position:  right top;
	background-repeat: repeat-x;
	float:left;
	height: 100%;	
}

div.edgeLeft {
	background-image: url("/images/shadow_left_lower.gif");
	background-position:  left top;
	background-repeat: repeat-y ;
	float:left;
height: 100%;
}

div.edgeRight {
	background-image: url("/images/shadow_right_lower.gif");
	background-position:  right top;
	background-repeat: repeat-y;
	float:left;
	height: 100%;
}


div.cornerLeft {
	background-image: url("/images/shadow_left.gif");
	background-position: top left;
	background-repeat: no-repeat;
	float:left;
}

div.cornerRight {
	background-image: url("/images/shadow_right.gif");
	background-position: top right;
	background-repeat: no-repeat;
	float:left;
	padding: 18px 0px 8px 20px;
}

/* *************** */
 div.innerContent {
      width: 950px;
      float:left;
 }

/* handy */

#handy {
	margin-top: -98px;
	margin-left: 5px;
	height: 206px;
	width: 121px;
	position: absolute;
	background-repeat: no-repeat;
	left: 0;
}

* html #handy {
	background: none;
}

.header_default { background-image: url("/images/handy_default.png"); }
* html .header_default { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/handy_default.png', sizingMethod='image'); }

.header_was-ist-musys { background-image: url("/images/handy_was_ist_musys.png"); }
* html .header_was-ist-musys { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/handy_was_ist_musys.png', sizingMethod='image'); }

.header_die-macher { background-image: url("/images/handy_die_macher.png"); }
* html .header_die-macher { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/handy_die_macher.png', sizingMethod='image'); }

.header_ausprobieren { background-image: url("/images/handy_ausprobieren.png"); }
* html .header_ausprobieren { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/handy_ausprobieren.png', sizingMethod='image'); }

.header_faq { background-image: url("/images/handy_faq.png"); }
* html .header_faq { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/handy_faq.png', sizingMethod='image'); }

.header_gaestebuch { background-image: url("/images/handy_gaestebuch.png"); }
* html .header_gaestebuch { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/handy_gaestebuch.png', sizingMethod='image'); }

.header_meta_contact { background-image: url("/images/handy_meta_contact.png"); }
* html .header_meta_contact { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/handy_meta_contact.png', sizingMethod='image'); }

.header_meta_impressum { background-image: url("/images/handy_meta_impressum.png"); }
* html .header_meta_impressum { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/handy_meta_impressum.png', sizingMethod='image'); }


/* ****** */

/* meta navigation */


#metaNavigation{
	float:right;
	background-image: url("/images/navigation_main_bg.gif");
	height: 26px;
	padding-left: 31px;
	font-size: 12px;
	
}
#metaNavigation ul{
	margin-top: 3px;
	padding-right: 0;
	width: 100%;
}

#metaNavigation li{
	color: #E4EDCE;
	display: inline;
}

#metaNavigation li a{
	font-size:10px;
	padding:2px 6px 2px 3px;
	color: #E4EDCE;
	font-weight: normal;
	letter-spacing: 0px;
}
#metaNavigation li a:hover,
#metaNavigation li a.current{
	text-decoration: underline;
	background-position: 0 6px;
	
}

#metaNavigation li a strong span{
	font-weight:normal;
}

div.newsImg {
  padding-top: 20px;
}  

  
  /* Highslide Styles */
  
.highslide {
	cursor: url(/js/highslide/graphics/zoomin.cur), pointer;
  outline: none;
}
.highslide img {
}
.highslide:hover img {
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
  
    padding-left: 22px;
    background-image: url(/js/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
   
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
/* ************* */