/******************************************************************************/
/*                                   CMDG                                     */
/******************************************************************************/



/*  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,
caption, tbody, tfoot, thead {
	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: #666;
	background: #fff;
    }

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
    }

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align : top;
    }

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

blockquote, q {
	quotes: "" "";
    }



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



/* General */
a:link  {
    color : #3399ff;
    text-decoration : none;
    }

a:visited   {
    color : #6f5c50;
    text-decoration : underline;
    }

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

.smaller,
span.smaller    {
    font-size : 10px;
    line-height : 12px;
    }

span.min    {
    text-transform : lowercase;
    }


/* Tooltip */

#dhtmltooltip{
	position: absolute;
	width: 300px;
	border: 1px solid #6f5c50;
	padding: 4px;
	background-color: #fff;
    font-weight : bold;
    line-height : 13px;
	visibility: hidden;
	text-align: left;
	z-index: 500;
	}



/* Site */

html {
 	height : 100%;
	}


body	{
    height : 100%;
    width : 100%;
    font-family : verdana, sans-serif;
    font-size : 10px;
    line-height : 15px;
    color : #6f5c50;
    background-color : #fff;
	}

div.site {
    position : relative;
    width : 100%;
    min-width : 70%;
    }




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

div.header {
    width : 100%;
    height : 195px;
	}



/**************************************************************** Main Rubric */

div.main_rubric {
    position : absolute;
    left : 20px;
    top : 0; 
    width : 145px;
    background-color : #fff;
    }

div.main_rubric p   {
    height : 64px;
    margin-bottom : 2px;
    }

div.main_rubric p a {
    display : block;
    width : 100%;
    height : 100%;
    background-repeat : no-repeat;
    background-position : center center;
    }

div.main_rubric p.icon_1 a {
    background-image : url(nav/nav_icon_1_small.png);
    }

div.main_rubric p.icon_2 a {
    background-image : url(nav/nav_icon_2_small.png);
    }

div.main_rubric p.icon_3 a {
    background-image : url(nav/nav_icon_3_small.png);
    }
    
    
/* Selected - Hover */

div.main_rubric p.icon_1_selected,
div.main_rubric p.icon_2_selected,
div.main_rubric p.icon_3_selected   {
    background-repeat : no-repeat;
    background-position : center center;
    }


div.main_rubric p.icon_1_selected,
div.main_rubric p.icon_1 a:hover {
    background-image : url(nav/nav_icon_1_big.png);
    }

div.main_rubric p.icon_2_selected,
div.main_rubric p.icon_2 a:hover {
    background-image : url(nav/nav_icon_2_big.png);
    }

div.main_rubric p.icon_3_selected,
div.main_rubric p.icon_3 a:hover {
    background-image : url(nav/nav_icon_3_big.png);
   }


/* Hover */

div.main_rubric p.icon_1 a:hover {
    background-image : url(nav/nav_icon_1_hover.png);
    }

div.main_rubric p.icon_2 a:hover {
    background-image : url(nav/nav_icon_2_hover.png);
    }

div.main_rubric p.icon_3 a:hover {
    background-image : url(nav/nav_icon_3_hover.png);
    }

/* Selected */

div.main_rubric p.icon_1_selected a:hover {
    background-image : url(nav/nav_icon_1_big.png);
    }

div.main_rubric p.icon_2_selected a:hover {
    background-image : url(nav/nav_icon_2_big.png);
    }

div.main_rubric p.icon_3_selected a:hover {
    background-image : url(nav/nav_icon_3_big.png);
    }


/************************************************************** Subnavigation */

div.subnavigation   {
    margin : 0 230px 0 180px;
    padding-top : 24px;
    color : #fff;    /* Shown color */
    text-transform : uppercase;
    line-height : 14px;
    font-size : 10px;
    }


div.subnavigation p.level_2,
div.subnavigation p.level_2_sel,
div.subnavigation p.level_2_shown   {
    margin-bottom : 6px;
    }


div.subnavigation p.level_2 {
    color : #fff;
    clear : left;
    padding-bottom : 2px;
    }    
     
div.subnavigation p.level_2_sel {
    float : left;
    padding : 0 10px 0 0; 
    color : #fff;  
    }

