
/*########################################################################## */
/* copyright 2005 by creativbox.net/Torsten Leithold & Georg von Kries GbR  */
/*######################################################################## */



/*
###################################################
Standards
###################################################
*/


body
{
 font-family:  Verdana, Arial, "Times New Roman", serif;
 color:#000;
 background:#fff url(../images/bg.jpg) repeat-x;
 font-size: 11px;
 margin:20px 0 20px 0;
 padding:0;
}


html
{
overflow-x:hidden;  
}

H1, H2, p, span, a, ul, li, div, .Head, .SkinObject, a.Normal, .Normal, table.content_table th
{
 font-family:  Verdana, Arial, "Times New Roman", serif;
 font-weight:normal;
}



hr
{
border-top:0;
border-right:0;
border-left:0;
border-bottom:1px solid #ebebeb;
height:1px;    
}

img
{
border:0;    
}

ul.content,
ul.content-alternative
{
list-style:none;
margin:20px 0 0 0;
padding:0;
}


.box-vorteile
{
width:482px;
height:303px;
padding:10px 10px 10px 5px;
background:url(../images/box_bg.jpg) no-repeat;
margin:20px 0 0 0;    
}

.box-vorteile ul
{
 list-style-image:url(../images/li_button.gif) !important;
 margin-left: 30px !important;
 padding:0 !important;
}

.box-vorteile li
{
 margin:0 0 5px 0 !important;
}

.box-vorteile a
{

float:right;    
}


*html ul.content,
*html ul.content-alternative
{
 list-style-image:url(../../images/ul.gif); 
}

#container-aussen
{
width:902px;
margin:0 auto;
background:url(../images/container_aussen_bg.png);
}

* html #container-aussen
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.outlook-sync.net/images/container_aussen_bg.png',sizingMethod='scale'); 
}

#container
{
width:872px;
background:#fff; 
margin:0 auto;
}

* html #container
{
position:relative;   
}


#box-aussen
{
background:#fff url(../images/content_right_bg.png) top right repeat-y;
width:870px;
border-right:1px solid #959494;
border-left:1px solid #959494;
}

* html #box-aussen
{
background:#fff url(../images/content_right_bg.gif) top right repeat-y;
}

#box-aussen-sub
{
background:#fff url(../images/sub_bg.png) repeat-y;
width:870px;
border-right:1px solid #959494;
border-left:1px solid #959494;
}

#container-aussen-sub
{
background:url(../images/sub_aussen.png) repeat-x;
width:179px;
float:left;
height:150px;

}


/*
###################################################
Header
###################################################
*/


#header-top
{
width:902px;
height:26px;
background:url(../images/header-top.png) no-repeat; 
margin:0 auto;
}

* html #header-top
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.outlook-sync.net/images/header-top.png',sizingMethod='scale'); 
}


#header
{
width:872px;
height:142px;
background:url(../images/header.jpg); 
position:relative; 
}


#header .logo
{
position:absolute;
left:50px;
top:20px;
}


#header .header-text 
{
position:absolute;
left:230px;
top:20px;
}


#header .search 
{
position:absolute;
right:15px;
top:30px;
}



#header .header-text  a
{
color:#F82F2F;
text-decoration:underline;
}


#header .header-text  a:hover
{
color:#000;
text-decoration:none;
}


#header .header-text h1
{
font-weight:normal;
font-size:26px;
color:#000; 
margin:10px 0 10px 0;
}

#header .header-text h2
{
font-weight:normal;
font-size:14px;
color:#000; 
margin:0;
}


#header .flag
{
height:10px;
position:absolute;
left:800px;
top:120px 
}

.button
{
position:relative;
left:700px;
top:0;    
}

/*
###################################################
Navigation
###################################################
*/


#navigation
{
background:url(../images/navigation_bg.jpg); 
width:870;
height:29px;
line-height:29px;
border-left:solid 1px #959494;
border-right:solid 1px #959494;
  
}


#navigation ul
{
margin:0 0 0 50px;
padding:0; 
list-style-type:none;   
}


