@charset "utf-8";
/* CSS Document */

body, html, ul, li, p, h1, h2, h3, h4, h5, div, span, a, img, table, tr, th, td{ margin:0; padding:0; font-weight:normal; font-size:11px; border:none; text-decoration:none; font-family:Tahoma; color:#999;  }


body{ background:url(images/background.jpg) left top repeat-x; background-color:#000; }

#main-container{ width:860px; margin:0 auto 0 auto; padding:0; }

#header{ width:860px; height:140px; margin:0; padding:0; background:url(images/header-background.png) left top no-repeat; }
#header .logo{ width:353px; height:52px; margin:85px 0 0 0px; padding:0; float:left; }
#header .menu{ width:340px; float:right; margin:102px 15px 0 0; padding:0; }
#header .menu a{ font-family:Tahoma; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; margin:0 0 0 18px; float:left; }

#container{ width:858px; border:1px solid #c9cacb; margin:0; padding:0;  /* background:url(images/container-background.jpg)  left top repeat-x;*/ background-color:#D5D5D5; }

#index-container{ width:860px; margin:0; padding:0; }

#index-container .header-img{ width:860px; height:264px; margin:0; padding:0; }

#index-container #index-content{ width:820px; margin:15px 0  0; padding:20px; background:url(images/index-content-background.png) left top repeat-y; }

#index-container #index-content #sol{ width:555px; margin:0 55px 0 0; padding:0; float:left; }
#index-container #index-content #sol h1{ font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#FFF; text-decoration:none; line-height:110%; margin:0 0 20px 0; } 

#index-container #index-content #sol #index-liste{ width:535px; margin:0; padding:15px 0 15px 20px; background:url(images/index-list-background.png) left top repeat-y; }

#index-container #index-content #sol #index-liste ul{ width:510px; margin:0; padding:0; font-family:Tahoma; list-style:none;  }
#index-container #index-content #sol #index-liste li{ width:155px; font-family:Arial, Helvetica, sans-serif; font-size:13px; float:left; color:#000; margin:0 20px 3px 0; padding:0; list-style:none; }

#index-container #index-content #sag{ width:193px; height:265px; margin:10px 0 0 0; padding:0; float:right; }

#container #sol{ width:216px; float:left; margin:0; padding:12px; background:url(images/sol-background.jpg) left top no-repeat; } 

#container #sol img{ margin-bottom:10px; }

#container #sol h1{ font-family:Tahoma; font-size:17px; text-align:right; color:#3c4955; margin:15px 0; padding:0; line-height:140%; }
#container #sol h2{ font-family:Tahoma; font-size:15px; text-align:right; color:#3c4955; margin:12px 0 0 0; padding:0; line-height:120%; }
#container #sol h3{ font-family:Tahoma; font-size:15px; font-weight:bold; text-align:right; color:#3c4955; margin:0 0 20px 0; padding:0; line-height:120%; }

#container #sol h4{ font-family:Tahoma; font-size:20px; text-decoration:none; color:#3c4955; margin:7px 0 20px 0; padding:0; line-height:140%; }

#container #sol p{ font-family:Tahoma; font-size:12px; text-decoration:none; color:#666; margin:0; padding:0; line-height:140%;}
#container #sol a{ font-family:Tahoma; font-size:12px; text-decoration:none; color:#666; margin:0; padding:0; line-height:140%;}

.slider{ width:216px; height:200px; margin:0 0 10px 0;; padding:0; }

#container #sag { width:580px; margin:10px 18px 20px 18px; padding:0; float:right; font-family:Tahoma; }
#container #sag h1{ font-size:20px; text-decoration:none; color:#3c4955; margin:7px 0 20px 0; padding:0; line-height:140%; }
#container #sag p{ font-family:Tahoma; font-size:13px;  color:#666; margin:15px 0 0 0; padding:0; line-height:130%; }

#container #sag #gallery{ width:580px; margin:0; padding:0; }
#container #sag #gallery ul{ list-style:none; margin:0; padding:0; list-style:none; }
#container #sag #gallery li{ list-style:none; /*background:url(images/list-background.png) left top no-repeat;*/ width:100px; height:280px; margin:0 19px 19px 0; padding:0; float:left; }
#container #sag #gallery  img{ width:86px; height:211px; margin:7px 0 0 7px; padding:0; }
#container #sag #gallery  h1{ font-family:Tahoma; font-size:13px; color:#3c4955; text-decoration:none; margin:12px 0 0 0; padding:0; line-height:100%; width:100px; text-align:center; }
#container #sag #gallery  h2{ font-family:Tahoma; font-size:13px; color:#7b7d82; text-decoration:none; margin:2px 0 0 0; padding:0; line-height:100%; width:100px; text-align:center; }

#container h1{ font-family:Tahoma; font-size:15px; text-decoration:none; margin:0; padding:0; color:#3c4955; line-height:170%; }
#container h2{ font-family:Tahoma; font-size:13px; text-decoration:none; margin:0; padding:0; color:#7b7d82; line-height:140%; }


#footer{ width:840px; margin:7px 10px 10px 10px; padding:0; }
#footer .sol{ width:300px; margin:0; padding:0; font-family:Tahoma; font-size:11px; color:#CCC; text-decoration:none; float:left; }
#footer .sol a{ font-family:Tahoma; font-size:11px; color:#CCC; text-decoration:none; margin:3px 0 0 0; padding:0; border:none; }
#footer .sag{ width:230px; margin:0 0 0 10px; padding:0; float:right; font-family:Tahoma; font-size:11px; color:#CCC; }
#footer a{ text-decoration:none; color:#CCC; float:left; padding:0 7px 0 0; margin:0 0 0 7px; border-right:1px solid #CCC; }

.clear { clear:both; }