/*

Nicole Wagner
Büro für Wirtschaftsgrafik
Agricolastraße 19
D-80687 München
+49 (0)89 82 90 85 84
http://www.buerofuerwirtschaftsgrafik.de/
http://www.bürofürwirtschaftsgrafik.de/

Title:      Screen styles for web standards compliant browsers
Author:     Intexta Web Services http://www.intexta.com/
Copyright:  (c) 2010 Nicole Wagner, Büro für Wirtschaftsgrafik
Version:    20100222

*/

/* IMPORT RESET STYLES */
@import url(reset.css);

/* WHOLE PAGE */
html { height:100%; }
body { background-color:#333; font-family:Arial, sans-serif; font-size:100%; text-align:center; }
#wrapper { width:880px; height:660px; overflow:hidden; background-color:#eaeaea; margin:10px auto 0 auto; text-align:left; border:1px solid #000; }

/* LOGO */
#logo { margin:25px 0 23px 16px; }

/* INFO */
#info { clear:both; float:left; position:relative; width:880px; margin-top:20px; min-height:24px; font-size:70%; color:#4d5e67; background-color:#b4c2c8; border-top:2px solid #fff; border-bottom:2px solid #fff; width:100%; }
#info p { width:100%; padding-left:10px; padding-right:10px; padding-bottom:3px; padding-top:6px; text-align:center; }

/* MENU */
#menu { clear:both; float:left; width:142px; height:298px; border-right:2px solid #fff; border-bottom:2px solid #fff; }
#menu ul { height:298px;  }
#menu ul li a { height:31px; display:block; text-decoration:none; background-color: #808080; font-weight:bold; font-size:70%; text-align:right; padding-top:24px; padding-bottom:3px; padding-right:10px; border-bottom:2px solid #fff; }
#menu ul li a:link, #menu ul li a:visited { color:#fff; background-color:#808080; }
#menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active { color:#fff; background-color:#4d4d4d; }
#menu ul li a.current { background-color:#4d4d4d; }

/* STYLES COMMON TO MAIN, MAIN1 AND MAIN2 */
#main h3, #main1 h3, #main2 h3 { padding:0 12px; margin:12px 0 8px 0; }
#main ul, #main1 ul, #main2 ul { font-size:80%; padding-left:6px; padding-right:3px; }
#main ul li, #main1 ul li, #main2 ul li { background:url(../_img/bg/li.gif) no-repeat 6px 8px; padding:1px 4px 2px 16px; line-height:125%; }

/* STYLES COMMON TO MAIN1 AND MAIN 2 */
#main1, #main2 { float:left; width:226px; height:298px; border-bottom:2px solid #fff; }
#main1 h4, #main2 h4 { font-size:100%; padding:0 16px; margin:7px 0 8px 0; }

/* MAIN (one central panel) */
#main { float:left; width:454px; height:298px; border-bottom:2px solid #fff; }
#main h4 { font-size:90%; padding:0 12px; margin:7px 0 8px 0; }
  #main.breit { width:736px; }
  #main.breit p { margin:10px 0; padding:0 10px; }
  #main.text p { margin:8px 0; padding:0 15px; font-size:80%; line-height:132%; }
  #main.text a { font-weight:normal; }
  #main.text a:link, #main.text a:visited { color:#660033; text-decoration:none; }
  #main.text a:hover, #main.text a:focus, #main.text a:active { color:#fff; text-decoration:underline; }

/* MAIN1 */
  #main1.breit { width:292px }

/* MAIN2 */
#main2 { border-left:2px solid #fff; }
  #main2.schmal { width:160px; }
  #main2.schmal p { font-size:75%; padding:0 16px; margin:7px 0 16px 0; line-height:135%; }

/* STYLES COMMON TO SUB, SUB1 AND SUB2 */

/* STYLES COMMON TO SUB1 AND SUB2 */
#sub1 p, #sub2 p { text-align:right; padding-right:10px; color:#fff; padding-top:7px; font-size:75%; }
#sub1 a, #sub2 a { font-weight:normal; }
#sub1 a:link, #sub1 a:visited,
#sub2 a:link, #sub2 a:visited { color:#fff; text-decoration:none; }
#sub1 a:hover, #sub1 a:focus, #sub1 a:active,
#sub2 a:hover, #sub2 a:focus, #sub2 a:active { color:#fff; text-decoration:underline; }

/* SUB */
#sub { clear:both; float:left; margin-left:142px; width:454px; height:auto; border-left:2px solid #fff; border-right:2px solid #fff; border-bottom:2px solid #fff; padding-bottom:5px; background-color:#660033; }
#sub p { margin:5px 0; padding:0 10px; font-size:75%; line-height:125%; }
#sub h4 { margin:10px 0 5px 0; padding:0 10px; font-size:80%; line-height:125%; }
#sub a { font-weight:normal; }
#sub a:link,
#sub a:visited { color:#fff; text-decoration:none; }
#sub a:hover,
#sub a:focus,
#sub a:active { color:#fff; text-decoration:underline; }
  #sub.breit { width:736px; border-right:0; }

/* SUB1 */
#sub1 { clear:both; background-color:#660033; float:left; margin-left:142px; width:226px;  border-left:2px solid #fff; border-right:2px solid #fff; border-bottom:2px solid #fff; padding-bottom:7px; }

/* SUB2 */
#sub2 { float:left; background-color:#660033; width:226px; border-right:2px solid #fff; border-bottom:2px solid #fff;  padding-bottom:7px; }
  #sub2.einzeln { margin-left:370px; border-left:2px solid #fff; }

/* SUBLEFT AND SUBRIGHT (PARAS WITHIN SUB) */
#subleft { float:left; width:288px; height:auto; padding-top:8px; padding-left:5px; padding-bottom:3px; }
#subleft p { margin:0; padding:0; }
  #subleft p input.txt { margin-left:10px; border:1px solid #000; background-color:#fff; color:#000; width:100px; font-size:100%; font-family:Arial, sans-serif; }

#subright { float:left; width:156px; height:auto; text-align:right; padding-top:8px; padding-right:5px; padding-bottom:3px; }
#subright p { margin:0; padding:3px 7px 0 0; color:#fff; }

/* SUPER */
#super { float:left; height:46px; padding:6px 0; width:454px; background-color:#4d4d4d; border-bottom:2px solid #fff; }
#super p { margin:0 0; padding:0 11px; font-size:75%; line-height:120%; color:#fff; }

/* CENTRE */
#centre { width:100%; position:relative; float:left; height:238px; background-color:#4d4d4d; color:#fff; }
#centre h4 { float:left; font-size:80%; line-height:125%; width:152px; margin:11px 0 0 0; padding:0; }
#centre p { float:left; font-size:80%; width:152px; margin:4px 0; line-height:125%; }
  #centre p.firmenbild { position:relative; float:left; font-size:80%; width:292px; margin:0; }
  #centre p.firmenbild img { position:relative; margin:11px; width:270px; }
  #centre p.kundenurl { position:absolute; top:176px; right:11px; }
#centre a:link, #centre a:visited { color:#fff; text-decoration:none; }
#centre a:hover, #centre a:focus, #centre a:active { color:#fff; text-decoration:underline; }

/* SIDE */
#side { float:left; width:280px; height:298px; border-left:2px solid #fff; border-bottom:2px solid #fff; }
  #side.submenu { overflow:auto; }
  #side.text { overflow:auto; width:280px; height:298px; background-color:#660033 !important; }
  #side.text p { margin:10px; padding:1px 4px; line-height:116%; color:#fff; font-size:80%; }

/* SUBMENU */
#submenu li a { height:18px; display:block; text-decoration:none; background-color: #808080; font-size:70%; padding-left:7px; padding-top:5px; border-bottom:2px solid #fff; }
#submenu li a:link, #submenu ul li a:visited { color:#fff; }
#submenu li a:hover, #submenu ul li a:focus, #submenu ul li a:active { color:#fff; background-color:#4d4d4d; }
  #submenu li a.current { font-weight:bold; background-color:#4d4d4d; }

/* IMPRESSUM AND DISCLAIMER LINKS */
#impressum { width:880px; margin:4px auto 0 auto; text-align:left; }
#impressum ul li { float:left; font-size:90%; padding-right:24px; }
#impressum ul li a { float:left; color:#666; }
#impressum ul li a:link, #impressum ul li a:visited { text-decoration:none;  }
#impressum ul li a:hover, #impressum ul li a:focus, #impressum ul li a:active { text-decoration:underline; }

#impressum ul li.languagelink { float:right; padding-right:0; color:#fff; }
#impressum ul li.languagelink a { float:right; color:#fff; }

/* COLOUR CLASSES */
.hellblau { background-color:#2b639c !important; color:#fff !important; }
.lila { background-color:#360e70 !important; color:#fff !important; }
.blaugrau { background-color:#b4c2c8 !important; color:#000 !important; }
.graublau { background-color:#bec6d1 !important; color:#000 !important; }
.beige { background-color:#b1b092 !important; color:#000 !important; }
  .beige a { font-weight:bold; }
  .beige a:link, .beige a:visited { color:#660033; text-decoration:none; }
  .beige a:hover, .beige a:focus, .beige a:active { color:#fff; text-decoration:underline; }
.hellgrau { background-color:#c0c0c0 !important; color:#000 !important; }
.hellbeige { background-color:#d0d0be !important; }
.aqua { background-color:#01a8ec !important; color:#fff !important; }
.blau { background-color:#21449c !important; color:#fff !important; }
.weiss { background-color:#fff !important; color:#000 !important; }
.gelb { background-color:#ffc043 !important; color:#000 !important; }
.pulverblau { background-color:#ddeeff !important; color:#000 !important; }
.mittelblau { background-color:#0a4687 !important; color:#fff !important; }

/* OTHER CLASSES */
.overflow { overflow:auto !important; }
.outdent { margin-left:1px; margin-right:1px; padding-left:0; padding-right:0; }
.medium { font-size:90% !important; }
ul.spaced li { padding-bottom:10px !important; }
div.small { font-size:75% !important; }
div.small p { line-height:120%; }
p.small { font-size:75% !important; }
p.gross { font-size:100% !important; }

p.filelist a:hover { color:#5a6164 !important; }
td.file a:hover { color:#5a6164 !important; }
td.file a:focus { color:#5a6164 !important; }
td.file a:active { color:#5a6164 !important; }

.msg { border:1px dotted red; padding:10px; background-color:#ffffcc; }