/**
 * Theme: UPA Service Center
 */
 
/** Global Reset **/
* { margin:0; padding:0; }
 
body { 
  /** Standartwert für Schriftformatierung **/
  font-family: Arial, Helvetica, Serif;
  font-size: 12px; 
  font-style: normal;
  text-align: left; /** Left to Right Support **/
  color: #000;
  /** Hintergrund Farbe **/
  background: #eee;   
}
/** Haupt Elemente des Layouts **/
#page_margins { width: 1000px; margin: 0 auto; background: #fff; }
#header, #nav, #main, #footer { position: relative; clear: both; }

#header {
  background: #fff url(images/header.jpg) no-repeat;
  padding: 10px 20px; 
  height: 175px;
}
  
#main { width: 998px; }

#content { float: left; margin-left: 200px; width: 535px; padding: 10px; }
#sidebar { float: left; width: 180px; padding: 10px 10px; margin-left: -755px }
#sidebar-two { float: right; width:220px; padding: 10px 10px; } 

#footer { background: #DDE1E2; border-top: 1px solid #000; width: 980px; padding: 10px; }

/**
 * page menu navi
 */
 .menu ul { margin: 0 0 40px 0; }
 .menu li { list-style-type: none; margin: 0; }
 .menu a { border-bottom: 1px solid #eee; display: block; padding: 4px; text-decoration: none; color: #818080;} 
 .menu a:hover { color: #000; }

  ul.blog_list { margin: 0!important; }
 .blog_list li { list-style-type: none; margin: 0; border-bottom: 1px solid #eee; display: block; padding: 4px; }
 .blog_list a { font-size: 12px; text-decoration: none; color: #818080; padding-right: 4px; }
 .blog_list { font-size: 9px; } 
 .blog_list a:hover { color: #000; }
 
 
.alignleft { float: left; margin: 0 14px 10px 0; }
.alignright { float: right; margin: 0 0 10px 14px; }

hr { color: #eee; border-color: #eee; margin:6px 0; }

.box { float: left; border: 1px solid #eee; padding: 4px; margin: 4px; width: 240px; min-height:160px; background: url(images/box_bg.jpg) repeat-x; }
/** 
 * Allgemeine Textformatierung
 */
p { line-height: 16px; margin-bottom: 14px;  text-align: justify; }
/** Ueberschriften **/
h1,h2,h3,h4,h5,h6 { font-style: normal; font-weight: normal; line-height: 1.5em; margin-bottom: 14px; }     

h1 { font-size: 40px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5, h6 { font-size: 16px; }

#header h1 { margin: 20px 0 46px; color: #111; letter-spacing: 2px; }
#header span { font-size: 28px; margin-left: 16px; color: #444; letter-spacing: 2px; }

a, a:visited { color: #818080; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; }

ul { margin: 20px; }
li { margin-left: 20px; }

/**                    ,
 * Skiplinks 
 */
.skip, .hideme, .print { position:absolute; top:-32768px; left:-32768px; /* LTR */ }
.skip:focus, .skip:active { position:static; top:0; left:0; }
#skiplinks { position:absolute; top:0px; left:-32768px; z-index:1000; width:100%; margin:0; padding:0;   list-style-type:none;   
}
#skiplinks a.skip:focus, #skiplinks a.skip:active { left:32768px; outline:0 none; position:absolute; width:100%; }  
#skiplinks a.skip:focus, #skiplinks a.skip:active { color: #fff; text-align: center; background: #333; border-bottom: 1px #000 solid; padding: 10px 0; text-decoration:none; }
/**
 * clearfix zum Aufheben der Floatumgebung
 */
.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }
.clearfix { display:block; }