/**
 *  Project:
 *  Style-Sheet: main stylesheet
 *
 *  @author      Jochen Pollex
 *  @copyright   Jochen Pollex
 *
 */
html, body
{
  padding:0;
  margin:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /*font-family:arial, helvetica, sans-serif;*/
  font-size: 12px;;
  background-color:#7F7F7F;
  width: 910px;
  line-height: 1.166;
}




#header
{
  padding:0;
  margin:0;
  height:100px;
  border:none;
}

#main
{
  padding:0;
  margin:0;
 /*  border:1px solid red;   */
}

.teaser {
	/* color: #FFD700; */
         color: #F09D45;
	font-size: 12px;
	font-weight: bold;
}


.hole {
   font-family: "Arial narrow", Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   background:#000000;
   font-size: 11px;
   border: 1px solid #333333;
	border-collapse: collapse;
	text-align:center;
}

.different {
 border: 1px solid #333333;
	border-collapse: collapse;
	font-family: "Arial narrow", Arial, Helvetica, sans-serif;
	font-size: 11px;
   color:#000;
  background:#FF9900;
   font-size: 11px;
  
		text-align:center;
}


.root_note {
border: 1px solid #333333;
	border-collapse: collapse;
	font-family: "Arial narrow", Arial, Helvetica, sans-serif;
	font-size: 11px;
   color:#000;
   background:#059BCC;
   font-size: 11px;
	text-align:center;
}


h1
{
 font-family: Verdana,Arial,sans-serif;
 font-size: 150%;
 color:#FFF;
 margin: 0 5px 0 0;
 padding: 0px;
 margin: 0px 0 0 0;
 line-height: 100%;
 font-weight: bold;
}

h2
{
 font-family: Verdana,Arial,sans-serif;
 font-size: 110%;
 color: #414141;
 margin: 3px 5px 0 3px;
 padding: 0px;
 line-height: 100%;
}


h3{
font-family: Arial,sans-serif;
 font-weight: bold;
 font-size: 140%;
 color: #F09D45;
 margin: 0 0 0 0;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
	font-size: 110%;
	color: #F09D45;
	padding: 0px;
	line-height: 120%;
	margin: 0 0 0 0;
}

h5{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h6{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #494949;
}

a {
	color: #494949;
	text-decoration: none;
	font-weight:normal;
	border:none;
  
}

a:hover, active a{
color: #fff;
font-weight: normal;
}

img
{border:none;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
.teaser_strong {
font-weight: bold;
}
.teaser_weiss {
color: #fff;
font-weight: normal;
}

.teaser_weiss_bold {
color: #fff;
font-weight: bold;
/*margin-left:10px;*/
float: right;

}

.teaser_weiss_big {
color: #fff;
font-size: 110%;
}

.teaser_rot
{
color: #FF0033;
font-weight: bold;
}

.teaser_gelb
{
color: #F09D45;
font-weight: normal;
}

.teaser_a {
	color: #494949;
	text-decoration: none;
	font-weight:bold;
	border:none;
  
}

.active {
	color: #fff;
	font-weight: normal;
	padding: 10px 0 10px 0;
	display: block;
}
.teaser_haftung
{
color: #000000;
font-weight: normal;
background-color:#F09D45;
}


/***********************************************/
/* Banner Navigation Bars                      */
/***********************************************/


#banner {
	width: 910px;
	height: 100px;
	margin-bottom: 0px;
	margin-right: 0px;
	}

#banner_navlayer {
	position:absolute;
	left:286px;
	top:85px;
	width:357px;
	height:24px;
	z-index:1;
}

#pagetitle_layer{
	position:absolute;
	left:600px;
	top:15px;
	width:310px;
	height:24px;
	font-weight: bold;
 	font-size: 140%;
	text-align:right;
 	color: #F09D45;;
 	margin: 0px 0 3px 0;
 	padding: 0px;
	z-index:3;
}

#banner_navlayerstatic {
	position:absolute;
	left:821px;
	top:85px;
	width:78px;
	height:17px;
	z-index:2;
		text-align: center;
        font: bold 14px Arial, Helvetica, sans-serif;
		text-decoration: none;
}


