/******************************************************************************/
/*                      Augenpraxis Weinbergstrasse 112                       */
/******************************************************************************/


/*  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.bb-url:link,
a:link  {
    color : #fff;
    background-color : #999;
    text-decoration : none;
    }

a.bb-url:visited,        
a:visited   {
    color : #000;
    background-color : #ccc;
    text-decoration : none;   
    }

a.bb-url:hover,
a:hover {
    color : #fff;
    background-color : #000;
    text-decoration : none;
    }


span.smaller    {
    font-size : smaller;
    }

.hidden {
    visibility : hidden;
    }

b,
strong  {
    font-weight : bold;
    }

/* Site */

html {
 	height : 100%;
	}


body	{
    height : 100%;
    width : 100%;
    font-family : arial, helvetica, sans-serif;
    font-size : 15px;
    line-height : 19px;
	}

div.site {
    width : 970px;
    min-height : 100%;
    height : auto !important;
    height : 100%;
    margin : 0 0 -25px;
    padding : 0;
    /* border-width : 0 1px; */
    /* border-color : #e3e3e3; */
    /* border-style : solid; */
	background-image : url(bg_header.jpg);
	background-repeat : no-repeat;
	background-position : top left;
	}


/********************************************************************* Header */


div.header {
    float : right;
    width : 221px;
	margin : 115px 38px 0 0;
	padding : 0;
	color : #000;
	}

p.logo  {
    width : 221px;
    text-align: right;
    }

p.logo img  {
    margin : 33px 39px 0 0;
    }

p.logo a   {
    background-color : #fff;    
    }


/******************************************************************** Content */

div.content {
    margin : 0;
    padding : 151px 0 25px 91px;
    float : left;
    width : 550px;
    font-size : 15px;
    line-height : 22px;
    font-family : arial, helvetica, sans-serif;
    font-weight : normal;
    }



h1, h2, h3  {
    letter-spacing : 1px;
    }

h1  {
    font-size : 24px;
    line-height : 32px;
    font-weight : bold;
    margin : 0 0 19px 0;
    text-transform : uppercase;
    }  
 
h2  {
    font-size : 16px;
    line-height : 22px;
    font-weight : bold;
    margin : 0 0 19px 0;
    letter-spacing : 0;
    
    } 

h3  {
    font-size : 11px;
    line-height : 19px;
    font-weight : bold;
    text-transform : uppercase;
    }

h4  {
    font-size : 12px;
    line-height : 19px;
    font-weight : bold;
    margin: 30px 0 5px 0;
    text-indent : 0;
    }
    

div.content p   {
    margin : 0;
    }


a.bb-url:link,
div.content a.bb-url:visited   {
    padding : 0 2px;
    text-transform : none;
    }

div.content a.bb-url:visited    {
    color : #000;
    background-color : #ccc;
    text-decoration : none;   
    }

/* Lists */

div.content ul,
div.content ul.bb-list-unordered    {
    list-style : square;
    padding-left : 19px; /* 38px */
    margin-bottom : 10px;
    
    }

div.content ul li,
div.content ul.bb-list-unordered li.bb-listitem {
    padding : 2px 0;
    font-style : normal;
    }



/* Emotive Bottom */
div.content p.emotive   {
    margin : 0 0 20px 0;
    }




/* Download */

h2.download,
h2.context,
h2.team {
    margin : 38px 0 0 0;
    padding : 5px 5px 0 5px;
    text-transform : uppercase;
    background-color : #efefef;
    }

h2.download {
    margin : 0;
    }

h2.team {
    background-color : transparent;
    padding : 0;
    margin-top : 0;
    }

div.content ul.download,
div.content p.context {
    list-style : square;
    margin : 0 0 15px 0;
    padding : 0 0 5px 19px; /* left 55px */
    color : #000;
    background-color : #efefef;
    }

div.content ul.download li {
    padding : 0;
    font-size : 13px;
    }
    
div.content p.context {
    padding : 0 10px 5px 5px;
    }


/* Team Landing Page */

div.crew_pic    {
    width : 550px;
    height : 500px;
    padding-bottom : 20px;
    }

