/* styles for www.konzept3d.de       */
/*                                   */
/* media:	screen                   */
/* use:		on every page            */
/* author:	click solutions GmbH     */
/*          Holger Bluethmann        */
/*                                   */

img {
	border: none; }

* {
	padding: 0; margin: 0; font-weight: normal; }

strong {
	font-weight: bold; }

img {
	border: none; }

body {
	text-align: center; border: 0; padding-bottom: 20px; background-color: #FFFFFF; background-image: url(../images/body_bg_3.png); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; }

/*                                   */
/* main divs                         */
/*                                   */

div#wrapper {
	text-align: left; margin: 40px auto 0px auto; width: 750px; }

div#wrapperleft {
	float: left; width: 179px; }

div#wrapperright {
	float: right; width: 547px; }

div#logo {
	width: 179px; height: 33px; background-image: url(../images/logo_konzept3d.gif); background-repeat: no-repeat; font-size: 1px; line-height: 1px; }

div#navi {
	margin: 20px 0px 0px 0px; width: 179px; }

div#bigimage, div#bigimagestatic {
	margin: 0px 0px 12px 0px; width: 547px; height: 393px; border-bottom: 1px solid #8D9D91; }

body.start div#bigimage, div#bigimagestatic {
	height: 343px; border-bottom: none; }

div#content {
	padding-bottom: 15px; margin: 0px 0px 0px 0px; width: 547px; }

div#projects {
	float: left; margin: 8px 0px 0px 0px; width: 246px; }

div#text {
	float: right; margin: 8px 0px 0px 0px; width: 300px; }

div#playerbar {
	margin: 0px 0px 5px 0px; width: 547px; height: 39px; border-bottom: 1px solid #8D9D91; }


div#projectsbar {
	margin: 0px 0px 0px 0px; clear: both; height: 90px; width: 547px; overflow: hidden; }

div#projectslist {
	margin-left: 0px; overflow: hidden; height: 45px; width: 5000px; }

div#projectsslider {
	clear: both; margin: 10px 0px 0px 0px; background-image: url(../images/slider_bg.gif); background-repeat: repeat-x; width: 547px; height: 26px; }

div#footer {
	clear: both; text-align: left; margin: 0px auto 0px auto; width: 750px; border-top: 1px solid #8D9D91; padding-top: 5px; }

div#clearcontent {
	clear: both; font-size: 1px; line-height: 1px; height: 1px; }

/*                                   */
/* logo divs                         */
/*                                   */

div#logo a {
	display: block; width: 179px; height: 33px; color: #FFFFFF; text-decoration: none; }


/*                                   */
/* footer divs                       */
/*                                   */

ul#sitenavi {
	float: left; list-style-type: none; }

ul#sitenavi li {
	float: left; font-size: 11px; margin: 0px 20px 0px 0px; }

ul#sitenavi li a {
	color: #8d9d91; text-decoration: none; }

ul#sitenavi li a:hover {
	color: #000000; text-decoration: none; }

h3#footertext {
	float: right; font-size: 11px; color: #8d9d91; }

h3#footertext a {
	color: #8d9d91; text-decoration: none; }

h3#footertext a:hover {
	color: #000000; text-decoration: none; }

/*                                   */
/* navi divs                         */
/*                                   */

div#navi ul {
	list-style-type: none; font-family: Georgia, "Times New Roman", Times, serif; }

div#navi ul li {
	font-size: 12px; line-height: 13px; border-top: 1px solid #8d9d91; }

div#navi ul li.last {
	border-bottom: 1px solid #8d9d91; }

div#navi ul li a {
	display: block; padding: 9px 0px 7px 0px; text-decoration: none; color: #555555; }

div#navi ul li a:hover {
	color: #000000; }

div#navi ul li.selected a {
	padding-left: 11px; background-image: url(../images/navi_hover_bg.gif); background-repeat: no-repeat; color: #9f003b; }

div#navi ul ul {
	font-family: Arial, Helvetica, sans-serif; }

div#navi ul ul li {
	font-size: 12px; border-top: 1px dotted #8d9d91; }

div#navi ul ul li.last {
    border-bottom: none; }

div#navi ul li.selected ul li a {
	padding: 7px 0px 6px 30px; text-decoration: none; color: #555555; background: none; }

div#navi ul li.selected ul li a:hover {
	color: #000000; }

div#navi ul li.selected ul li.selected a {
	background-image: url(../images/subnavi_hover_bg.gif); background-repeat: no-repeat; color: #9f003b; }


/*                                   */
/* content divs                      */
/*                                   */

div#content h1 {
	font-size: 22px; color: #9f003b; font-family: Georgia, "Times New Roman", Times, serif; }

div#content h3 {
	margin: 3px 0px 2px 0px; font-size: 13px; color: #435249; font-weight: bold; }

div#content p {
	margin: 1px 0px 3px 0px; font-size: 11px; line-height: 16px; color: #333333; }

div#content p.topimage {
	margin: -12px 0px 3px 0px; font-size: 1px; line-height: 1px; padding: 0; }

div#content a {
	color: #9f003b; text-decoration: none; }

div#content a:hover {
	color: #000000; }

div#projects img {
	float: left; margin: 4px 10px 6px 0px; }

