/******************************************************************************/
/*                           Monique Baumann                                  */
/******************************************************************************/


html {
	 padding: 0;
 	 margin: 0;
 	 height : 100%;
	}

body	{
	margin: 0;
	padding: 0;
	font : normal 14px/18px courier, monospace;
	background-color: #fff;
	color: #000;
	text-align: left;
	height : 100%
	}



/*******************************************************  General pagelayout */

table.start	{
	margin : 0;
	padding : 0;
	width : 100%;
	height : 100%;
	vertical-align : middle;
	}


div.wrapper	{
    position : relative;
    text-align : left;
	width : 930px;
	height : 560px;
	margin : 0 auto;
	padding : 20px;
	border : 1px solid #333;
	}


img 	{
	border : 0;
	}  




/***************************************************************** Hyperlinks */

a:link,
a.bb-url:link	{
	color : #09c;
	text-decoration : underline;
	}
	
a:visited,
a.bb-url:visited	{
	color : #000;
	text-decoration : none;
	}
	
a:hover,
a.bb-url:hover	{
	color : #000;
	text-decoration : underline;
	}


/********************************************************************* Teaser */	

div.stamp   {
    position : absolute;
    top : 190px;
    left : 150px;
    z-index : 200;
    }

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

div.header  {
    position : absolute;
    top : 0;
    left : 0;
    margin : 0;
    padding : 20px 20px 0 20px;
    width : 930px;
    height : 50px;
    }

div.header p.logo  {
    float : left;
    margin : 0;
    padding : 0;
    font-size : 15px;
    }

div.header p.logo a {
    color : #09c;
    text-decoration : none;
    }

div.header p.logo a:hover   {
    color : black;
    }


/* Metanavigation */

div.header p.metanavigation {
    float : right;
    margin : 0 8px 0 0;
    font : bold 11px/15px courier, monospace;
    color : #000;
    }

div.header p.metanavigation a:link  {
	color : #09c;
	font-weight : normal;
	text-decoration : underline;
	}
	
div.header p.metanavigation a:visited   {
	color : #09c;
	font-weight : normal;
	text-decoration : underline;
	}
	
div.header p.metanavigation a:hover {
	color : #000;
	text-decoration : underline;
	}	
	
	
/*********************************************************************** Left */
	
div.left    {
    float : left;
    width : 250px;
    }	
	
	

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

div.main_navigation {
	margin : 55px 0 20px 0;
	padding : 0;
	width : 250px;
	}

div.main_navigation p	{
	margin : 0;
	padding : 0;
	}


/* Divider - Horizontal Line */

div.main_navigation p.level_one a:link,
div.main_navigation p.level_one a:visited,
div.main_navigation p.level_one_selected a:link,
div.main_navigation p.level_one_selected a:visited,
div.main_navigation p.level_one_shown,

div.main_navigation p.level_two a:link,
div.main_navigation p.level_two a:visited,
div.main_navigation p.level_two_selected a:link,
div.main_navigation p.level_two_selected a:visited,	
div.main_navigation p.level_two_shown,

div.main_navigation p.level_three a:link,
div.main_navigation p.level_three a:visited,
div.main_navigation p.level_three_selected a:link,
div.main_navigation p.level_three_selected a:visited,	
div.main_navigation p.level_three_shown,

div.main_navigation p.level_four a:link,
div.main_navigation p.level_four a:visited,
div.main_navigation p.level_four_shown {
 	font : normal 14px/18px courier, monospace;
    }
    
div.main_navigation p.level_one_selected a:link,
div.main_navigation p.level_one_selected a:visited,
div.main_navigation p.level_two_selected a:link,
div.main_navigation p.level_two_selected a:visited,	
div.main_navigation p.level_three_selected a:link,
div.main_navigation p.level_three_selected a:visited,	
div.main_navigation p.level_one_shown,
div.main_navigation p.level_two_shown,
div.main_navigation p.level_three_shown,
div.main_navigation p.level_four_shown {
    font-weight : normal;
    border : 0 solid #ccc;
    }