div.subnavigation p.level_2_shown {
    background-color : #6f5c50;
    padding : 0 10px 0 2px;
    float : left;
    }

div.subnavigation a:link,
div.subnavigation a:visited  {
    color : #6f5c50;
    text-decoration : none;
    font-weight : normal;
    padding : 0 2px 2px 2px;
    }



div.subnavigation p a:hover {
    color : #fff;
    background-color :#c1b9b5;
    }

div.subnavigation p.level_2_sel {
    color : #6f5c50;
    }


div.subnavigation p.level_2_sel a { 
    color : #6ccef6;
    padding-top : 2px;
    }    
    
div.subnavigation p.level_2_sel a:hover { 
    color : #ffffff;
    padding-top : 2px;
    }  
    

        
/* Level 3 + */    

div.subnavigation p.level_3plus {
    color : #6f5c50; /* einfacher link ">" */
    }

div.subnavigation p.level_3plus,
div.subnavigation p.level_3plus_shown {
    float : left;
    padding: 0 4px 0 0;
    }  

div.subnavigation p.level_2_sel,
div.subnavigation p.level_3plus,
div.subnavigation p.level_3plus_shown   {
    background-color : #6f5c50;
    }
    
    
 /* Links */
 
 div.subnavigation p.level_3plus a:link,
 div.subnavigation p.level_3plus a:visited {
    color :  #6ccef6; /* einfacher link */
    padding-top : 2px;
    }   

 div.subnavigation p.level_3plus a:hover {
    color :  #ffffff; /* einfacher link */
    padding-top : 1px;
    padding-bottom : 1px;
    }  

/* For IE6 */
div.subnavigation p a:link,
div.subnavigation p a:visited,
div.subnavigation p.level_2_sel a:link,
div.subnavigation p.level_2_sel a:visited   {
    text-decoration : none;
    }

    
/**************************************************************** Directlinks */

div.direct_links    {
    position : absolute;
    top : 24px;
    right : 0;
    width : 230px;
    text-transform : uppercase;
    }


/* Direct Links */

div.direct_links p.direct_links {
    float : left;
    width : 76px;
    text-align : right;
    margin-right : 5px;
    }

div.direct_links ul.direct_links {
    float : left;
    }

div.direct_links ul.direct_links li, 
div.direct_links ul.direct_links li.home    {
    list-style : none;
    margin-left : 4px;
    }

div.direct_links ul.direct_links li.home    {
    margin-top : 8px;
    }

div.direct_links a {
    color : #3399ff;
    text-decoration : none;
    padding : 0 4px;
    }
    
div.direct_links a:hover {
    background-color : #c1b9b5;
    color : #fff;    
    }


/* Language */

div.direct_links p.lang {
    clear : left;
    padding : 10px 0 0 85px;
    width : 135px;
    }   

div.direct_links p.lang a   {
    padding : 1px 4px;
    margin-right : 5px; 
    text-decoration : none;
    }

div.direct_links p.lang a:hover   {
    background-color : #c1b9b5;
    color : #fff;
    }


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

div.content_wrapper {
    position : relative;
    top : 20px;
    /*height : 350px;*/
    height : 330px;
    font-size : 12px;
    line-height : 17px;
    }

div.content_wrapper a {
    text-decoration : none;
    color : #3399ff;
    }   

div.content_wrapper a:hover {
    color : #000;
    text-decoration : underline;
    }   


/******************************** S T A R T ***/

div.content_start   {
    margin-top : -40px;
    width : 100%;
    height : 350px;
    text-align : center;
    }

div.content_start h1    {
    font-size : 20px;
    line-height : 24px;
    font-weight : bold;
    }


div.content_start div.intro   {
    margin : 0 auto;
    width : 300px;
    height : 275px;
    }

div.subnavigation p.rubric_desc    {
    margin-bottom : 52px;
    }   
    
div.subnavigation p.rubric_desc span.rubric_desc  {
    background-color : #6f5c50;
    padding : 2px 4px;
    }

/********************************** L E F T ***/

div.left_col,
div.left_col_gallery {
    position : absolute;
    top : 2px;
    left : 38px;
    width : 138px;
    font-size : 10px;
    font-weight : normal;
    text-transform : uppercase;
    }

