/******************************************************************************/
/*                        ZahnZimmermannFankhauser                            */
/******************************************************************************/


/*  Reset CSS -> Thanks to Eric A. Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }

:focus {
	outline: 0;
	}

body {
	line-height: 1;
	color: #000;
	background: #fff;
    }

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
    }
    
caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }
    
blockquote, q {
	quotes: "" "";
    }


/******************************************************************************/
/********************************************************************** Start */
/******************************************************************************/



/* General */

a:link  {
    color : #999;
    text-decoration : none;
    }
        
a:visited   {
    color : #999; /* ddd */
    text-decoration : none;   
    }

a:hover {
    color : #333;
    text-decoration : underline;
    }


span.smaller    {
    font-size : smaller;
    }



/* Site */

html {
 	height : 100%;
	}

body	{
    height : 100%;
    width : 100%;
    font-family : helvetica, arial, sans-serif;
    font-size : 12px;
    line-height : 14px;
    color : #999;
	}

body.start {
    background-color:#CCCCCC;
}
	
table.site_wrapper  {
    width : 100%;
    height : 100%;
    }

table.site_wrapper td.site_wrapper {
    vertical-align : middle;
    
    }

div.site {
    position : relative;
    width : 786px;
    height : 443px; /* 441px */
    margin : 0 auto;
    padding : 0;
    border : 1px solid #fff;
    }


/* Navigation */

div.navigation {
    float : left;
    width : 408px;
    height : 75px;
    position : absolute;
    overflow:hidden;
    }

div.level_one,
div.level_two   {
    position : relative;
    clear : left;
    width : 380px;
    overflow:hidden;
    }

div.level_one {
    height : 26px;
    }

div.level_two   {
    margin-left : 26px;
    height : 75px;
    }

div.level_one ul,
div.level_two ul    {
    padding : 0;
    height : 0;
    }

div.level_one ul li,
div.level_two ul li {
    float : left;
    background-color : #fff;
    padding : 0 6px 6px 0;
    width : 20px;
    height : 20px;
    }


div.level_two ul li {
    float : left;
    }

div.level_one ul li a img,
div.level_two ul li a img,
div.level_one ul li.shown img,
div.level_two ul li.shown img   {
    width : 20px;
    height : 20px;
    }
    
div.level_one ul li a:link,
div.level_one ul li a:visited,
div.level_two ul li a:link,
div.level_two ul li a:visited   {
    display : block;
    background-color : #ccc;
    }

div.level_one ul li.shown img,
div.level_two ul li.shown img   {
    background-color : #000;
    }

div.level_one ul li.shown a:link img,
div.level_one ul li.shown a:visited img,
div.level_one ul li.shown a:link img,
div.level_one ul li.shown a:visited img {
    background-color : #ccc;
    }


div.level_one ul li a:hover img,
div.level_one ul li.shown a:hover img,
div.level_two ul li a:hover img,
div.level_one ul li.shown a:hover img {
    background-color : #999;
    }



div.navigation_text {
    position : relative;
    float : right;
    margin-top : 7px;
    width : 370px;
    text-align : right;
    font-size : 18px;
    font-family : helvetica, arial, sans-serif;
    font-weight : bold;
    overflow:hidden;
    }

div.navigation_text ul li,
div.navigation_text ul li.shown {
    margin-bottom : 3px;
    color : #000;
    }

div.navigation_text ul li a:link,
div.navigation_text ul li a:visited    {
    color : #999;
    text-decoration : none;
    }


div.navigation_text ul li a:hover {
    color : #666;
    }

#over1, #over2, #over3, #over4 , #over5 {
    position:absolute;
    width:600px;
    height:80px;
    background-color:#fff;
    }

#over1 {
    top:0;
    left:0;
    }

#over2 {
    top:23px;
    left:0px;
    }
    
#over3 {
    top:-10px;
    left:0;
    }
    
#over4 {
    top:20px;
    left:0;
    }
    
#over5 {
    top:50px;
    left:0px;
    }
    
    
/* Content */

div.content_wrapper,
div.media_wrapper    {
    margin-top : 255px;
    }

div.media_wrapper    {
    margin-top: 92px;
    text-align : center;
    height : 329px;
    }

div.media_wrapper iframe    {
    width : 786px;
    height : 354px;
    }

div.content_wrapper a   {
    }
    

div.content {
    clear : left;
    width : 655px;
    }
    
div.floating_img    {
    position:relative;
    float : left;
    margin-top : 1px;
    margin-right : 20px;
    width : 184px;
    height : 184px;
    overflow : hidden;
    }
    
#emotive {
    position:absolute;
    top:0;
    left:0;
    }
    
div.content h1,
div.contact h1 {
    float : left;
    font-weight : bold;
    color : #000;
    margin-right : 5px;
    }
    
h2, h3  {
    color : #000;
    font-weight : bold;
    margin-bottom : 15px;
    }
    
h3  {
    color : #999;
    }
  

/* Media */

div.media   {
    float : left;
    width : 730px;
    margin-left : 14px;
    }

div.media p {
    margin-top : 20px;
    }
    
div.media p.movies  {
    margin-top : 0;
    }

div.media div.mp3   {
    margin-top : 135px;
    }

/* Media Navigation */

div.media_navigation {
    position : absolute;
    top : 426px;
    right : 0;
    height : 14px;
    }

div.media_navigation p  {
    float : left;
    width : 14px;
    }

div.media_navigation p a:link,
div.media_navigation p a:visited {
    display : block;
    background-color : #ccc;
    }
    
div.media_navigation p a:hover  {
    background-color : #666;
    }
div.media_navigation p img   {
    height : 14px;
    width : 14px;
    }

div.wegbeschreibung {
    position : absolute;
    top : 112px;
    right : 5px;
    width : 105px;
    text-align : left;
    }

div.wegbeschreibung a   {
    text-decoration : underline;
    font-weight : bold;
    }

div.wegbeschreibung a:hover   {
    text-decoration : none;
    }

/* Contact */

div.contact {
    float : left;
    width : 735px;
    }


/* Text */
div.text    {
    float : left;
    width : 450px;
    }

div.text p  {
    margin-bottom : 8px;
    }

div.text p b    {
    color : #000;
    }

   
/* Clients */

div.clients {
    float : left;
    width : 754px;    
    }   

table.clients   {
    float : left;
    margin : -2px;
    font-size : 12px;
    line-height : 17.5px;
    width : 550px;
    }

table.clients td + td    {
    width : 314px;
    }

table.clients td:first-child    {
    width : 236px;
    }

table.clients b, strong {
    color : #000;
    font-weight:bold;
    }

    
/* BB-Table */

table.contact  {
    margin : 20px 0 0 0 ;
    width : 520px;
    }
    
table.contact td:first-child {
    width : 60%;
    vertical-align : top;
    margin : 0;
    padding : 0;
    }
    
    
/* Downloads */

div.downloads   {
    margin : 0;
    }

table.downloads   {
    float : left;
    margin : -2px;
    font-size : 12px;
    line-height : 17.5px;
    }

table.downloads td    {
    padding-right : 40px;
    }

table.downloads td:first-child    {
    }

table.downloads b, strong {
    color : #000;
    font-weight:bold;
    }    
    
table.downloads p.downloads {
    margin : 0;
    padding : 0 0 10px 0;
    font-weight : bold;
    color : #000;
    line-height : 15px;
    }