/* CSS Document */

/*  settings */

P, DIV, H1, H2, form { margin:0px; padding:0px; }

H1 { font-size: 18px; }
H2 { font-size: 18px; color: #000; font-variant:small-caps; font-weight:normal; letter-spacing: 0.1em; }

hr { border: 0px; border-top: solid 1px #666; }

b { font-size:12px; color: #333333;}

P, H1, H2, H3, H4, ol, ul  { margin: 0px; line-height:140%; }

img { border:0px;}

	

ul {margin:0px; padding-left: 15px;}			
			
#HEADER td {vertical-align:top;}

a:link  { color: #666; text-decoration:underline;}
a:visited { color: #666; text-decoration:underline;}
a:hover { color: #999; text-decoration:underline;}

a:link, a:active, a:visited, a:hover, a:active, a:focus {outline: none;}

a:hover img {  filter:alpha(opacity=80); /* IE */
				-moz-opacity:0.80; /* Gecko-Browser */
				opacity:0.80;
			}

/* layout */

html{ height:100%; 
	  width:100%; 
	  }

BODY {padding: 0; margin: 0; font-family: Tahoma, Arial, sans-serif; color: #FFFFFF; font-size:12px; background-color:#fff; overflow:auto;}


#TOP {left: 0px; position: fixed; top:0px; background:#000; width:100%; background-image:url(../layout/top_bg.jpg); z-index:3001;  background-repeat:repeat-x; height:120px; color:#FFF; }

#LOGO{  float:left;  height:120px;  color:#FFF;  width:290px;}

#NAVI {margin-left:310px; z-index:2; text-align:left; padding-top:61px; color: #FF0000; }

#HEADER { background:#FFF; width:100%; padding-bottom:30px; padding-top:120px; height:100%; background-image:url(../layout/header_bg.jpg);  background-repeat:repeat-x; color:#000; z-index:0; }

#subnavigation {text-align:center; width:1000px; text-decoration:none; color:#666; background-image:url(../layout/subnavi_bg.jpg); background-position:bottom; background-repeat:repeat-x;}

#LEFT { width:460px; z-index:2; float:left; min-height:216px; text-align:left;  padding-top:50px; }

#LEFT_shop { width:460px; z-index:2; float:left; min-height:216px; text-align:left;  padding-top:50px; }

#RIGHT {margin-left:540px;  width:460px;  z-index:2; min-height:216px; text-align:left; padding-top:50px;}

#RIGHT_shop {margin-left:540px;  width:460px;  z-index:2; min-height:216px; text-align:left; padding-top:104px;}

#FOOTER {left: 0px; width:100%; position: fixed; background-image:url(../layout/footer_bg.jpg);  background-repeat:repeat-x; bottom:0px; height:30px; margin:0px; padding:0px; text-align:center; z-index:10002; }

#Linie {z-index:1; margin:0px; padding:0px; clear:both; width:1000px;}

.center_row { width:1000px; margin: 0 auto; text-align:center;}



/* main menu */

#NAVI ul {	
	margin:0; 
	padding:0;
	list-style:none;	
	font-family:tahoma, Arial, sans-serif;
	text-align:center;
	line-height:60px;
	}

#NAVI li {
		float:left;	
		background:url(../layout/default.jpg) no-repeat center center;	/* default background image	*/
		width:85px;							/* width and height of the menu item */
		height:60px;
		margin-left:8px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
		font-family:tahoma, Arial, sans-serif;
		font-size:14px;
		}

#NAVI  li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:60px;
		position:relative;
		color: #777;
		text-decoration:none;
		}

#NAVI  li .hover {
		background:url(../layout/over.jpg) no-repeat center center; /* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:85px;	/*	width, height, left and top to fill the whole LI item	*/
		height:60px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	    }	

#NAVI  li.selected {
		background:url(../layout/selected.jpg) no-repeat center center;	/* selected image	*/
		}
	
body#home a#homenav,
body#bio a#bionav,
body#leistungen a#skillnav,
body#kontakt a#kontaktnav,
body#impressum a#imprintnav,
body#shop a#shopnav {
background:url(../layout/selected.jpg) no-repeat center center;	/* selected image	*/
}
	
	/* menu imagflow */
	
#subnavigation ul {	
	margin-left:200px;
	padding:0;
	list-style:none;	
	font-family:tahoma, Arial, sans-serif;
	text-align:center;
	line-height:20px;
	}

#subnavigation li {
		float:left;	
		background:url(../layout/default_01.jpg) no-repeat center center;	/* default background image	*/
		width:82px;							/* width and height of the menu item */
		height:21px;
		margin-left:15px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
		font-family:tahoma, Arial, sans-serif;
		font-size:12px;
		text-decoration:none;
		}

#subnavigation li a:link {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:21px;
		position:relative;
		color: #777;
		text-decoration:none;		
		}
		
#subnavigation li a:visited {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:21px;
		position:relative;
		color: #777;
		text-decoration:none;		
		}

#subnavigation li .over {
		background:url(../layout/over_01.jpg) no-repeat center center; /* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:82px;	/*	width, height, left and top to fill the whole LI item	*/
		height:24px;
		left:0; 
		text-decoration:none;
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
		}	

#subnavigation li a.aktiv {
		background:url(../layout/selected_01.jpg) no-repeat;	/* selected image	*/
		width:82px;	/*	width, height, left and top to fill the whole LI item	*/
		height:24px;
		color: #999;
	}


#colleft   { width:90px; float:left; margin-top:135px; z-index:10; overflow:hidden; background:#333; position:relative;}
#showPanel { z-index:10; left:0; padding-top:40px; display:none; width:0px; cursor:pointer; float:left;}
#showPanel span{display:block;  z-index:10; font-size:24px; height:30px; margin-top:20px; padding:10px 0 10px 10px; width:20px; background: #333;}
#colright { padding-top:135px; z-index:10; float:left; color:#1c1c1c;  }




.border {margin:5px; border:1px #999999 solid;}

.formular {

background-color: #595959; 
font-size:12px; 
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
color:#FFF; 
border:0px;

}


.formular_02 {
width:300px;
background-color: #595959; 
font-size:12px; 
margin-top:5px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
color:#FFF; 
border:0px;

}

.formular_ohne {

background-color: #595959; 
font-size:12px; 
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
color:#FFF; 
border:0px;

}

.button { background-image:url(../submit_button.jpg); border:0px; width:70px; height:20px; cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.error {color:#FF0000; font-weight:bold; font-family: Tahoma, Arial, Helvetica, sans-serif;}