div.crew_pic a:link,
div.crew_pic a:visited,
div.crew_pic p  {
    font-size : 11px;
    line-height : 14px;
    text-transform : none;
     color : #000;
    }

div.crew_big    {
    height : 300px;
    }

div.crew_pic div.crew_big p.big  {
    float : left;
    margin : 0;
    color : #000;
    }


div.crew_pic div.crew_big p.big + p.big  {
    margin : 0 20px;
    }
    
div.crew_pic div.crew_big p.big + p.big + p.big {
    float : left;
    margin : 0;
    }

div.crew_big p.big img  {
    width : 170px;
    margin-bottom : 5px;
    filter : alpha(opacity=80);
    -moz-opacity : .80;
    opacity : .80;
    }


div.crew_pic div.crew_big p.big  a  {
    background-color : #fff;
    }

div.crew_pic div.crew_big p.big  a:hover img  {
    filter : alpha(opacity=100);
    -moz-opacity : 1.0;
    opacity : 1.0;
    }


div.crew_small  {
    margin-top : 20px;
    clear : left;
    }
    
div.crew_pic div.crew_small p.small {
    float : left;
    }
    
div.crew_pic div.crew_small p.small + p.small{
    margin : 0 20px;
    }    
    
div.crew_pic div.crew_small p.small + p.small + p.small{
    margin : 0 20px 0 0;
    }     
    
div.crew_pic div.crew_small p.small + p.small + p.small + p.small{
    margin : 0;
    }      
    
div.crew_pic div.crew_small p.small img {
    width : 122px;
    margin-bottom : 5px;
    filter : alpha(opacity=80);
    -moz-opacity : .80;
    opacity : .80;
    }

/***************************************************************** Navigation */


div.navigation  {
    float : right;
    width : 220px;
    min-height : 100%;
    margin : 50px 38px 170px 0;
	border : 1px dotted #ccc;
	border-width:  0 0 1px 0;
    }

/**************************************************************** Navigation */


div.navigation p {
	margin: 0;
	padding : 0;
	border : 1px dotted #ccc;
	border-width: 1px 0 0 0;
	}

div.navigation p,
div.navigation p a {
    background-color : #fff;
    color : #000;
	text-decoration: none;
	text-transform : uppercase;
	}

div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown,
div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown,
div.navigation p.level_four a,
div.navigation p.level_four_selected a,
div.navigation p.level_four_shown {
	display: block;
	text-decoration : none;
    padding : 5px 0;
	}

div.navigation p.level_one_selected a,
div.navigation p.level_two_selected a,
div.navigation p.level_three_selected a,
div.navigation p.level_four_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_two_shown,
div.navigation p.level_three_shown,
div.navigation p.level_four_shown {
	color: #fff;
	background-color: #ccc;
	font-weight: normal;
    }

div.navigation p.level_one_selected a  {
    font-weight : bold;
	background-color: #666;
    }

div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown {
	width: 215px;
	padding-left : 5px;
    }

/* Level 2 */

div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown {
	width: 200px;
	padding-left : 20px;
	color : #fff;
	background-color : #999;
	font-size : 13px;
	line-height : 17px;
	text-transform : none;
    }


/* Level 3 */

div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown {
	width: 160px;
	padding-left : 60px;
	color : #000;
	background-color : #cce1ee;
    }

div.navigation p.level_four a,
div.navigation p.level_four_selected a,
div.navigation p.level_four_shown {
	width: 130px;
	padding-left : 90px;
	color : #000;
   	}

/* Hover */

div.navigation p.level_one a:hover,
div.navigation p.level_one_selected a:hover,
div.navigation p.level_two a:hover,
div.navigation p.level_two_selected a:hover,
div.navigation p.level_three a:hover,
div.navigation p.level_three_selected a:hover,
div.navigation p.level_four a:hover {
	text-decoration: none;
	background-color : #666;
	color : #fff;
	}


/* Shown */
div.navigation p.level_one_shown,
div.navigation p.level_two_shown,
div.navigation p.level_three_shown,
div.navigation p.level_four_shown  {
    background-color : #000;
    color : #fff;
    font-weight : bold;
	padding-top : 5px;
	padding-bottom : 5px;
	border : 1px dotted #006bab;
	border-width: 1px 0 0 0;
    }