div.left_col_gallery {
    top : 0;
    left : 20px;
    width : 112px;
    height : 330px;
    padding : 5px 5px 5px 15px;
    background-color : #808080;
    color : #fff;
    }

div.left_col h1,
div.left_col_gallery h1 {
    font-weight : bold;
    margin-bottom : 2px;
    }

div.left_col h1 + p,
div.left_col_gallery h1 + p{
    text-transform : none;
    font-weight : normal;
    }

div.left_col a,
div.left_col_gallery a {
    text-decoration : none;
    color : #3399ff;
    }

div.left_col_gallery a {
    color : #fff;
    }

div.left_col a:hover,
div.left_col_gallery a:hover{
    color : #000;
    }

div.left_col_gallery a:hover{
    color : 000;
    }

div.left_col p.image    {
    margin-bottom : 16px;
    width : 138px;
    }


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

div.left_col p.downloads    {
    margin-bottom : 16px;
    }


/* Gallery */

div.left_col_gallery p.event   {
    margin-top : 10px;
    font-weight : normal;
    }

div.left_col_gallery ul {
    list-style : disc;
    margin : 0 0 0 15px;
    line-height : 11px;
    }
    
div.left_col_gallery ul li {
    padding-top : 3px;
    }



/****************************** C E N T E R ***/

div.center_col,
div.center_col_gallery  {
    margin : 1px 300px 0 202px;
    height : 340px;
    overflow : auto;
    }

div.center_col_gallery  {
    height : 326px;
    }

div.center_col_gallery div.content,
div.center_col div.content {
    padding-right : 20px;
    }


/* Title */

div.center_col h1 a,
div.center_col h1 {
    font-weight : bold;
    margin-bottom : 12px;
    }

div.center_col h1 a {
    font-weight : normal;
    }


/* Lead */

div.center_col h2    {
    margin-bottom : 8px;
    }


/* Copy */

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


/* News */

div.center_col div.article  {
    margin-bottom : 30px;
    }


div.center_col p.publication   {
    font-size : 10px;
    margin-bottom : 6px;
    }

div.center_col  p.news  {
    margin-bottom : 16px;
    }


/* Gallery */

div.center_col_gallery  {
    background-color : #9c9;
    padding : 7px;
    font-size : 11px;
    line-height : 13px;
    color : #fff;
    }


div.center_col_gallery div.content div.member_gallery    {
    float : left;
    width : 92px;
    height : 170px;
    margin-right : 9px;
    margin-bottom : 9px;
    vertical-align : bottom;
    }


div.center_col_gallery div.content div.member_gallery a:hover    {
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }

div.center_col_gallery div.content div.member_gallery img    {
    width : 92px;
    margin-bottom : 5px;
    border : 1px solid #fff;
    }


/* Floating Image in Content */

div.center_col p img.content_float {
    height : 80px;
    }

div.center_col p img.left   {
    float : left;
    margin-right : 10px;
    }

div.center_col p img.right   {
    float : right;
    margin-left : 10px;
    }


div.center_col p img:hover  {
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }

/* Download */

div.center_col h3    {
    margin-top : 32px;
    font-weight : bold;
    }

div.content ul li {
    clear : left;
    list-style-type : disc;
    margin-left : 15px;
    }
    
    
/* Table */
div.content table.bb-table    {
    width : 100%;
    }    


div.content table.bb-table td    {
    width : 30%;
    padding-right : 20px;
    }
    
    
div.content table.bb-table td + td   {
    width : 60%;
    }

/******************************** R I G H T ***/

div.right_col    {
    position : absolute;
    top : 0px;
    right : 20px;
    width : 256px;
    font-size : 10px;
    line-height : 11px;
    }

div.right_col h1,
div.right_col h1.hero   {
    font-weight : bold;
    margin-bottom : 8px;
    }
    
    
div.right_col h1.hero   {
    font-size : 11px;
    }    
    
div.right_col p.legend  {
    margin-top : 5px;
    }    

div.right_col p.intro   {
    margin-bottom : 10px;
    }

div.right_col td.col2 img   {
    margin : 4px 0;
    }

/* Context */    
    
div.right_col div#context   {
    margin-top : 24px;
    }    

div.right_col div#context h2    {
    font-weight : bold;
    margin-bottom : 4px;
    }    

div.right_col p img:hover   {
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }

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


