* {
padding : 0;
margin : 0;
}

html { overflow-y:scroll; }

body {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #222; /*Schriftfarbe Vorgabe */
background-color: #bfcfff; /*Hintergrund  Viewport*/
font-size: 15px;
line-height: 1.5em;
margin: 0; 
padding: 0;
/*Zur zentrierten Platzierung auch im IE5/6...*/
text-align:center;
}


/********* Bilder    ***********  */

img.leftfloat {
float: left;
margin: 5px;
margin-right: 15px;
}

img.rightfloat {
float: right;
margin: 5px;
margin-left: 15px;
}

.imgbox {
float: right;
padding: 8px;
margin: 0 0 20px 20px;
background: #eee;
border: 1px solid #ccc;
}

.imgbox p {
font-style: italic;
font-size: 0.8em;
padding: 0;
line-height: 1.3em;
margin: 2px 0;
}

.imgbox p small {
font-style: normal;
}

hr.imgcl  { 
color: #fff; 
margin: 0; 
padding: 0; 
height: 1px;
border-bottom:0;
clear:both; 
}

.c2z {
color: #888;
}

/********* Formulare  & Co.. ***********  */

hr { 
color: #000; 
background: transparent; 
margin: 0 0 0.5em 0; 
padding: 0 0 0.5em 0; 
border: 0; 
height: 1px;
border-bottom: 1px #00248f solid; 
}


fieldset { 
border:0;
}
	
select, 
input, 
textarea { 
background: #fefefe;
padding: 3px;
border: 1px #666 solid; 
font-size: 100%;
overflow:auto;
}

select:hover, 
input:hover, 
textarea:hover { 
border-color: #00248f;
}

input[type=reset],
input[type=submit],
input[type=button] {
width: auto;
overflow:visible;
background: #fff;
color: #00248f;
border-color: #00248f;
}

input[type=reset]:hover,
input[type=submit]:hover,
input[type=button]:hover {
background: #fff;
border-color: #03c;
color: #03c; 
}

input[type=text]:focus, 
textarea:focus {
background: #fff;
border-color: #00248f;
}


input[type=radio], 
input[type=checkbox] {
background:transparent none repeat scroll 0% 50%;
border:0 none;
}


option {
padding-left: 0.4em;
padding-right: 1.0em;
}

	
/*************** Textauszeichnungen... *************/
	
pre {	
font-family: "Courier New", Courier, monospace; 
}
	
dt, 
strong,
b { 
font-weight: bold;
}

i, em { 
font-style: italic;
}


/***************************** Tabellen *********************************/

table { 
border: 1px solid #00248f; 
background-color: #fff; 
empty-cells: show; 
}

caption {
padding: 3px; 
margin-bottom: 5px;
font-size: 0.8em; 
font-weight: bold; 
line-height: 1.5em; 
caption-side: top;
text-align: left; 
}

thead { 
font-size:1.0em; 
text-align:center;
background-color: #00248f; 
color: #fff;
}

tfoot { 
font-size: 0.8em;
text-align: left;
background-color: #fff;
font-weight: bold; 
background-color: #eee; 
}

tbody { 
font-size: 0.9em; 
text-align: left; 
vertical-align: top; 
background-color: #fff;
}

td, th {
padding: 3px;
}

th {
font-weight: bold; 
}


/********* Überschriften und Textauszeichnungen ***********  */

h1,h2,h3,h4,h5,h6 { 
font-family: "Century Gothic",Arial,serif;
margin-top: 0.25em; 
margin-left: 0px;
margin-bottom: 5px;
font-size: 1.2em;
color: #000; 
letter-spacing: 1px;
line-height: 1.3em;
}

h1  { 
font-size: 1.4em;
color: #00248f ;
}

h2  { 
font-size: 1.3em;
color: #00248f ;
}


h4  { 
font-size: 1.0em;
margin-top: 1.0em; 
margin-bottom: 3px;
}


/**************************/


h2 { 
font-size: 1.3em;
}

h5, h6 { 
font-size: 1.0em;
margin-bottom: 2px;
}


p, ul, blockquote, cite { 
margin-top: 0.5em;
margin-bottom: 1.5em;
font-size: 1.0em; 
}

blockquote, cite { 
width: auto;
}

cite {
font-style: italic; 
}

blockquote, cite { 
font-style:italic;
font-size:0.9em;
}


ul, ol, dl { 
padding: 3px;
padding-left: 1.8em;
}

li {
line-height: 2em;
}

/***************************** Links *********************************/

a {
color: #00248f; 
text-decoration: underline; 
}

a:visited {
color: #596A9B; 
}

a:active, a:hover {
color: #03c;  
outline:none;
}

a:focus {
color: red;
}

a[href^="javascript.location.href"], 
a[href^="http:"] {
background:transparent url('img/link.gif') no-repeat scroll 0pt 50%;
padding-left:12px;
}

