/* LAYOUT */

body, html {
	height: 100%;

}

body {
	color: #333;
	font-family: Tahoma, Verdana, MS Sans Serif, Arial, Helvetica;
	font-size: 11px;
	background: url(/images/layout/body_bg.jpg) top left repeat-x #65752C;
	background-attachment: fixed;
	margin: 0px;
	100%; height: auto !important;
}


#day{
	color: #333;
	font-family: Tahoma, Verdana, MS Sans Serif, Arial, Helvetica;
	font-size: 11px;
	background: url(/images/layout/body_bg.jpg) top left repeat-x #65752C;
	background-attachment: fixed;
	margin: 0px;
	100%; height: auto !important;
}

#night {
	color: #333;
	font-family: Tahoma, Verdana, MS Sans Serif, Arial, Helvetica;
	font-size: 11px;
	background: url(/images/layout/body_bg_night.jpg) top left repeat-x #303E1B;
	background-attachment: fixed;
	margin: 0px;
	100%; height: auto !important;
}


#day .corner_r {width:18px; height:174px; background: url('/images/layout/frame_r2_c3.gif') no-repeat left bottom; float:right;}
#day .corner_l {width:17px; height:176px; background: url('/images/layout/frame_r2_c1.gif') no-repeat left bottom; float:left;}

#night .corner_r {width:18px; height:174px; background: url('/images/layout/frame_r2_c3_n.gif') no-repeat left bottom; float:right;}
#night .corner_l {width:17px; height:176px; background: url('/images/layout/frame_r2_c1_n.gif') no-repeat left bottom; float:left;}
										

/* BANNER */ 

#day #banner{ 
width:950px;
margin: 0px auto; 
margin-top: 10px;
height: 100%;
background: url(/images/layout/body_flowers.gif) bottom right no-repeat;
}

#night #banner{ 
width:950px;
margin: 0px auto; 
margin-top: 10px;
height: 100%;
background: url(/images/layout/body_flowers_n.gif) bottom right no-repeat;
}

#banner_home
{ width:950px;
margin: 0px auto; 
margin-top: 10px;
}

#FS_banner{
height:60px; width:468px;
margin: 0px auto;
margin-top:10px;
margin-bottom:8px;
padding-right:320px;
}

#SKY_banner{
width:150px;
float: right;
margin:30px 0px 0px 0px;
position:relative; z-index:1;
}

#page
{
background: url(/images/layout/page_bg.jpg) top left repeat-x #E7F39E;
width: 788px;
margin: 0px auto; 
position:relative; z-index:2;
float:left;
}

#home_page
{
background: url(/images/layout/page_bg.gif) top left repeat-x scroll ;
width: 788px;
margin: 0px auto; 
position:relative; z-index:2;
border:0px none;
float:left;
}

#content {padding: 0px 0px 0px 17px;	margin:0px; }
#content_home	{padding: 0; margin: 0; }

#content_feet {width:788px; background: #E7F39E; text-align:right;}



/* 2px Fixing for Firefox */

#animon {
	width: 788px;
	position: relative;
	top: 2px;
}



.pagenav_on{	text-decoration: underline;	font-weight: bold;}

#footer {
width: 788px; height:38px;
margin: 0px auto;
padding: 20px 0px 0px 0px; 
position:relative; z-index:2;
font-family: Arial, Verdana, Helvetica, MS sans serif; font-size: 11px;
color:white; text-align: right; vertical-align:bottom;
background: url(/images/layout/foot_bg.gif) top left no-repeat;
float:left;
}

#prd_content{
	padding: 0px 0px 0px 17px;
	margin:0px;
  line-height:0;
}
	
img {border: 0px none; margin:0px; padding:0px;}
form {padding:0px; margin:0px;}


.form_registration {
	text-align: right;
	margin-right: 10px;
}

.date { font-size:10px;}
.date a:hover{}