#banner_navcontainer {
        height: 20px;
}

#banner_navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#banner_navcontainer ul li {
        /*display: inline;*/
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#banner_navcontainer ul li a {
        width: 80px;
        height: 18px;
        border-right: none;
        padding: 3px;
        margin: 0 0 10px 0;
        text-decoration: none;
        /*display: inline;*/
        text-align: center;
        font: normal 14px Arial, Helvetica, sans-serif;

}



#banner_navcontainer li#active a
{
        color: #fff;
}

#banner_static
{
	/*color: #494949;*/
	font-size: 14px;
	text-decoration: none;
}



#headlines{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#CCC;
	width: 128px;
	height: 440px;
	padding: 0px 5px 0 5px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size: 75%;
	position: absolute;
	margin: 0 0 0 770px;
	font-weight:normal;
	
	/*top: 140px;*/
}

#content{
	width: 620px;
	height: 430px;
	overflow:auto;
	position: absolute;
	margin: 0 0 0 145px;
	/*padding: 0 0 0 0;*/
	font-size: 95%;
	color:#FFFFFF;
	text-align: left;
	left: 0px;
	/*top: -22px;*/
	border-top: 1px solid #ccc;
}

#content ul{


	text-align: left;
}


#content_workshop{
	width: 780px;
	height: 430px;
	overflow:auto;
	left: 10px;
	margin: 0 0 0 140px;
	padding: 0 10px 0px 0px;
	position: absolute;
	font-size: 95%;
	left: 4px;
	color:#EBEBEB;
	border-top: 1px solid #ccc;

}


#content_pop{
color:#FFFFFF;
	width: 400px;
	overflow: hidden;
	margin: 0 0 0 20px;
	padding: 20px 0 0 0;
	font-size: 110%;
	text-align: left;

}

#content_workshop a{
        color: #F09D45;
		
}

#content_workshop a:hover{
        color: #FFF;
		font-weight:bold;
}

#content_workshop td{
border:#CCCCCC;
border-right-width:thin;
border-right-style:solid;
padding: 0 5px 0 0;


}

#content_workshop table{
width: 754px;

}



#pic_workshop {
width: 335px;
}



#step_container{
width: 770px;
}

.pic_container {
	float:left;
	width: 340px;
	height: auto;
	margin: 0 30px 5px 0;
	border:none;
	}
#pic_nr{
        color: #CCC;
		font-weight:normal;
}


/************* #breadcrumb styles *************/
#breadcrumb{
width: 910px;
margin-top: -5px;
color:#494949;
	font-size: 80%;

	/*width: 100%;*/
}


#breadcrumb table{
	width: 910px;
	margin:0 0 0 0;
	}

#breadcrumb a{
	font-weight: normal;
}



/***********************************************/
/*Left side Navigation Bar                     */
/***********************************************/
#navBar{
	width: 140px;
	height: 440px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	position: absolute;
	background-color: #666666;
	overflow: hidden;
	font-weight: normal;
}
/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	font-weight: normal;


}

#navBar ul a:hover {
	display: block;
	color: #FFF;
		
}

#navBar a:hover {
	display: block;
	color: #FFF;
	font-weight: normal;
	
}

#sectionLinks{
	color: #F09D45;
	position: relative;
	padding: 0 0 0.1em 0.5em;
	font-size: 90%;
	width: 119px;
	top: 8px;
	
	}

#sectionLinks ul{
	list-style: none;
	padding: 0px;
	margin: 0px;	
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	color: #F09D45;
	display: block;
	
	
}

#sectionLinks li#active a {
	color: #FFF;

	}
/*********** #navBar link styles ***********/
/*********** #sectionLinks_sub ***********/
/*********** Blendet Haupmenue ab nach grau, wenn Submenue vorhanden ***********/

#sectionLinks_sub {
	color: #494949;
	position: relative;
	padding: 0 0 0 10px;
	font-size: 90%;
	width: 119px;
	top: 8px;
	/*height: 240px;*/
	display: block;
	}