a[href^="http://www.usability-tipps.de"],
a[href^="http://usability-tipps.de"] {
background: none;
padding-left:0;
}

abbr:after,
acronym:after { content: " ("attr(title)")"; font-style: italic; font-size: 0.9em; }

/*****************************  TOOLS  UND KLASSEN   *********************************/

.bordered {
border: 1px solid #00248f; 
}

.bordered, 
.lighted { 
padding: 0.6em;
}

.padded,
.padded_plus {
padding: 1em;
}

.padded_plus {
padding-left: 1.5em;
padding-right: 1.5em;
}

.right  {
text-align: right;
}

.dotted { 
border: 1px dotted #00248f; 
}

.noborder { 
border: 0px; 
}

.nopadding { 
padding: 0!important; 
}

.nomargin { 
margin: 0!important; 
}

.highlight { 
padding: 5px;
background-color: #809fff;
color: #111;
}

.lighted { 
background-color: #fafafa;
}

.alert { 
color: #c00; 
}

.headerbox { 
margin: 0;
border: 1px solid #00248f; 
border-bottom: 0px;
padding: 2px;
padding-left: 5px;
margin-bottom: 0px;
color: #fff;
background-color: #00248f;
}

h1.headerbox, h1.headerbox_round, 
h2.headerbox, h2.headerbox_round, 
h3.headerbox, h3.headerbox_round { 
font-family: Verdana,Arial,serif;
font-size: 1.0em!important;
}

.headerbox_round, 
.headerbox_fix { 
margin: 0px;
border: 1px solid #00248f; 
border-bottom: 0px;
padding: 2px;
padding-left: 5px;
margin-bottom: 0px;
color: #fff;
background-color: #00248f;
font-size: 1.0em;
font-weight: bold;
}

.headerbox_round { 
border-top: 0px;
border-bottom: 0px;
padding-bottom: 3px;
padding-top: 0px;
}

.contentbox_round, 
.contentbox { 
border: 1px solid #00248f; 
padding: 5px;
margin-top: 0px;
margin-bottom: 1.5em;
background-color: #fff;
}

.contentbox_round { 
border-top: 0px; 
border-bottom: 0px; 
margin-bottom: 0px;
background-color: #fff;
}

/*Für "runde Ecken" ohne Grafik*/

.l1u, 
.l2u, 
.l3u, 
.l4u,
.l1, 
.l2, 
.l3, 
.l4 {
margin: 0px;
padding: 0px;
display: block; 
overflow: hidden; 
font-size: 1px;
}

.l1u, 
.l2u, 
.l3u, 
.l1, 
.l2, 
.l3 {
height: 1px;
}

.l2u, 
.l3u, 
.l4u,
.l2, 
.l3, 
.l4 {
background: #00248f; /*Hintergrundfarbe der Boxheader eintragen*/
border-left: 1px solid #00248f; /*Rahmenfarbe hier einsetzen */
border-right: 1px solid #00248f; /*Rahmenfarbe hier einsetzen */
}

.l2u, 
.l3u, 
.l4u {
background: #fff; /*Hintergrundfarbe der Box eintragen*/
}

.l1u, 
.l1 {
margin: 0 5px; 
background: #00248f; /*Rahmenfarbe hier einsetzen */
}

.l2u, 
.l2 {
margin: 0 3px; 
border-width: 0 2px 0 2px;
}

.l3u, 
.l3 {
margin: 0 2px;
}

.l4u,
.l4 {
height: 2px; 
margin: 0 1px 0 1px;
}

.l1u {
margin-bottom: 15px;
}

/**********************************/

.float_right { 
float: right; 
background-color: transparent;
}

.float_left { 
float: left; 
background-color: transparent;
}

.cleaner {
clear: both;
height: 0px;
padding:0px;
margin: 0px;
border: 0px;
overflow: hidden;
}

.pgcl {
margin-bottom:50px;
}

.colorfont {
color: #03c;
}

img.ns {
height: 0 ;
width : 0 ;
}

.bgline  li {
margin-bottom: 0.5em;
}

.centered {
text-align: center;
}

.bgc {
border-top: 3px solid #00248f ;
background: #eaefff url('img/bgn.jpg') bottom left repeat-x;
padding: 1em;
padding-bottom: 0.5em;
}


/******SEITENLAYOUT ****************************************/

#c_page {
margin: 0 auto;
margin-top: 10px;
width: 1000px;
text-align: left;
}

#skip {
position: absolute; 
left: -3000px;
}

#header {
background: url('img/bgh.jpg') top left no-repeat;
padding-top: 40px;
padding-left: 50px;
padding-right: 70px; 
}

#header h1 {
font-size: 1.7em;
letter-spacing: 3px;
}

#maincnt {
font-size: 0.85em ;
background: url('img/bgc.jpg') top left repeat-y;
min-height: 600px ;
}