.alternate {background-color:#F2F7D6;}

#col_right{float:right; width:223px;line-height:120%; background-color:#E9F4A8; }

#col_right .box {position:relative; width:223px; background: url(/images/layout/boxR_top.jpg) top left no-repeat #D0E774; margin-bottom:18px; }
#col_right .box a{color:#E9391C;}
#col_right .box a:hover{color:#E9391C; }
#col_right .box .plainentry {padding: 2px 16px 0 16px;font-weight: bold; line-height: 130%; }
#col_right .box .entry {background: url(/images/layout/boxR_dot.jpg) top left no-repeat; padding:4px 8px 8px 22px; margin-top:8px; }

#col_right .amazon {width:223px; background: #ffffff; margin-bottom:18px;}
#col_right .amazon .entry {padding:4px 8px 4px 16px; margin-top:0px; sbackground: url(/images/layout/boxR_dot.jpg) top left no-repeat;}
#col_right .feetwhite {background:url(/images/layout/boxR_feet_white.gif); height:12px; }


#col_right .yellow {width:223px; background: #F7C62C; margin-bottom:18px; }
#col_right .feetyellow {background:url(/images/layout/boxR_feet_yellow.gif); height:12px; }


#col_right .box .entry_post {background: url(/images/layout/list2.gif) top left no-repeat; padding:4px 8px 8px 22px; margin-top:8px; }
#col_right .box .entry_faq {background: url(/images/layout/list3.gif) top left no-repeat; padding:4px 8px 8px 20px; margin-top:8px; }
#col_right .box .feetlink {background:url(/images/layout/boxR_feetlink.jpg); height:26px; padding: 8px 6px 0px 22px;}
#col_right .box .feetlink a {color:#65752C; font-weight:bold;}
#col_right .box .feetlink a:hover {color:#E9391C; }
#col_right .box .feet {background:url(/images/layout/boxR_feet.jpg); height:34px; }
#col_right .box .feet2 {background:url(/images/layout/boxR_feet.jpg) 0px -10px; height:24px; }

.galleryteaser {background:url(/images/layout/bg_r_gallery.jpg) top left no-repeat; height:122px; float:left; width:224px}
.galleryteaser_malbuch {background:url(/images/layout/bg_r_gallery_malbuch.jpg) top left no-repeat; height:260px; float:left; width:224px}

#col_right h2 {color:#333;  margin:0px; padding:0px; display:inline; font-size:11px;}
#col_right h2 a{color:#333}
#col_right h2 a:hover{color:#E9391C}

#col_right .box .top { padding: 8px 6px 6px 58px;  font-weight:bold; }

#col_right .box .ico {position:absolute; top:-9px;left:-2px;}

#col_left {float:left; width:519px; line-height:160%}
#col_left a{color:#E9391C;}
#col_left .box{ padding:8px 0px 8px 0px; }

#col_left .box .entry {clear:left; padding-left:8px; padding-bottom:8px;}
#col_left .box .entry_searchlist {clear:left; padding:0px; border:1px solid white;}


#col_left .box .toplist p{padding:0px; margin:0px}

#col_left .box .entry_news{ clear:both; border-bottom: 2px solid #E9F4A8; padding-left:8px;}
#col_left .left {float:left; width: 140px; padding: 0px 0px 0px 0px; }
#col_left .right {float:right; width: 350px; padding: 0px 10px 0px 0px; }

#col_left .back{float:right; width:200px; text-align:right; font-size:10px;}

#col_left .sresult p{margin:0px;}
#col_left .sresult h2{margin-top:16px; padding:0px;}
#col_left .sresultentry{margin-top:16px; padding:0px; width:98%; }


#col_left .box img {margin:8px 8px 8px 0px }

#col_left .pink {background-color:#ED018B; color:#fff}
#col_left .pink a{color:#fff}

#col_left .yellow {background-color:#F9C82C; color:#333}
#col_left .yellow a{color:#E9391C}
#col_left .yellow a:hover{color:#E9391C}

#col_left .orange {background-color:#F6923A; color:#fff}
#col_left .orange a{color:#fff}
#col_left .orange a:hover{color:#E9391C}

#col_left .profil_orange {width:502px; background:url('/images/layout/bg_profilkonto.gif') top left no-repeat; color:#fff}
#col_left .profil_white {color:black;}


#col_left .red {background-color:#E9391C; color:#fff}
#col_left .red a{color:#fff}

#col_left .green {background-color:#B6CE56; color:#fff}
#col_left .green a{color:#fff}


#col_left .white {background-color:#fff;}

#col_left .trans_points_add {color:green; font-weight:bold;}
#col_left .trans_points_sub {color:red; font-weight:bold;}

#col_left .top_entry {float:left; width:164px; padding:4px 0px 0px 8px; position:relative;}
#col_left .top_entry p{margin:0px; width:130px;}
#col_left .top_entry .ico {padding-left:110px;position:relative; bottom:-285px;left:0px;}

#col_left .top_newsentry {float:left; width:500px; position:relative; padding:8px;  }


#col_left .schedule {width:519px; background: url(/images/layout/box_bg_schedule.jpg) top left no-repeat; height:230px; float:left;}
#col_left .schedule_spacer {padding-left:26px;  float:left;}
#col_left .schedule_entry {float:left; width:140px; position:relative; }

#col_left .exclusive_spacer {margin-left:8px; margin-right:8px;  float:left;}
#col_left .exclusive_entry { background: url(/images/layout/bg_exclusive_yellow.jpg) no-repeat; float:left; width:130px; margin-top:0px; position:relative; padding:12px;padding-top:18px;text-align:center;}

#col_left .exclusive_news {background: url(/images/layout/bg_exclusive_news_yellow.jpg) no-repeat; margin-left:10px; padding:12px;}

#col_left h2{margin:0px; padding:0px;}

#col_left .pagebar{background:url(/images/layout/boxL_pagebar2.gif) top left #E7F39E no-repeat; height:34px; text-align:center; font-size:10px; padding-top:0px; line-height:100%} 

#col_left .pagebar a:hover {font-size:10px; text-decoration:underline;}
#col_left .pagebar a {font-size:10px; font-weight:normal;}

#col_left .pagebar2{background: #fff no-repeat; height:34px; text-align:center; font-size:10px; padding-top:0px; line-height:100%} 


/* PRODUCTS */



.prd_available{	text-align:right;float:right;	width:319px;	padding:0px 30px 0px 10px;	color:#fff;}
.prd_available a{	color:#fff;}


.prd_top{height:40px; width:752px;background:#B6CE56;margin:0px; padding:0px; border:0px none;line-height:230%;}

.prd_right{float:left; width:529px; line-height:0; padding:0px;}

.prd_nav{width:398px;margin:0px 0px 0px 353px; background:  #FFE89F;vertical-align: center;font-size:10px;}

.prd_left{float:left; background-color:#B6CE56; width:223px;line-height:0;}
#prd_detail {float:left;width:530px; line-height:150%;}

#prd_detail .features{margin: 0px 0px 20px 16px;}
#prd_detail .features ul{line-height:170%; margin:0px; padding:0px;}
#prd_detail .features li{background: url(/images/layout/list.gif) left top no-repeat;list-style-type:none;padding-left:26px;  }
#prd_detail .info{margin: 0px 0px 20px 16px; width:410px; padding:0px; }
#prd_detail .sys{margin: 0px 0px 20px 15px;}
#prd_detail .legals{margin: 0px 0px 20px 16px ;}

#prd_detail h2{margin:0px; padding:0px;}

#prd_detail a{margin:0px; padding:0px; color:#E9391C}


#prd_detail .back{float:right; width:150px; text-align:right;}


#prd_detail img.top {margin: 10px 10px 10px 0px;}

#prd_detail .entry {width:386px; float:left; padding:4px 8px 8px 16px; margin-top:0px;}


#prd_detail .box{ width:410px; padding:8px 0px 8px 0px; float:left;}
#prd_detail .white {background-color:#fff;}

#prd_detail .pagebar{sbackground:url(/images/layout/boxL_pagebar2.gif) bottom center #F2F7D6; height:34px; text-align:center; font-size:10px; margin: 10px 0px 0px 16px; line-height:100%; width:410px; float:left; } 


.prd_pack {float:left;line-height:150%;padding-left:11px;margin-bottom:20px;}
.prd_pack .pack{width:198px; margin:3px 0px 10px 0px ;}

.prd_screens {background-color: #D0E773;width:215px;padding-left:8px;}
.prd_screens img{float:left; margin:3px;}


.prd_navi {float: right; width: 100px; text-align:right;}




/* LISTS */

.list {float:left; margin:0px; padding:8px; }
.list .entry {float:left;  border-bottom:1px solid; margin-bottom:10px; width:100% }


.list_img {padding: 4px 10px 10px 0px; width:100px;}


.box_img_user {float:left;width:223px;background-color:#D0E773;  }
.box_img_user .entry {padding:8px;}

.abc{margin: 8px 0px 8px 0px;}

.txt_btn_donwl
{background-color:#E9391C; height:60px; width:180px; font-weight:bold; line-height:180%}


.paintbook{background: url('/images/layout/box_bg_paintbook.jpg') no-repeat top left; height:295px;}
.paintbook img {padding:3px; border: 1px solid #F79946; float:left; }

.timeschedule{background: url('/images/layout/box_bg_schedule.jpg') no-repeat top left; height:295px;}


/* NAVIGATION */

#navigation_flash
{position:absolute; z-index:10;
top: -60px;
}



#emo{
margin:0px;
padding: 0px;
line-height:0;
}

#navi_home{
width:752px; height:48px;
background: url(/images/layout/bg_primnavhome.jpg) no-repeat;
float:left;}

#navi_home a{color: #fff;}
#navi_home a:hover{color: #D8D951;}


#navi{
width:752px; height:66px;
background: url(/images/layout/bg_primnav00.jpg) no-repeat top left;
float:left; 
}


#navi a{color: #fff;}
#navi a:hover{color: #D8D951;}
#navi .active a{color: #627808; font-weight:bold;}
#navi .active a:hover{color: #E9391C; font-weight:bold;}

#navi .sec{color: #666666; }
#navi .sec a{color: #666666; padding-left:10px;}
#navi .sec a:hover{color: #E9391C;}

#navi .sec .open a{font-weight:bold; color: #E9391C; background: url(/images/layout/nav_down.gif) left center no-repeat; padding-left:10px;}
#navi .sec .active a{color: #E9391C; font-weight:bold;}


.third{float:left; width:752px;background: url(/images/layout/bg_secnav03.jpg) no-repeat;color: #666666; height:26px; text-align:center;}
.third a{color: #666666; background: url(/images/layout/nav_right.gif) left center no-repeat; padding-left:17px;}
.third a:hover{color: #F6923A;}

.third .active a{font-weight:bold; color: #F6923A; background: url(/images/layout/nav_right.gif) left center no-repeat; padding-left:17px;}
.third .active a:hover{color: #E9391C;}


.navpoint_0, .navpoint_7{
padding-bottom:10px;
}
.navpoint_1, .navpoint_6{
padding-bottom:4px;
}
.navpoint_2, .navpoint_5{
padding-bottom:0px;
}

.navpoint_3,.navpoint_4,{
padding-top:2px;
}

#navi .prim0{
background: url(/images/layout/bg_primnav0.jpg) no-repeat;
color: #fff;
}

#navi .prim1{
background: url(/images/layout/bg_primnav1.jpg) no-repeat;
color: #fff;
}

#navi .prim2{
background: url(/images/layout/bg_primnav2.jpg) no-repeat top left;
color: #fff; height:66px;

}
#navi .prim3{
background: url(/images/layout/bg_primnav3.jpg) no-repeat;
color: #fff;
}
#navi .prim4{
background: url(/images/layout/bg_primnav4.jpg) no-repeat;
color: #fff;
}

#navi .prim5{
background: url(/images/layout/bg_primnav5.jpg) no-repeat;
color: #fff;
}
#navi .prim6{
background: url(/images/layout/bg_primnav6.jpg) no-repeat;
color: #fff;
}
#navi .prim7{
background: url(/images/layout/bg_primnav7.jpg) no-repeat;
color: #fff;
}

/* GALLERY */

#gallery_user {width:239px; float:left; margin-left:10px}
#gallery_user .picture {background: url(/images/layout/box_pictures_big.gif) top left;height:170px; padding:15px 0px 0px 0px;}
#gallery_user .picture_artpad {background: url(/images/layout/box_pictures_big.gif) top left;height:170px; padding:13px 0px 0px 5px;}
#gallery_user .info {background-color: #fff; text-align:left; padding:8px 0px 8px 8px}
#gallery_user h2 {padding-top:4px}

#gallery_products {width:239px; float:left; margin-left:10px}
#gallery_products .picture {background: url(/images/layout/box_products_pack.gif) top left;height:159px; text-align:center;}
#gallery_products .info{
min-height:200px ! important; 
height:200px; 

background-color: #ffffff; text-align:left; padding:8px 0px 8px 8px; width:231px;}
#gallery_products h2 {padding-top:4px}




/* FORMS */

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

.kontaktformular {
	line-height:10px;
}	
.kontaktformular label {
	float: left;
	width: 150px;
	height:15px;

}

.profil label {
	width: 350px;
	text-align:right;
	margin-right:20px;
}

.profil_separator {
background: url(/images/layout/hr_profil.gif) top center no-repeat;
padding: 24px 10px 10px 15px;
}

select, textarea {font-size: 11px; color:#333; border:1px solid black; float:left;}
input {font-size: 11px; color:#333; border:1px solid;}
.noborder{border: 0px none; background-color:transparent}

.button_next {
	border: 0;
	margin-left: 156px;
}


fieldset {
	padding: 5px 15px 15px 15px;
	margin: 5px 3px 18px 0px;
	border: 0px solid White;
}
fieldset br{line-height:200%;}


form ol {
	list-style: none;
	padding: 0;
	margin: 5px 0 10px 0;
	}

form ol li {
	margin-bottom: 3px;
}

form label {
	float: left;
	width: 130px;
	padding-top: 4px;
	margin-left: 0px;

}

form ol li.regcheckbox {
	clear: both;
	border: 0px none;
}

form ol li.regcheckbox input {
	float: left;
	display: inline;
	margin-left: 130px;
	border: 0px none;
}

form ol li.regcheckbox label {
	float: left;
	width: 300px;
	margin-left: 5px;
}

form ol li.regcheckbox label {
	float: left;
	width: 300px;
	margin-left: 5px;
}

.reg_pcheck{
border: 1px solid #83C9E2; padding:4px;line-height:160%; margin:0px 16px 0px 8px;
}
/* FORMATTING */

h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif,;
	font-size: 13px;
	font-weight:bold;
}
h2,h4,h5 {
	font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif,;
	font-size: 12px;
	font-weight:bold;
}


h3{
	font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif,;
	font-size: 17px;
	font-weight:bold;
	margin:0px; padding:0px;
}

h4,h5 {
	font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif,;
	font-size: 11px;
	font-weight:bold;
}

hr {
	border-top: 1px solid; 
	border-bottom: 1px solid; 
	color:#E9391C;
}

.error {
	color: #E9391C;
	font-weight:bold;
}

.error2 {
	color: #E9391C;
	font-weight:bold;
	padding: 4px 0 8px 160px;
}




/* LINKS */
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#ff0000;
	text-decoration:none;
}



/* FORUM */

#club {width:752px; clear:left;}
#club a{color:#E9391C}

.club_top{height:20px; width:752px; background:#B6CE56; margin:0px; padding:8px 0px 4px 0px; line-height:130%;}
#club .history {background: url(/images/layout/club_top_white.gif) bottom left no-repeat #fff; height:28px; padding-left:12px;line-height:180%;}


.club_top h1 a{color:white;}


#club .snglpost{width:752px; background:#fff;}
#club .poster { background: url(/images/layout/bg_poster.gif) no-repeat top left #fff; width:170px; height:273px; color: #fff; font-size:10px; paddig-bottom:3px;}
#club .poster_name {margin:5px; font-weight:bold;}
#club .poster_animon {margin:5px;  height:170px;font-weight:bold; color: #ABC34C; padding-top:2px;}
#club .poster_data {margin:5px;height:68px; }

#club hr {color:lightgrey}

#club .post_feet{background: url(/images/layout/club_bot_feet.gif) bottom left no-repeat #ABC34C; padding-bottom:10px; }

#club .post_sep{background: url(/images/layout/club_post_sep.gif) repeat-x top left; height:16px; border-bottom: 1px solid #ABC34C;}

#club .jumpbox {background-color:white;}


td.row1	{ background-color: #fff; }
td.row2	{ background-color: #F6F9E4; }
td.row3	{ background-color: #E7F39E; }


td.ub	{ sbackground-color: #F6F9E4; border-bottom:2px solid #fff;}


td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: surl(/images/layout/club_post_sep.gif); background-align:bottom left; height:16px; border-bottom: 1px solid #ABC34C; background-color:#ABC34C;
}
td.borderr {border-right:1px solid #ABC34C}
td.borderl {border-left:1px solid #ABC34C}
td.borderru {border-bottom:1px solid #ABC34C; border-right:1px solid #ABC34C}
td.borderlu {border-bottom:1px solid #ABC34C;border-left:1px solid #ABC34C}

input{background:#F2F7D6; border:1px solid #666;}
select{background:#F2F7D6; border:1px solid #666;}
.checkbox {
 background:white;
 border:0;
}


.sitemap_level0 {
	font-size: 14px;
	font-weight: bold;
}

.sitemap_level1 {	
	font-size: 12px;
	padding-left: 80px;
	font-weight: bold;
}

.sitemap_level2 {	
	font-size: 10px;
	padding-left: 100px;
	font-weight: bold;
}




/* Alternative No-Flash Startscene & Header */

#flashalt {
	width: 788px;
	position: relative;
	top: 2px;
}

.hide_element {
	display: none;
}

.animon_html {
	padding-top: 126px;
}

.flash_alternative {
	width: 753px;
}

.flash_alternative .img_position {
	margin-top: 78px;
	position: relative;
}

.flash_alternative .background {
	width: 145px;
	height: 257px;
	top: 36px;
	left: 620px;
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/noflash_animon.png');
	background-image: url(../images/noflash_animon.png) !important;
	z-index: 10;
}

.flash_alternative .animon_menu {
	margin: 130px 0 0 24px;
	line-height: 180%;
	color: #fff;
	font-size: 0.9em;
	width: 145px;
	height: 257px;
	top: 36px;
	left: 620px;
	position: absolute;
	z-index: 15;
}

.flash_alternative input {
	background: #fff;
	width: 90px;
	margin-bottom: 2px;
}

.flash_alternative a {
	color: #fff;
}

.flash_alternative a:hover {
	color: #fc0;
}

.flash_alternative .errormessage {
	width: 164px;
	height: 85px;
	background-image: url(/images/noflash_fehler.gif);
	top: 122px;
	left: 420px;
	position: absolute;
	z-index: 15;
	padding: 10px 50px 10px 10px;
}

.flash_alternative .toplogo {
	position: absolute;
	top: 78px;
	z-index: 15;
}


