/* StyleGuide Klawin IT © Klawin IT 07.Juli 2011 UTF-8:äöü */

/* #### ALLGEMEIN / GLOBAL #### */
body{font-family: Verdana, sans-serif; font-size:12px; font-style:normal; line-height:1.5; 
   background-color:#d9d2c0; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
body.bgcolor {background-color:#CCCCCC;}
body.print {background-color: white; width:750px; padding-right:30px; padding-left:30px; margin: 0px 0px 0px 0px;} 
h1, h2, h3 {font-family: Verdana, sans-serif; color: #663300; font-size: 22px; margin: 0px 0px 15px 0px; 
   padding:0px 0px 0px 0px; font-variant: small-caps; letter-spacing: 2px; text-align: center;}
h4 , h5, h6 {font-family: Verdana, sans-serif; color: #663300; margin: 15px 0px 10px 0px;}
h4 {font-size: 16px;}      
h5 {font-size: 14px;}
h6 {font-size: 12px;}
img {border: 0;} 
hr {height: 1px; color: #606050; background-color: #606050; border: 0; margin:5px 0px 5px 0px;}
table{border-collapse:collapse;}
td, th {font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; padding: 3px 3px 3px 3px; 
   vertical-align: top;}
th {text-align:left;}
a:link {    color: #4169E1; text-decoration: none;      font-style: normal; font-weight: normal; outline: none;}
a:visited { color: #4169E1; text-decoration: none;      font-style: normal;}
a:hover {   color: #8B4513; text-decoration: underline; font-style: normal;}
a:active {  color: #8B4513; text-decoration: underline; font-style: normal;}
a:focus {   color: #8B4513; text-decoration: underline; font-style: normal;}
p {margin: 10px 0px 10px 0px;}
ul {list-style-image: url(images/list12x12-dot8-05.gif); margin: 0px 0px 0px -10px;}
ul li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
ol {margin: 0px 0px 0px 0px;}
ol li {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
input.submit {font-family: Verdana, sans-serif; font-size:12px; border: 3px solid #ccc; background-color: #663300; 
            color: #ffffff; padding: 3px 3px 3px 3px;}

/* #### SEITE #### */
div.page {text-align:left; background: #d9d2c0 url(images/hintergrund.jpg) repeat; width:990px; margin:5px auto 5px auto; 
   border: 2px solid grey;}
div.clear {clear:both;}

/* #### KOPFBEREICH MIT LOGO UND SUCHE #### */
div.top {float:left; width: 100%; height:180px; padding:0px 0px 0px 0px; border-bottom:2px solid darkgrey;
   /* background: url(images/kopf.jpg) no-repeat left; */
}
div.logo {float:left; margin: 0px 0px 0px 0px; padding:0; width:400px; height:100%; 
   background: url(images/bannerklawinit.jpg) no-repeat left;
}
div#searchbox{float:right; width:190px; margin-top:20px; margin-right:15px; border:1px solid #a6c0f0; background-color:#F2F2F2;}
div#searchbox input.text{float:left; color: #606050; font-family:Verdana, sans-serif; font-size:12px; border: 0; margin:2px 0px 0px 2px; padding: 1px 3px; background-color:#f6f6f6 ;}
div#searchbox input.image {float:right; border:0px; margin:0px; cursor:pointer; background-color:#F2F2F2;}
div#searchbox input.submit {float:right; border:0px; margin:0px; cursor:pointer; background-color:#F2F2F2;}

/* #### LOCATOR #### */
div.locator {color:darkgrey; font-size:12px; font-weight:bold; float: left; width: 100%; margin:3px 0px 3px 5px;}   
div.locator a {color:grey; text-decoration: none; font-weight:bold;} 
div.locator a:hover {text-decoration: underline; font-weight:bold;}
 
/* #### SIDEBAR LINKS UND RECHTS #### */
div.leftbar { float:left; width:190px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px;}
div.rightbar {float:right; width:180px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

/* #### NEWSBOXEN #### */
div.newsbox {clear:both; font-size:12px; padding-left:0px; padding-right:5px; margin: 2px 0px 2px 0px;}
div.newsbox p {font-size:12px; padding-left:2px;}
/* H4 ist Ueberschrift (Titel) für eine NewsBox */
div.newsbox h4 {font-weight:normal; font-size:14px; text-align:center; color:black; background-color:#c3c3c0;
   height:18px; padding-top: 0px; padding-right:0px; padding-bottom:5px; margin-top:0px; margin-left:0px; 
   margin-right:0px;}
div.newsbox h5 {font-size: 12px;} /* 1. Ueberschrift in NewsBox*/
div.newsbox h6 {font-size: 10px;} /* 2. Ueberschrift in NewsBox*/
div.newsbox ul {padding-left:15px;}

/* #### CONTENT #### */
div.contentarea{float:left; width:750px; padding-right:0px; padding-left:5px; margin: 0px 0px 0px 15px;}
div.content {min-height:400px; }

/* #### SUBMENU ("Gehe zu..." unterhalb Content) #### */
div.submenu {}
div.submenu h4 {padding:10px 0px 0px 0px; font-size:14px; border-top: 1px solid #8B4513;}
div.submenu ul.submenu {padding-left:25px;}
div.submenu ul.submenu li {list-style:none; padding-left: 20px; background-repeat:no-repeat;
   background-image: url(images/list12x12-dot8-05.gif); background-position: 0px 1px;}
 
/* #### SEITENNAVIGATION #### */
div.pagenavi {float:left; width:100%; text-align: center; margin-top:5px; margin-bottom:15px; padding:5px 0px 0px 0px;}

/* #### FUSS #### */
div.footer {text-align:center; float: left; width: 100%; font-size:10px; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px;}

/* #### MENUE #### */
div.menu {float:left; font-size:12px; width:100%; margin: 0px 0px 25px 0px;}
div.menu li.sdoc, div.menu li.sdocs {color: #606050; font-weight:bold;}
div.menu li.docs, div.menu li.sdocs {background-image: url(images/plus.gif);}
ul.menulevel1 a {color: black; text-decoration: none; font-weight:normal; font-style: normal;}
ul.menulevel1 a:hover {text-decoration: underline;} 
ul.menulevel1  {margin: 0px 0px 0px 0px; padding: 0px 4px 0px 0px;}
ul.menulevel1 li  {list-style:none; padding: 2px 5px 2px 10px; margin: 2px 0px 2px 5px; background-repeat: no-repeat;
               background-position: right top; background-color: #c3c3c0;}
ul.menulevel2  {padding-left:0px; margin-left:-10px;}
ul.menulevel2 li {background-color: #dcdcd9;}
ul.menulevel3  {padding-left:0px; margin-left:-10px;}
ul.menulevel3 li {background-color: #c3c3c0;}

/* #### SITEMAP #### */
ul.sitemaplevel1 li {}
ul.sitemaplevel1 a {color:black; text-decoration:none; font-weight:normal;}
ul.sitemaplevel1 a:hover {text-decoration: underline; } 

/* #### SUCHERGEBNISSE #### */
ul.search  {margin-top:15px; margin-left:0px; padding-bottom:15px; padding-left:0px;}
ul.search li {list-style:none;}
ul.search a  {color: black; text-decoration: none; background-image: url(images/link_intern.gif); 
             padding-left: 15px; background-repeat: no-repeat; background-position: left; font-weight:normal;}
ul.search a:hover {text-decoration: underline;} 

/* #### SONSTIGES #### */

/* Randmarkierung */
div.markgruen {border-left: 5px solid rgb(0, 173, 102); padding-left: 10px;}
/* Verschiedene Boxentypen */
p.box01 {background: #dcdcd9; padding: 6px 12px; border: 4px double #999;}
p.box02 {background: #dcdcd9; padding: 6px 12px; border: 4px solid #999;}
p.box03 {background: #dcdcd9; padding: 6px 12px; border: 1px solid #999;}
p.box04 {background: #dcdcd9; padding: 6px 12px;}
/* Symbole für Links */
a.link_extern {background:url(images/link_extern.gif) no-repeat left; padding-left: 15px;}
a.link_download {background:url(images/link_download.gif) no-repeat left; padding-left: 15px;}
a.link_pdf {background:url(images/link_pdf.gif) no-repeat left; padding-left: 20px;}

/* EOF */