* html #maincnt {
height: 600px;
}

#content {
float: left ;
width: 600px ;
padding-left: 40px;
padding-right: 28px;
}

#sidebar {
float: left ;
width: 260px ;
border-top: 3px solid #00248f ;
background: #eaefff url('img/bgn.jpg') bottom left repeat-x;
min-height: 500px ;
padding-bottom: 5em;
}

#kontaktform h6,
#sidebar h1.dz { 
font-family: Verdana,Arial,serif;
font-size: 1.0em;
margin-bottom: 2px;
color: #000; 
}

* html #sidebar {
height: 500px;
}


#footer {
padding-top: 5px;
font-size: 0.8em;
background: url('img/bgf.jpg') top left no-repeat;
min-height: 70px;
text-align: center ;
}

* html #footer {
height: 70px;
}

/****************NAVIGATION ********************************/

#navmain,
#postnav  {
margin-left: 50px;
margin-right: 70px;
padding-left: 10px;
}

#navmain {
padding-top: 3px;
margin-top: 20px;
border-bottom: 1px solid #00248f ;
}

#navmain ul {
padding: 0;
padding-bottom: 3px;
list-style-type: none;
}


#navmain li {
margin: 0px; 
padding: 0px; 
padding-right: 10px;
float: left; 
text-align: center ;
line-height: 1.5em;
}

#navmain li a {
padding-left: 1em ;
padding-right: 1em ;
display: block;
font-weight: bold;
text-decoration: none;
color: #00248f ;
}

#navmain li.current a {
border-left: 1px solid #00248f ;
border-right: 1px solid #00248f ;
border-top: 3px solid #00248f ;
border-bottom: 1px solid #eaefff;
background: #eaefff ;
}

#navmain li a:hover {
color: #fff; 
background: #00248f; 
border-bottom: 1px solid #00248f;
}

#navmain li a:focus {
color: red;
}

#posnav a,  
p.bcn a,
#katnav a  {
text-decoration: none ;
}

#katnav a  {
font-weight: bold;
}


p.bcn a:hover,
#katnav a:hover {
text-decoration: underline;
}


#postnav {
background: #eaefff url('img/bgn.jpg') bottom left repeat-x;
min-height: 20px; 
margin-bottom: 10px;
padding-top: 2px;
padding-bottom: 3px;
padding-left: 25px;
}

* html #postnav {
height: 20px;
}

#searchform {
margin-top: 10px;
margin-bottom: 1.5em;
padding-bottom: 1.5em;
border-bottom: 1px solid #fff;
}

#sb {
width: 140px;
border-color: #00248f;
}

#startsearch  {
width: 70px;
font-weight: bold ;
}

.f98 {
width: 98%;
}

#header h1 a,
h1.link a,
h2.link a {
text-decoration: none ;
}

p.bcn {
background: #EAEFFF;
font-size: 0.8em;
margin-top: -0.5em;
padding-left: 5px;
border-top: 1px solid #00248f ;
background: #eaefff url('img/bgn.jpg') bottom left repeat-x;
}

#katnav li.current-cat a,
h1.link a:hover,
h2.link a:hover {
text-decoration: underline;
}

.spad {
padding-top: 1px ;
padding-bottom: 1px ;
margin-bottom: 0.8em;
}

.lbrd,
#newcomment,
#kontaktform {
border: 1px solid #ccc;
}

.errordiv h6 {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: red;
border: 1px solid red ;
}

.nobt p.pinfo,
.pinfo {
font-size: 0.9em ;
margin-bottom: 1.5em;
}

.nobt p {
margin-bottom: 0;
}

.code {
padding: 10px;
background: #EAEFFF;
color: #000;
font-family: 'Courier New', 'Courier', sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 100%;
border: 1px solid #ccc;
}


#dhelp { background: InfoBackground; padding: 5px; line-height: 1.3em; margin: 0; display: none; }

div.rssinfo {
margin-top: 1em;
border-top: 1px solid #00248f;
padding-top: 1em;
}

div.navigation {
padding:20px 0px;
}


@media print
{
  body { text-align: left; color: #000 ; }
  a[href]:after { content: " ("attr(href)") "; color:#000; font-size: 0.9em; text-decoration: none; }   
  
  p.bcn a[href]:after,
  .nlink a[href]:after,
  #header a[href]:after,
  #footer a[href]:after,
  h1.link a[href]:after,
  h2.link a[href]:after { content: ""; }   
  
  .comment,
  #skip,
  #navmain, 
  #footer, 
  #postnav,  
  #sidebar { display: none; }
  
  .bgc,
  #header,
  #c_page,
  #maincnt, 
  #content  { color: #000; border: 0; background: #fff; width: auto ; margin:0 ; padding:0; background-image: none; }

  #content  { width: 90% }

  h1.link, h2.link, .colorfont, h1  { color: #000 ; }
}