﻿/*SCREEN BASE CSS DOCUMENT*/

/*########## BEGIN BACKGROUND ##########*/
*{margin:0;padding:0;}
body
{
position:relative;
background-image: url(../images/background.png);
}
/*########## BEGIN BACKGROUND ##########*/

/*########## BEGIN SITE STRUCTURE ##########*/
.site_center
{
position:relative;
width:868px;
height:auto;
margin:auto;
}
.center_top_border
{
position:relative;
width:868px;
height:36px;
}
.center
{
position:relative;
width:868px;
height:auto;
background-color:#fff;
}
.center_top_background
{
position:relative;
width:868px;height:202px;
background-image: url(../images/background_center_top.png);
background-repeat:no-repeat;
}
.center_middle_background
{
position:relative;
width:868px;height:auto;
background-image: url(../images/background_center_middle.png);
background-repeat:repeat-y;
}
.center_bottom_background
{
position:relative;
width:868px;height:24px;
background-image: url(../images/background_center_bottom.png);
background-repeat:no-repeat;
}
.center_top_background_index
{
position:relative;
width:868px;height:202px;
background-image: url(../images/background_center_top_index.jpg);
background-repeat:no-repeat;
}
.center_top_background_about
{
position:relative;
width:868px;height:202px;
background-image: url(../images/background_center_top_about.jpg);
background-repeat:no-repeat;
}
.center_top_background_solutions
{
position:relative;
width:868px;height:202px;
background-image: url(../images/background_center_top_solutions.jpg);
background-repeat:no-repeat;
}
.center_top_background_events
{
position:relative;
width:868px;height:202px;
background-image: url(../images/background_center_top_events.jpg);
background-repeat:no-repeat;
}
.center_top_background_contact
{
position:relative;
width:868px;height:202px;
background-image: url(../images/background_center_top_contact.jpg);
background-repeat:no-repeat;
}
.center_top_background_imprint
{
position:relative;
width:868px;height:202px;
background-image: url(../images/background_center_top_imprint.jpg);
background-repeat:no-repeat;
}
.center_top_background_partners
{
position:relative;
width:868px;height:202px;
background-image: url(../images/background_center_top_partners.jpg);
background-repeat:no-repeat;
}
.logo_atrium
{
width:189px;height:44px;
cursor:default;
padding:43px 0 0 18px;    
}
.headline
{
width:646px;height:37px;
margin:78px 0 0 222px; 
}
.navigation
{
position:relative;
float:left;
width:208px;height:auto;
margin:-31px 0 0 0;
}
ul{margin:0 0 18px 4px;list-style-type:none;}

.navigation_on a
{
display:block;
width:172px;height:27px;
background-image: url(../images/button_navigation_on.png);
font:bold 12px/29px Arial;
color:#265069;
text-decoration:none;
margin:4px 0 0 0;
padding:0 0 0 36px;
}
.navigation_off a
{
display:block;
width:172px;height:27px;
background-image: url(../images/button_navigation_off.png);
font:bold 12px/29px Arial;
color:#798f9c;
text-decoration:none;
margin:4px 0 0 0;
padding:0 0 0 36px;
}
.navigation_off a:hover
{
background-image: url(../images/button_navigation_on.png);
color:#265069;
}
.stoerer
{
margin:4px 0 0 4px;
text-align:left;    
}
.content_index
{
position:relative;
width:646px;height:auto;
float:right;
background-image: url(../images/background_center_top_inde2.jpg);
background-repeat:no-repeat;
}
.content_headline_index
{
margin:250px 0 0 18px;
}
.content_copy_index
{
width:642px;height:auto;
background-color:#517387;
overflow:hidden;
margin-top:17px;    
}
.content_copy_index p
{
font:12px/19px Arial;
color:#fefefe;
padding:18px 18px 72px 18px;    
}
.content
{
position:relative;
width:610px;height:auto;
float:right;
overflow:hidden;
padding:18px 18px 72px 18px;
}
.content_copy
{
overflow:hidden;   
}
.content_copy h1
{
font:bold 16px/19px Arial;
color:#265069;
padding:0 0 18px 0;    
}
.content_copy h2
{
font:bold 12px/19px Arial;
color:#265069;
padding:0 0 18px 0;    
}
.content_copy h3
{
font:bold 12px/39px Arial;
color:#265069;
padding:0 18px 18px 36px;    
}
.content_copy p
{
font:12px/19px Arial;
color:#000;
padding:0 0 18px 0;    
}
.content_copy a
{
font:12px/19px Arial;
color:#000;
}
.content_copy a:hover
{
font:12px/19px Arial;
color:#b6e400;
}
.accordion_toggle a
{
display:block;
width:555px;height:40px;
font:bold 12px/43px Arial;
color:#265069;
text-decoration:none;
outline-style:none;
margin:0;
}
.accordion_toggle a:hover
{
display:block;
width:555px;height:40px;
font:bold 12px/43px Arial;
color:#b6e400;
text-decoration:none;
outline-style:none;
margin:0;    
}
.accordion_toggle a:focus
{
outline-style:none;
}
.content_copy_table_imprint table{width:100%;height:auto;}
.content_copy_table_imprint td{width:50%;height:auto;vertical-align:top;padding:0 9px 18px 9px;}
.content_copy_table_imprint td p,.content_copy_table_imprint td h2{padding:0;}

.content_copy_table_partners table{width:100%;height:auto;}
.content_copy_table_partners td{width:33%;height:auto;vertical-align:top;padding:0 9px 18px 9px;}
.content_copy_table_partners td p,.content_copy_table_partners td h2{padding:0;}
/*########## END SITE STRUCTURE ##########*/

/*########## BEGIN ALIGNS ##########*/
img{display:block;}
.float_left{float:left;}
.float_right{float:right;}
.float_clear{clear:both;}
.hide{display:none;}
/*########## END ALIGNS ##########*/

#vertical_container{width:591px;}
.accordion_toggle
{
display:block;
width:100%;
height:22px;
background:url(../images/accordion_off.png) no-repeat top left;
line-height:30px;
color:#ffffff;
font-weight:normal;
text-decoration:none;
outline:none;
font-size:12px;
color:#000;
cursor:pointer;
overflow:hidden;
margin:0;
}
.accordion_toggle_active
{
background: url(../images/accordion_on.png) no-repeat top left;
}
.accordion_content {
background-color:#dadbdc;
color:#000;
overflow:hidden;
}
.accordion_content .p_first
{
font:12px/19px Arial;
color:#000;
padding:18px 18px 18px 18px;
}
.accordion_content p
{
font:12px/19px Arial;
color:#000;
padding:0 18px 18px 18px;
}
.accordion_content ul
{
list-style-type:square;
font:12px/19px Arial;
color:#000;
margin:0 0 0 18px;
padding:0 18px 18px 36px;
}