/* 1st Level */

div.main_navigation p.level_one_shown	{
	display : block;
	padding : 2px 0 2px 0;
	background-color : #fff;
	color : #000;
	width : 195px;
	}

div.main_navigation p.level_one a:link,
div.main_navigation p.level_one a:visited,
div.main_navigation p.level_one_selected a:link,
div.main_navigation p.level_one_selected a:visited	{
	display : block;
	margin : 0 0 0 0;
	padding : 2px 0 2px 0;
	text-decoration : none;
	color : #09c;
	width : 195px;
	}

/* 1st Level Selected */

div.main_navigation p.level_one_selected a:link,
div.main_navigation p.level_one_selected a:visited	{
    background-color : #e6e688;
    }


/* 1st Level Hover */

div.main_navigation p.level_one a:hover,
div.main_navigation p.level_one_selected a:hover	{
	background-color : #fff;
	color : #000;
	}
	
	
	
	

/* 2nd Level */

div.main_navigation p.level_two a:link,
div.main_navigation p.level_two a:visited	{
	display : block;
	padding : 2px 0 2px 20px;
	text-decoration : none;
	color : #000;
	width : 180px;
	}


/* 2nd Level Active IF Contains No 3rd Level*/
div.main_navigation p.level_two_selected a:link,
div.main_navigation p.level_two_selected a:visited,	
div.main_navigation p.level_two_shown    {
	display : block;
	padding : 2px 0 2px 20px;
	text-decoration : none;
    background-color : #e6e688;
	color : #000;
	width : 180px;
	}	

	

/* 2nd Level Shown IF Contains 3rd Level*/

div.main_navigation p.level_two_shown	{
    background-color : #fff;
	color : #000;
	}	

div.main_navigation p.level_two a:hover,
div.main_navigation p.level_two_selected a:hover	{
	background-color : #fff;
	color : #000;
	}	





/* 3rd Level */

div.main_navigation p.level_three a:link,
div.main_navigation p.level_three a:visited	{
	display : block;
	padding : 2px 0 2px 40px;
	text-decoration : none;
	color : #000;
	width : 160px;
	}


/* 3rd Level Active IF Contains No 3rd Level*/
div.main_navigation p.level_three_selected a:link,
div.main_navigation p.level_three_selected a:visited,	
div.main_navigation p.level_three_shown    {
	display : block;
	padding : 2px 0 2px 40px;
	text-decoration : none;
	color : #000;
	width : 160px;
	}	

	

/* 3rd Level Shown IF Contains 3rd Level*/

div.main_navigation p.level_three_shown	{
    background-color : #fff;
	color : #000;
	}	

div.main_navigation p.level_three a:hover,
div.main_navigation p.level_three_selected a:hover	{
	background-color : #fff;
	color : #000;
	}	



/* 4th Level */

div.main_navigation p.level_four a:link,
div.main_navigation p.level_four a:visited,
div.main_navigation p.level_four_shown	{	
    display : block;
	text-decoration : none;
	padding : 2px 0 2px 60px;
    color : #000;
	width : 140px;
	}
	
div.main_navigation p.level_four_shown {
    background-color : #fff;
	color : #000;
	}

div.main_navigation p.level_four a:hover	{
	background-color : #fff;
	color : #000;
	}		
	


/********************************************************************* Button */

div.button  {
    margin : 0;
    }
    
div.button a:hover  {
    -moz-opacity : 0.5;
	filter : alpha(opacity=50);
    }    
   
/******************************************************************** Content */


    
div.left p.illu_thumb  {
    margin : 20px 0 0 0;
    padding : 0;
    width : 250px;
    }


div.left p.illu_thumb a:hover {
    -moz-opacity : 0.5;
	filter : alpha(opacity=50);
	}

p.illu_nav  {
    width : 250px;
    }

div.content,
div.content_text {
    float : right;
    margin : 65px 0 0 0;
    padding : 0;
    width : 640px;
    text-align : center;
    }    

div.content_text    {
    margin : 57px 0 0 0;
    text-align : left;
    }
    
