/*css layout formatting done by mtness.net*\
		for www.3dst.de
\*              2007-02-05                */

* {	margin: 0; border: 0; padding: 0; }

html
{
}
body
{
	padding: 107px 0 32px 0;
	font-size: 1.05em;
	line-height: 1.1em;
	z-index: 0;
	background: #fff fixed bottom right no-repeat url(images/3dst_grid_bg.jpg);
}
#header,
#footer
{
	position: absolute;
	left: 0;
	overflow: hidden;
	z-index: 3;
}

#header
{
	top: 0;
	width: 100%;
	height: 107px;
	border-bottom: 0px solid #c3c3c3;
	z-index: 5;
}

#submenu_wrap
{
	position: absolute;
	width: 100%;
	top: 0px;
}

#content_bg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#footer 
{
	overflow: hidden;
	width: 100%;
	height: 32px;
	position: absolute;
	bottom: 0px; /*ugly fix for IE*/
	left: 0;
	border-top: 0px solid #ddd;
	color: #000;
	background: #fff fixed bottom right no-repeat url(images/3dst_grid_bg.jpg);
	z-index: 4;
}

@media screen
{
	html>body>div#header,
	html>body>div#footer
	{
		position: fixed;

	}

	.keywords { display: none; }
	.hidden { display: none; }

	#rootline 
	{
		position: fixed;
		top: 0;
		left: 0;
		padding: 0px 0 0 4px; 
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 9px;
		color: #c3c3c3;
		z-index: 5;
	}
	#rootline a:link   {  color: #c3c3c3; text-decoration: none;}
	#rootline a:visited{  color: #c3c3c3; text-decoration: none;}
	#rootline a:hover  {  color: #c3c3c3; text-decoration: underline;}
	#rootline a:active {  color: #c3c3c3; text-decoration: none;}

	#multilang
	{
		position: fixed;
		top: 0;
		right: 0;
		padding: 0px 4px 0 0; 
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 9px;
		color: #c3c3c3;
		z-index: 5;
	}
	#multilang li { list-style: none; float: left; padding: 3px; }
	
	#multilang form { float: left; padding: 2px 32px 0 0; }

	#multilang form input { border: 1px solid #ccc; padding: 1px; }
	#multilang form input:hover { border: 1px solid #666666; background: #c3c3c3; padding: 1px; }
	#multilang form input:focus { border: 1px solid #999999; background: #eeeeee; padding: 1px; }
	                             
	#topframe
	{
		margin: 0 auto 0 auto;
		border-bottom: 1px solid #FFCC00;
		width: 800px;
		height: 106px;
		background: #fff;
		z-index:3;
	}

	#logo
	{
		position: relative;
		top: 32px;
		left: 32px;
		z-index:3;
	}
	
/* <menu> */
/* ************************************************************************************ */
	#menu
	{
		position: relative;
		top: 32px;
		padding-left: 279px;
		height: 32px;
		z-index: 24;
		font-family: forgotten futurist, verdana, helvetica, arial, sans-serif;
		font-size: 19px;
		font-weight: bold;
		text-transform: uppercase;
	}
	#menu li { list-style: none; float: left; padding: 0 0.5em 0 0; }
	#menu li a 
	{
		display: block;
		background-color: #fff;
		color: #000;
		text-decoration: none;
		float: left;
	}
	html>body #menu li a 
	{
		width: auto;
	}

	#menu li a:hover 
	{
		color: #F4811F;
	}
	
	#nav_main #home a 	{ float: left; height: 0px; color: #666; padding: 24px 0 0 0; overflow: hidden; text-transform: lowercase; } 
	#home a 		{ position: relative; top: -5px; left: 0px; background: top left no-repeat url(images/home.gif); }
	#nav_main #home a:hover 						{ background-position: 0 -24px; } 
/* 	#nav_main #home a:active, #home a.selected 	{ background-position: 0 -24px; }
 */

/* </menu>  */
/* ************************************************************************************ */

/* <submenu> */
/* ************************************************************************************ */
	
	#submenu_center
	{
		margin: 0 auto 0 auto;
		width: 800px;
		z-index: 3;
	}

	#submenu
	{
		position: fixed;
		top: 107px;
		width: 260px;
		min-height: 472px; /* height adjustment necessary for visibility */
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 13px;
		z-index: 5;
		background: fixed top left repeat-x url(images/3dst_submenu_bg.png);
		float: left;
	}


  	#submenu h1
	{
		position: relative;
		top: 20px;
 		border-top: 1px solid #fff;
 		border-bottom: 1px solid #fff;
		padding: 2px 32px 2px 32px;
		font-size: 1em;
		text-align: center;
		background: #fff;
		color: #000;
	}
	
	#submenu a {}
	#submenu a:link   {  color: #060606; text-decoration: none;}
	#submenu a:visited{  color: #060606; text-decoration: none;}
	#submenu a:hover  {  color: #060606; text-decoration: underline;}
	#submenu a:active {  color: #060606; text-decoration: none;}



	#submenu ul
	{
		position: relative;
		top: 20px;
		list-style: none;
		z-index: 3;
 	}
	#submenu li
	{
		display: block;
		padding: 1px 0 0 1px;
		z-index: 3;
	}
	#submenu li a 
	{
		display: block;
		text-decoration: none;
		width: 100%;
		padding: 4px 20px 4px 20px;
		text-align: right;
		z-index: 3;
	}

	.active { background: #fff; color: #00458A; }
	.actifsub { background: #f9f9f9; }
	
	html>body #submenu li a 
	{
		width: auto;
		z-index: 3;
	}

	#submenu li a:hover 
	{
		background: #fafafa;
		color: #00458A;
		z-index: 3;
	}

	#submenu li ul
	{
		position: relative;
		top: 0px;
		list-style: none;
		z-index: 3;
 	}
	#submenu li ul li
	{
		font-size: 0.85em;
	}
	#submenu li ul li a
	{
		padding: 0 24px 0 20px;
	}
	#submenu li ul li ul li
	{
	}
	#submenu li ul li ul li a
	{
		background: #fafafa;
	}
/* </submenu> */
/* ************************************************************************************ */
	
	#subscription
	{
		display: block;
		position: absolute;
		bottom: 0px;
		right: 20px;
		font-size: 0.8em;
		text-align: right;
	}
	
	
	#content_wrap
	{
		z-index: 2;
	}
	#content_frame
	{
		margin: 0 auto 0 auto;
		border:0;
		width: 800px;
	}


	#content
	{
		position: relative;
		top: 0;
		left: 260px;
		width: 500px;
		padding: 20px ;
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 0.7em;
		text-align: left;
		color: #3d3d3d;
		z-index: 4;
		background: bottom right repeat-x url(images/3dst_content_bg.png);	
	}
	#content_rc
	{
		position: relative;
		top: 0;
		left: 260px;
		height: 8px;
		width: 540px;
		background: bottom right no-repeat url(images/3dst_content_bg_rc.png);	
	}

/* <content elements formatting>  */
/* ************************************************************************************ */

#content h1 { font-size: 1.3em ; margin: 0px; padding: 8px 0 8px 0; }
#content h2 { font-size: 1.2em; margin: 0px; padding: 0 0 8px 0; }
#content h3 { font-size: 1.0em; margin: 0px; padding: 0 0 8px 0; }
#content h4 { font-size: 1.0em; margin: 0px; padding: 0 0 8px 0; }
#content h5 { font-size: 1.0em; margin: 0px; padding: 0 0 8px 0; }
#content h6 { font-size: 1.0em; margin: 0px; padding: 0 0 8px 0; }
#content p  { margin: 0; padding: 0 0 12px 0; }
#content ul { margin: 0 0 8px 16px; padding: 0 0 8px 0; }
#content em { font-style: normal; color: #fff; margin:0px; }
#content li { margin-bottom: 5px; }

#content a  { color: #00458A; margin: 4px 0px 4px 0px; padding: 0; }
#content  a:link   {  color: #00458A; text-decoration: none;}
#content  a:visited{  color: #00458A; text-decoration: none;}
#content  a:hover  {  color: #00458A; text-decoration: underline;}
#content  a:active {  color: #00458A; text-decoration: none;}

#submenu .centered p { text-align: center; }


/* </content elements formatting>  */
/* ************************************************************************************ */

	#demo_content
	{
		position: relative;
		top: 0;
		left: 0px;
		width: 760px;
		padding: 20px ;
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 0.7em;
		text-align: left;
		color: #3d3d3d;
		z-index: 4;
		background: bottom right repeat-x url(images/3dst_content_bg.png);	
	}
	#demo_content_rc
	{
		position: relative;
		top: 0;
		left: 0px;
		height: 8px;
		width: 800px;
		background: bottom right no-repeat url(images/3dst_demo_content_bg_rc.png);	
	}

/* TYPO3 extension css config */
/* ************************************************************************************ */


.csc-textpic-caption { font-size: 0.85em; line-height: 1.05em; }

/* mailform */
.csc-mailform 					{ font-family: verdana, helvetica, arial, sans-serif; font-size: 1.1em; overflow:hidden; }
.csc-mailform label 				{ display: block; float: left; text-align: right; width: 224px;overflow:hidden; }
.csc-mailform-field 	 		{ padding: 2px; }
.csc-mailform-field input 		{ border: 1px solid #c3c3c3; padding: 2px; z-index: 4;overflow:hidden; width: 224px; }
.csc-mailform-field input:hover 	{ border: 1px solid #666666; background: #c3c3c3; overflow:hidden; }
.csc-mailform-field input:focus 	{ border: 1px solid #999999; background: #eeeeee; overflow:hidden; }
.csc-mailform-field textarea 	{ border: 1px solid #c3c3c3; z-index: 4;overflow:auto; width: 99%; }
.csc-mailform-submit 			{ right: 0; margin-left: 224px; padding: 2px; }
#mailformformtype_mail 			{ right: 0; margin-left: 224px; padding: 2px; width: 6em; }

#tx-rggooglemap-cat { font-family: verdana, helvetica, arial, sans-serif; }

/* tt_news */
.news-latest-container{ padding: 20px 8px 0px 8px;  font-family: verdana, helvetica, arial, sans-serif; }
.news-latest-item {padding-bottom: 16px;}
.news-latest-date { font-size: 0.7em; }
.news-latest-item h3 { font-size: 1em; }
.news-latest-item img {}
.news-latest-item p { float: left; clear: left; font-size: 0.85em; line-height: 1.2; }
.news-latest-morelink { font-size: 0.85em; }

.news-list-container {}
.news-list-item { position: relative; clear: right; padding: 32px 0 0 0; }
.news-list-item h3 { }
.news-list-date {}
.news-list-item img { float: right; } 
.news-list-item p {}
.news-list-morelink { }

.news-single-item { font-family: verdana, helvetica, arial, sans-serif; }
.news-single-item h2 { }
.news-single-timedata { padding: 8px 0 0 0;}
.news-single-img { float: right; padding: 0 0 8px 8px; }
.news-single-item p { padding: 0 0 -16px 0; }
.news-single-additional-info {}
.news-single-backlink {}


/* sr_email_subscribe */
.tx-sremailsubscribe-pi1 { font-family: verdana, helvetica, arial, sans-serif; width: 460px; margin: 0 auto; }
.tx-sremailsubscribe-pi1 legend { font-size: 1.2em; }
.tx-sremailsubscribe-pi1 label { width: 170px; }
.tx-sremailsubscribe-pi1 input 		{ border: 1px solid #c3c3c3; padding: 2px; z-index: 4; overflow:hidden; }
.tx-sremailsubscribe-pi1 input:hover { border: 1px solid #666666; background: #c3c3c3; overflow:hidden; }
.tx-sremailsubscribe-pi1 input:focus { border: 1px solid #999999; background: #eeeeee; overflow:hidden; }

.tx-sremailsubscribe-pi1 dl { padding: 16px 0 0 0; }
.tx-sremailsubscribe-pi1 dt { width: 170px; float: left; padding: 2px 2px 2px 0; text-align: right; clear: left; }
.tx-sremailsubscribe-pi1 dd { padding: 2px 2px 2px 0; text-align: left; float: left; }
.tx-sremailsubscribe-pi1 dd p { width: 270px; font-size: 0.8em; }

.tx-sremailsubscribe-pi1-submit { margin: 4px 0 0 0; padding: 2px; }
.tx-sremailsubscribe-pi1 form { padding: 0 0 1em 0; }


/* sr_fe_user_register */
.tx-srfeuserregister-pi1 { width: 492px; margin: 0 auto; }
.tx-srfeuserregister-pi1 p {}
.tx-srfeuserregister-pi1 dl { padding: 16px 0 0 0; }
.tx-srfeuserregister-pi1 dt { float: left; clear: left; width: 204px; text-align: right; font-weight: bold; }
.tx-srfeuserregister-pi1 dd label { width: 170px; padding: 0; }
.tx-srfeuserregister-pi1 dd { padding: 0 0 0.5em 0; }
.tx-srfeuserregister-pi1 dd input, 
.tx-srfeuserregister-pi1 dd textarea
{
	width: 256px;
	margin: 0 1px 0 1px;
	border: 1px solid #c3c3c3;
	padding: 2px;
	color: #000;
	background: #fff;
}
#tx-srfeuserregister-pi1-password, 
#tx-srfeuserregister-pi1-password_again { width: 66px; }
.tx-srfeuserregister-pi1-password-again { width: 128px; }
.tx-srfeuserregister-pi1 input[type="password"] { margin-right: 0.1em; }
.tx-srfeuserregister-pi1 dd label { width: 170px; padding: 0; }
.tx-srfeuserregister-pi1 dd input 		{ border: 1px solid #c3c3c3; padding: 2px; z-index: 4; overflow:hidden; }
.tx-srfeuserregister-pi1 dd input:hover { border: 1px solid #666666; background: #c3c3c3; overflow:hidden; }
.tx-srfeuserregister-pi1 dd input:focus { border: 1px solid #999999; background: #eeeeee; overflow:hidden; }
.tx-srfeuserregister-pi1 dd p { text-align: center; font-size: 10px; color: #800; }

.tx-srfeuserregister-pi1 dd input.tx-srfeuserregister-pi1-submit { margin: 8px 0 0 0; }

#content .tx-newloginbox-pi1 h3 { font-size: 12px; }
#content .tx-newloginbox-pi1 p { font-size: 11px; }
.tx-newloginbox-pi1 legend { font-size: 1.2em; }
.tx-newloginbox-pi1 label { width: 170px; }
.tx-newloginbox-pi1 input 		{ border: 1px solid #c3c3c3; padding: 2px; z-index: 4; overflow:hidden; }
.tx-newloginbox-pi1 input:hover { border: 1px solid #666666; background: #c3c3c3; overflow:hidden; }
.tx-newloginbox-pi1 input:focus { border: 1px solid #999999; background: #eeeeee; overflow:hidden; }





	#legal
	{
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 26px;
		border: 0px solid #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 0.6em;
		z-index: 21;
	}
	
	#legal a:link   {  color: #060606; text-decoration: none;}
	#legal a:visited{  color: #060606; text-decoration: none;}
	#legal a:hover  {  color: #060606; text-decoration: underline;}
	#legal a:active {  color: #060606; text-decoration: none;}

	#print_contact { display: none; }
	#mtness
	{
		position: fixed;
		bottom: 3px;
		right: 3px;
		border: 0px solid #000000;
		z-index: 23;
	}

	
}

/* opera specific settings */
@media all and (min-width:0px) {
	head~body #submenu_wrap	{ position: fixed; }
	head~body #submenu		{ position: relative; }
}