div#playerbar ul {
	list-style-type: none; }

div#playerbar ul li {
	float: left; margin: 0px 4px 0px 0px; }

div#playerbar ul li#numbers {
	float: left; width: 56px; padding: 7px 0px 0px 0px; text-align: center; color: #435249; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; }

div#playerbar ul li#animation {
	float: right; margin: 0px; }

div#playerbar ul li a {
	display: block; background-image: url(../images/player_la.gif); background-repeat: no-repeat; width: 26px; height: 26px; font-size: 1px; line-height: 1px; color: #FFFFFF; text-decoration: none; }

div#playerbar ul li a:hover {
	background-image: url(../images/player_la_hover.gif); color: #FFFFFF; text-decoration: none; }

div#playerbar ul li#animation a {
	padding: 7px 32px 0px 0px; width: 140px; text-align: right; background-position: right top; font-size: 12px; line-height: 13px; font-family: Georgia, "Times New Roman", Times, serif; color: #435249;}

div#playerbar ul li#animation a:hover {
	color: #000000;}

div#playerbar ul li#la a {
	background-image: url(../images/player_la.gif); }

div#playerbar ul li#la a:hover {
	background-image: url(../images/player_la_hover.gif); }

div#playerbar ul li#la a.inactive {
	background-image: url(../images/player_la_inactive.gif); }

div#playerbar ul li#l1 a {
	background-image: url(../images/player_l1.gif); }

div#playerbar ul li#l1 a:hover {
	background-image: url(../images/player_l1_hover.gif); }

div#playerbar ul li#l1 a.inactive {
	background-image: url(../images/player_l1_inactive.gif); }

div#playerbar ul li#r1 a {
	background-image: url(../images/player_r1.gif); }

div#playerbar ul li#r1 a:hover {
	background-image: url(../images/player_r1_hover.gif); }

div#playerbar ul li#r1 a.inactive {
	background-image: url(../images/player_r1_inactive.gif); }

div#playerbar ul li#ra a {
	background-image: url(../images/player_ra.gif); }

div#playerbar ul li#ra a:hover {
	background-image: url(../images/player_ra_hover.gif); }

div#playerbar ul li#ra a.inactive {
	background-image: url(../images/player_ra_inactive.gif); }

div#playerbar ul li#animation.play a {
	background-image: url(../images/player_play.gif); }

div#playerbar ul li#animation.play a:hover {
	background-image: url(../images/player_play_hover.gif); }

div#playerbar ul li#animation.play a.inactive {
	background-image: url(../images/player_play_inactive.gif); }

div#playerbar ul li#animation.pause a {
	background-image: url(../images/player_play.gif); }

div#playerbar ul li#animation.pause a:hover {
	background-image: url(../images/player_play_hover.gif); }

div#playerbar ul li#animation.pause a.inactive {
	background-image: url(../images/player_play_inactive.gif); }

div#projectslist img {
	float: left; margin: 0px 10px 0px 0px; }

div#projectsslider a {
	float: left; display: block; background-image: url(../images/slider_l.gif); background-repeat: no-repeat; width: 26px; height: 26px; font-size: 1px; line-height: 1px; color: #FFFFFF; text-decoration: none; }

div#projectsslider a:hover {
	color: #FFFFFF; text-decoration: none; }

div#projectsslider a#sliderl {
	 background-image: url(../images/slider_l.gif); }

div#projectsslider a#sliderl:hover {
	 background-image: url(../images/slider_l_hover.gif); }

div#projectsslider a#sliderl.inactive {
	 background-image: url(../images/slider_l_inactive.gif); }

div#projectsslider a#sliderc {
	 margin-left: 0px; background-image: url(../images/slider_c.gif);}

div#projectsslider a#sliderc:hover {
	 background-image: url(../images/slider_c_hover.gif);}

div#projectsslider a#sliderc.inactive {
	 background-image: url(../images/slider_c_inactive.gif);}

div#projectsslider a#sliderr {
	 float: right; background-image: url(../images/slider_r.gif); }

div#projectsslider a#sliderr:hover {
	 background-image: url(../images/slider_r_hover.gif); }

div#projectsslider a#sliderr.inactive {
	 background-image: url(../images/slider_r_inactive.gif); }

div#projectlist {
	display: none; }


/*							*/
/* gallery					*/
/*							*/
#fog {
	position: absolute; left: 0; top: 0; width: 100%; height: 150%; background-color: #999999; filter:alpha(opacity=80); -moz-opacity: 0.8; display: none; }

#galleryview {
	padding: 5px 5px 25px 5px; position:absolute; background-color: #FFFFFF; }

#galleryview a.close {
	display: block; float: right; padding: 2px 2px 2px 2px; margin-bottom: 2px; border: 1px solid #000000; text-decoration: none; color: #000033; }

#ajaxload {
	text-align: center; }

/*							*/
/* panorama					*/
/*							*/

/* hide from ie5 mac \*/
div#flashcontent {
  height: 100%;
}
/* end hide */
div#flashcontent {
width:547px;
height:385px;
  color: #333333;
}
div#flashcontent a {
  color: #980000;
}
div#flashcontent a:hover {
  color: #122c5b;
}