div.content p   {
    margin : 0;
    padding : 0 0 10px 0;
    }

div.content_text p   {
    margin : 0;
    padding : 0 100px 10px 0;
    }

p.gallery_legend    {
    font-size : 10px;
    line-height : 13px;
    }

h1  {
    margin : 0 0 12px 0;
    padding : 0;
    font-size : 14px;
    font-weight : normal;
    }


/* UL */

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

ul li,
ul.bb-list-unordered li.bb-listitem   {
    margin : 0 0 2px 0;
    }



/* Start and Page Image */

div.page_image,
div.start_image {
    position : absolute;
    top : 0;
    right : 0;
    width : 300px;
    height : 600px;
    }

div.start_image {
    width : 735px;
    }



/* Media Download */

ul.media    {
    margin : 0 0 20px 18px;
    padding : 0;
    list-style : square;
    font-weight : bold;
    }



/* Download */

div.content_text p.downloadimg img   {
    padding-bottom : 20px;
    }
    


/* Page Break */

div.pagebreak   {
    margin : 10px 0 0 0;
    width : 98%;
    }
    
div.pagebreak p.previous,
div.pagebreak p.next    {
    float : left;
    margin : 0;
    padding : O;
    width : 49%;
    }   
    
    
div.pagebreak p.next    {
    text-align : right;
    }    

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

	
table.contact   {
    margin : 0 0 0 0;
    padding : 0 0 0 0;
    width : 500px;
    }	
	
table.contact td.col1   {
    width : 200px;
    height : 30px;
    }	
	
input.contact,
input.contact_error,
textarea.contact,
textarea.contact_error	{
	width : 308px;
	border : 1px solid #000;
	margin : 0;
	padding : 4px;
	background-color : #fff;
	color : #000;
	border : 1px solid #333;
	font : bold 12px/12px "helvetica new", helvetica, arial, sans-serif;
	}

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

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

input.button    {
    margin : 0 0 0 20px;
	padding : 4px;
	background-color : #fff;
	color : #000;
	border : 1px solid #333;
	font : normal 11px/11px courier, monospace;
	}
	
	
/* Signatur */

div.signatur	{
	background-color : transparent;
	color : #fff;
	text-align : left;
	margin-top : -25px;
	margin-left : 50%;
	padding : 0 0 0 470px;
	}

/* sold out */
div.sold {
	position:absolute;
	left:204px;
	top:139px;
	width:585px;
	height:485px;
    }



/******************************************************************** Service */

div.service {
    float : right;
    padding : 0 10px 0 0;
    margin : 0;
    width : 180px;
    font : normal 11px/15px courier, monospace;
    }

div.service h4  {
    margin : 0;
    padding : 10px 0 5px 0;
    border : 1px solid #fff;
    border-width : 1px 0 0 0;
    font-size : 11px;
    }

div.service p   {
    margin : 0;
    padding : 0;
    }

div.service p.spacer    {
    margin : 0;
    padding : 0;
    font-size : 15px;
    line-height : 15px;
    height : 15px;
    }

div.service ul  {
    list-style : square;
    margin : 0 0 0 14px;
    padding : 0;
    line-height : 14px;
    }

div.service ul li   {
    margin : 0;
    padding : 0;    
    }

span.small  {
    font-size : 10px;
    }
     
/********************************************************************* Footer */

div.footer  {
    position : absolute;
    left : 0;
    bottom : 0;
    margin : 0;
    padding : 0;
    background-color : #fff;
    width : 970px;
    height : 27px;
    }    
    
div.footer p    {
    margin : 5px 0 0 0;
    padding : 0;
    color : #666;
    font-size : 10px;
    text-align : left;
    }    
    
    
    
/******************************************************************* Signatur */

div.signatur	{
	background-color : transparent;
	color : #fff;
	text-align : right;
    width : 1005px;
    padding : 0;
	margin : 0 auto;
	-moz-opacity : 1.0;
	filter : alpha(opacity=100);
	}

div.content_text img {
	float: left;
	}