table.contact   {
    margin : 0 0 0 0;
    padding : 0;
    width : 100%;
    }

table.contact td.col1   {
    width : 50%;
    }

table.contact td.col2   {
    text-align : left;
    padding-bottom : 8px;
    }

table.contact td.spam_description {
    font-size : 12px;
    line-height : 17px;
    vertical-align : top;
    padding-right : 12px;
    }

select,
input.contact,
input.contact_error,
textarea.contact,
textarea.gallery,
textarea.contact_error	{
	width : 250px;
	border : 1px solid #6f5c50;
	margin : 0;
	padding : 2px;
	background-color : #fff;
	color : #6f5c50;
	font-family : arial, helvetica, sans-serif;
	font-style : normal;
	font-size : 11px;
	font-weight : bold;
	}

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


textarea.contact,
textarea.gallery    {
    margin : 4px 0 0 0;
    height : 80px;
    width : 98%;
    }

textarea.gallery    {
    height : 40px;
    }

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

td.button_send  {
    text-align : right;
    }

input.button    {
	padding : 4px;
	background-color : #97c143;
	color : #fff;
	border : 1px solid #333;
	font-family : arial, helvetica, sans-serif;
	}

input.button:hover  {
    background-color : #eff5e5;
    color : #666;
    }






/********************************************************************* Footer */

div.footer  {
    margin-top : 40px;
    }

div.footer p.related_links    {
    position : absolute;
    margin-left : 202px;
    width : 600px;
    text-transform : uppercase;
    }

div.footer p.img_nav    {
    position : absolute;
    right : 20px;
    width : 256px;
    }

div.footer p.img_nav a  {
    padding : 1px 4px;
    margin-right : 2px; 
    color : #3399ff;
    text-decoration : none;
    text-transform : normal;
    }
    
    
div.footer .shown    {
    padding : 1px 4px;
    margin-right : 2px; 
    background-color : #6f5c50;
    color : #fff;
    }    
    

div.footer p.related_links a  {
    text-transform : none;
    }
    
div.footer p.img_nav a:hover   {
    background-color : #c1b9b5;
    color : #fff;    
    }
    
div.footer p.img_nav a.shown   {
    color : #fff;    
    }
    
    
    
/************************************************************* Lightbox Popup */

div.lightbox_popup  {
    width : 680px;
    height : 410px;
    padding : 20px;
    }
    
div.lightbox_popup div.left {
    float : left;
    width : 312px;
    }

/*** Media ***/

div.lightbox_popup div.left p.big_img   {
    width : 312px;
    height : 234px;
    text-align : left;
    background-color : #9c9;
    margin-bottom : 3px;
    }

    
/*** Thumb Navigation ***/

div.thumb_nav   {
    position : relative;
    z-index : 10;
    width : 312px;
    overflow : hidden;
    }
    
div.lightbox_popup table.back_forward   {
    width : 100%;
    }
    
div.lightbox_popup table.back_forward td + td {
    text-align : right;
    }
    
    
/* Media Type */

div.lightbox_popup div.left div.media_type  {
    margin-top : 80px;
    }
    
div.lightbox_popup div.left div.media_type  p.shown  {
    float : left;
    margin-right : 10px;
    padding : 0 5px;
    background-color : #6f5c50; 
    color : #fff;
    }
   
div.lightbox_popup div.left div.media_type  p  a {
    display : block;
    float : left;
    padding : 0 5px;
    background-color :#fff;
    }
   
   
/*** Right Column ***/

div.lightbox_popup div.right  {
    float : right;
    width : 340px;
    }
    
div.lightbox_popup div.right h1,    
div.lightbox_popup div.right h2,    
div.lightbox_popup div.right h3,    
div.lightbox_popup div.right h4 {
    font-weight : bold;
    }
    
div.lightbox_popup div.right h1 {
    font-size : 18px;
    margin-bottom : 5px;
    }
    
div.lightbox_popup div.right h2 {
    font-size : 12px;
    margin-bottom : 20px;
    }
    
div.lightbox_popup div.right h3 {
    font-size : 12px;
    }
    
div.lightbox_popup div.right h4 {
    font-size : 12px;
    margin-top : 18px;
    }    
    
div.lightbox_popup div.right p  {
    font-size : 11px;
    line-height : 16px;
    }