#navigation li
{
float:left;
margin:0 20px 0 0;
display:inline;
}




/*
###################################################
Navigation
###################################################
*/

.AspNet-Menu-Horizontal
{

}

ul.AspNet-Menu
{
width:820px;
}


.AspNet-Menu a
{
text-decoration:underline;
height:27px;
padding:0 6px 0 6px;
margin:1px 0 0 0;
float:left;
color:#000;
}

.AspNet-Menu a:hover
{
/*float:left;*/
/*background-image:url(../images/nav-center-hover.gif);*/
color:#F82F2F;
text-decoration:none;
background:#fff;
height:28px;
padding:0 5px 0 5px;
border-left:1px solid #CBD3DC;
border-right:1px solid #CBD3DC;
margin:1px 0 0 0
}




/*
###################################################
Sprache
###################################################
*/


.language
{
position:absolute;
bottom:5px;
right:15px;
}


/*
###################################################
Content
###################################################
*/

#content
{
float:left;
width:503px;
padding:50px 25px 50px 50px;  
}


#content a
{
color:#000;    
}


#content a:hover
{
color:#000;    
text-decoration:none;
} 


#content p
{
margin:15px 0 15px 10px;    
}


#content h1
{
background:url(../images/h1_bg.gif); 
height:31px;
line-height:31px;
border:1px solid #E7F3FB;
padding:0 10px 0 10px;
color:#F82F2F;
font-weight:normal;
font-size:14px;  
}


#content-full h1
{
height:31px;
line-height:31px;
padding:0 10px 0 0;
color:#F82F2F;
font-weight:normal;
font-size:14px;  
}


#content h2
{
padding-left:10px;
color:#000;
font-weight:normal;
font-size:12px;    
}


#content ul li h1
{
padding:0;
margin:0;
color:#000;
font-weight:normal;
font-size:12px; 
background:none; 
border:0;  
}


#content-full h2
{
color:#000;
font-weight:normal;
font-size:12px;    
}


#content li,
#content-full li
{
margin:0 0 20px 0;    
}


#content-full
{
float:left;
width:600px;
padding:50px 25px 50px 50px;    
}




/*
###################################################
Bottom
###################################################
*/

#bottom
{
background:url(../images/bottom.png);
width:902px;
height:29px; 
text-align:left;
margin:0 auto;
}

* html #bottom
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.outlook-sync.net/images/bottom.png',sizingMethod='scale'); 
}



#bottom-left
{
background:url(../images/bottom_left.png);
width:902px;
height:29px; 
text-align:left;
margin:0 auto;
}

* html #bottom-left
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.outlook-sync.net/images/bottom_left.png',sizingMethod='scale'); 
}


/*
###################################################
Footer
###################################################
*/

.footer
{
width:872px;
margin:0 auto;  
text-align:center;
color:#949494;
}

.footer .SkinObject
{
font-weight:normal;
color:#949494;
}

.footer a,
.footer A.SkinObject:link 
{
color:#949494; 

}

/*
###################################################
Diverses
###################################################
*/


table.content_table th
{
background: #e7f1f8;  
font-weight:bold; 
padding:3px;
color:#000; 
}

table.content_table td
{
background:#F3F8FC;
border-bottom:1px solid #ebebeb; 
padding:3px; 
}

table.content_table .content_table_download td
{
background:#ebebeb;  
font-weight:normal; 
padding:3px; 
color:#003366;
font-size:12px;
}

.simplesyn_icon
{
position:relative;
top:20px;
right:20px;
float:right;    
}






.clearer
{
clear:both;    
}




.button_bg a
{
background:url(../images/button_bg.png) top left;
width:69px;
height:22px;
display:block;
color:#fff !important;
text-decoration:none !important;
padding:6px 0 0 0;
text-align:center;
}


.button_bg a:hover
{
background:url(../images/button_bg.png) top right;
width:69px;
height:22px;
display:block;
color:#fff !important;
text-decoration:none !important;
padding:6px 0 0 0;
text-align:center;
}