/* Tables */

table.phone {
    margin-top : -20px;
    }

table.phone td {
    padding-right : 20px;    
    }

table.cv td    {
    padding : 0 20px 5px 0;
    width : 150px;
    }
    
table.cv td + td    {
    width : 400px;
    }

/******************************************************************** BB-List */

ul.bb-list-unordered    {
    margin : 15px 0 0 18px;
    padding : 0;
    list-style : square;
    }


ul.bb-list-unordered li.bb-listitem    {
    margin : 0 0 0 0;
    padding : 0 0 5px 0;
    list-style : square;
    }


/* Ordered List */

ol.bb-list-ordered-d    {
    margin : 15px 0 0 5px;
    padding : 0;
    }


ol.bb-list-ordered-d li.bb-listitem{
    margin : 0 0 0 18px;
    padding : 0 0 5px 0;
    }



/************************************************************** Contact Form */

	
table.contact   {
    margin : 0 0 0 0;
    padding : 0 0 0 0;
    width : 100%;
    background-color : transparent;
    }	
	
table.contact td.col1   {
    width : 50%;
    padding : 12px 0;
    }	

table.contact td.col2   {
    text-align : left;
    }
    
table.contact td.spam_description {
    font-size : 11px;
    line-height : 15px;
    vertical-align : top;
    padding-right : 12px;
    }
    
select,
input.contact,
input.contact_zip,
input.contact_city,
input.contact_zip_error,
input.contact_city_error,
input.contact_error,
textarea.contact,
textarea.contact_error	{
	width : 240px;
	border : 1px solid #000;
	margin : 0;
	padding : 4px;
	background-color : #fff;
	color : #000;
	border : 1px solid #333;
	font-family : georgia, palatino, serif;
	font-weight : bold;
	font-style : italic;
	}

input.contact_zip,
input.contact_zip_error {
    width : 50px;
    }
    
input.contact_city,
input.contact_city_error    {
    width : 175px;
    }    
    

select  {
    width : 80px;
    padding : 4px 0;
    }


textarea    {
    margin : 4px 0 0 0;
    height : 80px;
    }

input.contact_error,
textarea.contact_error   {
    background-color : #fcc;
    color : #000;
    }

td.button_send  {
    text-align : right;
    }

input.button    {
	padding : 4px;
	background-color : #006bab;
	color : #fff;
	border : 1px solid #333;
	font-family : georgia, palatino, serif;
	}
	
input.button:hover  {
    background-color : #cce1ee;
    color : #000;
    }
      
    
/********************************************************************* Footer */
    
div.footer,
div.push    {
    clear : both;
    margin : 0;
    padding : 0;
    width : 950px;
    height : 23px;
    color : #000;
    font : normal 10px/13px arial, helvetica, sans-serif;
    }    

div.footer  {
    position : relative;
    margin : 0;
    }

div.footer p   {
	float: left;
    margin : 0;
    padding : 4px 7px 2px 37px;
    color : #fff;
    }    

div.footer p.right  {
    float:left;
    width:495px
    }
    
div.footer p.left   {
    float : right;
    }

div.footer p a:link,
div.footer p a:visited,
div.footer p a:hover    {
    color : #fff;
    font : normal 12px/13px arial, helvetica, sans-serif;
    }


/* Sender */

div.sender  {
    position : absolute;
    top : -120px;
    left : 710px;
    text-transform : uppercase;
    font-weight : bold;
    width : 240px;
    }
    
    
div.sender p    {
    color : #000;
    font-size : 12px;
    line-height : 16px;
    margin : 0;
    padding : 0 0 3px 0;
    }    
    
    
    
div.sender p a:link,
div.sender p a:visited    {
    background-color : #999;
    color : #fff;
    font-size : 11px;
    line-height : 15px;
    padding : 0 2px;
    }    
    
div.sender p a:hover  {
    color : #fff;
    background-color : #000;
    text-decoration : none;
    font-size : 11px;
    line-height : 15px;
    }