/* BASIC */

body, html		{
	font-family:Tahoma, Arial, sans-serif;
	color:#485254;
	padding : 0px;
	margin : 0px;
	width : 100%;
	height : 100%;
} 
body		{font-size:12px; background:url(../gfx/pattern_body.png) #a5afaf repeat-x bottom fixed;}
#minMax 	{min-width:870px; max-width:1000px; margin:0 auto; background:none; z-index:10;}


/* TYPO */

h1			{visibility:hidden; font-size:9px; padding:0; margin:0;}
h2			{font-size:26px; color:#006941; padding:0; margin:0 0 15px 0; font-weight:normal;}
h3			{font-size:14px; color:#485254; padding:0; margin:10px 0 5px 0; font-weight:bold;}
p			{font-size:12px; line-height:1.5em; margin:0; padding:0 0 10px 0;}
#content ul	{list-style:none; margin:0; padding:0; line-height:20px;}
#content ul li {background:url(../gfx/greendot.gif) no-repeat 0px 7px; padding-left:15px; }

a			{color:#232a2d; border-bottom:solid 1px #78aa91; text-decoration:none; background:none;}
a:link		{color:#232a2d; background:none }
a:visited	{color:#232a2d; background:none }
a:hover		{color:#006941; background:none }
a:active	{color:#006941; background:none }

a.external	{padding:0 1px 0 15px; background:url(../gfx/ico/external.gif) no-repeat 1px 3px ! important;}
a.internal	{padding:0 1px 0 15px; background:url(../gfx/ico/internal.gif) no-repeat 1px 3px ! important;}
a.mail		{padding:0 1px 0 15px; background:url(../gfx/ico/mail.gif) no-repeat 1px 3px ! important;}
a.zoom		{padding:0 1px 0 15px; background:url(../gfx/ico/zoom.gif) no-repeat 1px 3px ! important;}
a.download	{padding:0 1px 0 15px; background:url(../gfx/ico/download.gif) no-repeat 1px 3px ! important;}


/* HEAD */

#header			{ 	position:relative; background:none; padding: 0; height:180px; margin:0; z-index:15;}
#header_gfx1	{	position:absolute; margin-top:20px; right:0px; 
					background:url(../gfx/header_bg1.png) right bottom no-repeat; padding: 0; height:160px; width:180px;}
#header_gfx2	{	position:absolute; margin:0 0 0 20px; left:0px; 
					background:url(../gfx/header_bg2.png) repeat-x bottom; padding: 0; height:180px; width:90%}
#header_addon	{	position:absolute; width:48px; height:102px; margin:135px 0 0 -3px; background:url(../gfx/addon_clip.png) no-repeat; z-index:20}
#greenbar_head	{	position:absolute; margin:30px 0 0 80px; width:220px; height:20px; background:#006941; z-index:25}
#vollmer_logo	{	position:absolute; margin:80px 0 0 80px; width:220px; height:64px; padding:0; background:url(../gfx/vollmer_logo.png); z-index:25}


/* DIVIDER */

#divider		{	position:absolute; height:10px; top:170px; width:100%; overflow:hidden; z-index:20;}
#divider_block	{	height:10px; background:#d2d7d7; margin:0 48px 0 20px; width:auto; overflow:hidden;}

/* CONTENT */

#wrapper 			{position:relative; overflow:hidden; padding:0; margin:0;}

#box1, #box2, #box3, #box4	 {padding-bottom:32767px; margin-bottom:-32767px;}

#box1				{float:left; width:80px; background:url(../gfx/content_bg1.png) repeat-y; background-position:20px 0}
#box2				{float:left; width:220px; background:url(../gfx/content_bg1.png); position:relative;}
#box3				{float:right; width:28px; background:url(../gfx/content_shadow.png) repeat-y;}
#box4				{float:right; width:20px; background:url(../gfx/content_bg2.png);}
#bar				{height:10px; background:#d2d7d7; overflow:hidden; margin:0; padding:0;}

#content			{position:relative; width: auto; margin: 0 48px 0 300px; background:url(../gfx/content_bg1.png);}

.small				{display:block; width:60%; background:none;}
.medium				{display:block; width:90%; background:none;}
.distance			{display:block; height:50px; background:none;}

.floatbox			{position:relative; display:block; width:160px; float:left; margin:0; padding:0; overflow:visible;}


.row1				{display:block; width:60px; float:left;}

.c_box1				{margin:0 20px 0 60px; padding:20px 0 40px 0;}
.c_box2				{margin:0 20px 0 -220px; padding:0;}
.c_box3				{margin:0 0 0 -220px; padding:0; width:220px;} /* margin: -height 0 0 -240px */
.c_box4				{height:100%; position:absolute; margin:0 0 0 auto; right:0;}
.c_box5				{height:100%; position:absolute; padding:0; margin:70px auto 0 -220px; left:0;} /* fixed start, flexible height to bottom */


#mailinput				{margin-top:-80px; padding:0;}
	
#fs_angaben				{position:relative; display:block; width:180px; height:320px; background:#d2d7d7; border:0px none; padding:20px; margin:0; bottom:0px;}
#fs_angaben label		{display:block; color:#485254; font-size:14px; width:70px; height:20px; margin:2px 0 0 0; padding:0; float:left;}
#fs_angaben input 		{display:block; color:#485254; font-size:13px; width:98px; height:16px; background:#fafaf5; border:2px solid #a5afaf; margin:0; padding:0; padding-bottom:2px; padding-left:2px;}
#fs_angaben select		{display:block; color:#485254; font-size:13px; width:104px; height:22px; background:#fafaf5; border:2px solid #a5afaf; margin:0; padding:0;}
#fs_angaben dd			{height:30px}

#fs_inhalte				{position:relative; display:block; width:400px; text-align:right; background:none; height:320px; left:280px; margin:-320px 0 -20px 0; padding:0; border:0px none;}
#fs_inhalte label		{display:none; visibility:hidden;}
#fs_inhalte textarea	{color:#485254; font-size:13px; width:400px; height:240px; background:#fafaf5; border:2px solid #a5afaf; margin:0 0 10px 0; padding:0}
#fs_inhalte input		{background:none; text-align:right; padding:0; margin:0; font-size:14px; font-weight:bold; color:#a5afaf; border:0px none;}

legend					{visibility:hidden; display:none;}
dl, dt, dd				{margin:0; padding:0;}



#portrait			{height:186px; margin-top:-180px; background:url(../gfx/pic/karl_heinz_vollmer.jpg) no-repeat #d2d7d7;}
#kontakt			{height:250px; margin-top:-60px; background:#660;}
#products			{height:140px; margin-top:-10px; padding:0px 0 10px 0;}
#refs				{height:110px; margin:0 20px -25px -220px; padding:10px 0 0 0;}
#iehack				{margin:0 0 -60px 0;}

#portfolio_img01	{width:140px; background:url(../gfx/pic/portfolio_img01.jpg);}
#portfolio_img02	{width:140px; background:url(../gfx/pic/portfolio_img02.jpg);}
#portfolio_img03	{width:140px; background:url(../gfx/pic/portfolio_img03.jpg);}
#portfolio_img04	{width:140px; background:url(../gfx/pic/portfolio_img04.jpg);}
#portfolio_img05	{width:140px; background:url(../gfx/pic/portfolio_img05.jpg);}

#title				{width:220px; background:url(../gfx/pic/teaser_img01.jpg) no-repeat;}

#product-rowstart	{height:140px; width:80px; margin:0;}
#product-row 		{height:140px; margin:-140px 0 0 80px;}
#product-row div 	{width: 14.2%; float: left; text-align:right;}
#product-row div img {}
#product-row div span, #product-rowstart div span		{
					display:block; width:80px; text-align:center; margin:0 0 0 auto; color:#a5afaf; font-size:12px;
					}
					
#ref-rowstart		{height:90px; width:180px; margin:0;}
#ref-row 			{height:90px; margin:-90px 0 0 180px;}
#ref-row div 		{width: 33.3%; float: left; text-align:right;}
#ref-row div img, #ref-rowstart img 	{ background:none}



	
/* FOOTER */

#footer 		{	position:relative; clear:both; height:86px; padding:0; margin:0;}

#footer_content	{	position:absolute; margin-top:21px; right:48px; text-align:right;
					background:none; padding:0 1px 0 0; height:40px; z-index:40;}

#footer_gfx1	{	position:absolute; margin-top:0px; right:0px; 
					background:url(../gfx/footer_bg1.png) right bottom no-repeat; padding: 0; height:86px; width:88px;}
#footer_gfx2box	{	position:absolute; margin:0 0 0 86px; left:0px; right:0px; overflow:hidden;
					background:none; padding: 0; height:86px; width:100%;}
#footer_gfx3	{	position:absolute; margin-top:0px; left:20px; 
					background:url(../gfx/footer_bg3.png) right bottom no-repeat; padding: 0; height:86px; width:66px;}
#footer_iehack1	{	position:relative; margin-top:61px; width:100%; height:25px; right:174px; background:url(../gfx/footer_shadow.png) repeat-x;}
#footer_iehack2	{	position:absolute; margin-top:-86px; width:100%; height:61px; right:174px; background:url(../gfx/footer_bg2.png) repeat-x;}

#footer2 		{	position:relative; clear:both; height:86px; padding:0; margin:0; overflow:hidden;}
#footer_addon	{	position:absolute; width:62px; height:110px; margin:-195px 0 0 15px; background:url(../gfx/addon_corner.png) no-repeat;}
#greenbar_foot	{	position:absolute; margin:41px 0 0 80px; width:220px; height:20px; background:#006941; z-index:25}


/* NAVIGATION */

#navigation				{position:absolute; margin:140px 0 0 0; width:100%; height:30px; padding:0; z-index:25; vertical-align:baseline;}
.underlinemenu			{float:right; padding-right:38px; height:30px;}
.underlinemenu ul		{padding:0; margin:0; text-align: right; }
.underlinemenu ul li	{display:block; float:left;}
.underlinemenu ul li a	{
	letter-spacing:1px;
	font-size:14px;
	display:block;
	color: #a5afaf;
	padding:0 0 3px 0;
	margin:0 10px 0 0;
	text-decoration: none;
	border-bottom: 5px solid #d2d7d7;
}
.underlinemenu ul li a:hover, .underlinemenu ul li a:active	{
	color: #006941;
	border-bottom: 5px solid #006941;
	background:none;
}
.underlinemenu ul li a.recent, .underlinemenu ul li a:hover.recent, .underlinemenu ul li a:active.recent	{
	color:#232a2d;
	border-bottom: 15px solid #d2d7d7;
	background:none;
}


/* SIDEBAR NAVIGATION */

#sidecontent			{margin:0; padding:0; background:none;}
#sidecontent ul			{padding:0; margin:10px 0 0 0; text-align: left; }
#sidecontent ul li		{display:block; padding:0; margin:0; width:98%;}
#sidecontent ul li a, #sidecontent ul li a:visited, #sidecontent ul li a:link	{
	letter-spacing:1px;
	font-size:14px;
	font-weight:normal;
	display:block;
	color: #a5afaf;
	padding:2px 0 2px 20px;
	margin:0;
	border:none;
	text-decoration: none;
	background:none;
}
#sidecontent ul li a:hover, #sidecontent ul li a:active	{
	color: #485254;
	font-weight:normal;
	background:url(../gfx/arrow2.gif) no-repeat 0px 7px;
}
#sidecontent ul li a.recent,  #sidecontent ul li a:link.recent,  #sidecontent ul li a:hover.recent,  #sidecontent ul li a:active.recent	{
	color:#a5afaf !important;
	font-weight:bold !important;
	letter-spacing:normal !important;
	background:url(../gfx/arrow1.gif) no-repeat 0px 7px !important;
}