#sectionLinks_sub a {
	color: #7F7F7F;
	padding: 0px 0px 0px 5px;
	display: block;
}



#sectionLinks_subsub{
	color: #F09D45;
	position: relative;
	padding: 0 0 0 5px;
	font-size: 90%;
	width: 119px;
	top: 8px;
	display: block;
	}

#sectionLinks_subsub a {
	color: #F09D45;
	padding: 0px 0px 0px 5px;
	display: block;
}

#sectionLinks_subsub a:hover {
	padding: 0px 0px 0px 5px;
	display: block;
	font-weight: normal;
}
#active {
	color: #FFF;
	}


/*************************************************/
/*Infobox Javagesteuert unter Navlei links       */
/*************************************************/

/* specifications for write layer
	 set width and height in initInfoLyr function */
#infoDiv {
	font-size: 80%;
	/*position:inherit;*/
	visibility:visible;
	z-index:auto;
	background-color: #F09D45;
	height: 140px;
	text-align: center;
	margin-top: 8px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 5px;
	padding: 2px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 10px 0px 10px;
	font-size: 100%;
	/*height: 260px;*/
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
	clear: both;
	font-size: 100%;
}

.story p{
	padding: 0px 0px 10px 10px;
}


/************* #siteInfo styles ***************/

#bottom_box{
	clear: both;
	border: 1px solid #ccc;
	font-size: 90%;
	text-align: center;
	color: #cccccc;
	padding: 5px 10px 5px 10px;
	position: absolute;
	width: 888px;
	margin: 440px 0 0 0;
}

#bottom_box a {
	color: #F09D45;
	/*border-top: 1px solid #ccc;*/
	padding: 0px 0px 0px 10px;
	font-weight:normal
}
#bottom_box a:hover {
	color: #FFF;
	/*border-top: 1px solid #ccc;*/
	padding: 0px 0px 0px 10px;
	font-weight:normal
}

/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

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

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/************** #advert styles **************/

#advert{
	padding: 5px 10px 5px 5px;
	text-align: center;
}

#advert img{
padding: 0px 0px 0px 4px;
	display: block;
	
}

.teaser {
	/* color: #FFD700; */
         color: #F09D45;
	font-size: 12px;
	font-weight: bold;
}

.teaser_small {
	font-size: 79%;
	font-style:italic;
	/*font-weight: bold;*/
}

.liner1 {
font-size: 1.2em;
font-weight:bold;
color:#F09D45;
margin: 1.4em 0 .7em 0;
}

.liner2 {
font-weight:bold;
margin: 1.4em 0 .7em 0;
}

.liner3 {
font-style:italic;
margin: 1.4em 0 .7em 0;
}

.liner4 {
font-size:
x-small
margin: 1.4em 0 .7em 0;
}
.url_right
{
text-align: right;
}

#lang_select_pop
{ font-size: 0.8em;
  position:absolute;
  left:30px;
  top:1px;
  width:250px;
  float:left;
  height: 20px;
  margin:4px 0;  /*     border:1px solid lime;           */
}

#pop
{
 font-size: 12px;
}
/*------formatierung popup im blog -----------*/

#lightbox{
color:#000000;
	background-color:#eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../../../../../shop/pics/buttons/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(http:../../../../../shop/pics/buttons/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../../../shop/pics/buttons/overlay.png", sizingMethod="scale");
	}

.hole {
   font-family: "Arial narrow", Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   background:#000000;
   font-size: 11px;
   border: 1px solid #333333;
	border-collapse: collapse;
	text-align:center;
}

.different {
 border: 1px solid #333333;
	border-collapse: collapse;
	font-family: "Arial narrow", Arial, Helvetica, sans-serif;
	font-size: 11px;
   color:#000;
  background:#FF9900;
   font-size: 11px;
  
		text-align:center;
}


.root_note {
border: 1px solid #333333;
	border-collapse: collapse;
	font-family: "Arial narrow", Arial, Helvetica, sans-serif;
	font-size: 11px;
   color:#000;
   background:#059BCC;
   font-size: 11px;
	text-align:center;
}