/* Verschiedenes */
.editmode{
  color:red;
  margin:1em;}

html{
  max-height:100%;
  padding:0 0 101px 0;
  background:#fff;}
  
body{
  margin:0;
  padding:0;
  height:100%;}

form{
  margin:0;
  padding:0;}

fieldset{
  margin:0;
  padding:0;
  border:0;}

span{
  display:none;}

.noScreen{  /* Keine Anzeige */
  display:none;}

.newLine{
  clear:both;
  padding-top:10px;}

.BoxBorder{
  clear:both;
  display:block;
  margin:15px 25px 15px 25px;
  padding:10px 0 10px 0 ! important;
  color:#666666;
  height:auto;
  border-bottom:1px solid #B7B7B7;}

.inputBox, .inputButton{
  border:1px solid #699DDC ! important;
  background:#f1f1f1;
  margin:0px;
  font-weight:normal;
  width:150px ! important;
  margin:0;
  padding:1px;
  text-align:center;
  color:blue;
  white-space:nowrap;}

.inputBox{
  color:#003366;
  text-align:left;}

a.inputButton, a.inputButton:hover, a.inputButton:focus{
  display:block;
  color:blue ! important;
  background:#f1f1f1 ! important;
  text-decoration:none;}

/* 3 Box Layout */
#canvas{		   /* Leinwand zum Zentrieren */
  margin:auto;             /* Zentrieren */
  width:1000px;
  min-height:100%;         /* Fuer moderne Browser */
  height:auto !important;  /* Fuer moderne Browser */
  height:100%;}            /* Fuer IE */

#header{
  clear:both;
  border-left:220px solid white;
  width:780px;
  text-align:center;       /* IE zentriert nur so */
  margin:10px 0 10px 0;
  padding:0px;}

#footer{
  clear:both;
  font-family:verdana, helvetica, sans-serif;
  font-size: 0.75em;
  border-left:220px solid white;
  background:#A6BCC8;
  margin:0px;
  padding:5px 0;
  width:780px;}  

/* Navigation vertikal */
#navBox{
  float:left;
  width:195px;
  margin:6px 0 0 5px;
  font-family:verdana, helvetica, sans-serif;
  font-size: 0.75em;
  font-weight:bold;}

#navBox ul{
  background-color:white;
  list-style-type:none;  /* get rid of the bullets */
  margin:0;              /* no margin for IE either */
  padding:0;             /* no padding */}

#navBox ul li{
  min-width:190px;
  width:190px;
  margin:0;
  padding:0;
  background-color:white;
  display:block;
  border-top:1px solid white; /* lines */}

#navBox ul li a{
  display:block;         /* lines extend to right, make area clickable */
  color:black;
  background:#A6BCC8;
  padding:3px 3px 3px 10px;
  text-decoration:none;
  height:15px;           /* hint for IE, alternatively remove whitespace from HTML */ }

#navBox ul ul li a{
  left:-25px;     /* indent level 1 */
  padding-left:20px;
  font-size:0.95em;
  font-weight:normal;}

#navBox ul ul ul li a{
  margin-left:20px;     /* indent level 2 */}

#navBox ul li a:hover{
  background:#FDDAC6;}

#navBox .navTop{
  min-width:190px;
  width:190px;
  height:35px;
  padding-bottom:5px;
  background:#A6BCC8;}

#navBox .navBottom{
  min-width:190px;
  width:190px;
  height:15px;
  padding-bottom:5px;
  background:#A6BCC8;}

#navBox .navBack{
  margin:0;
  padding:5px 0 0 10px;
  min-width:180px;
  width:180px;
  background:#A6BCC8;}

#navBox .logo{
  margin:0;
  padding:0 0 0 10px;}

#navBox a{
  text-decoration:none;
  color:blue;}

/* Navigation horizontal */
#menn{
  float:left;
  font-size: 0.75em;
  width:800px;
  margin:0 auto 0 0;
  padding:20px 0;}

ul#nav, ul#nav li{
  font-family:verdana, helvetica, sans-serif;
  font-weight:bold;
  list-style-type:none;
  margin:0;
  padding:0;
  color:#000; 
  background:#A6BCC8;}

ul#nav li{
  float:left;
  width:9em;
  margin-right:2px;
  padding:5px 0;
  text-align:center;}

ul#nav a{
  display:block;
  text-decoration:none;
  color:#000; 
  background:#A6BCC8;}

ul#nav a:hover{
  color:#000;
  background:#FDDAC6;}

/* Booklinks */
ul#blink, ul#blink li{
  float:left;
  font-family:verdana, helvetica, sans-serif;
  font-weight:bold;
  list-style-type:none;
  margin-left:0px;
  padding:20px 5px 0 0;
  color:blue;}

ul#blink a{
  display:block;
  text-decoration:none;
  color:blue;}

ul#blink a:hover{
  color:#FDDAC6;}

/* Content */
#contentTop{
  float:right;
  margin:0;
  padding:0;
  background:url(../images/content_top.jpg) top center no-repeat;
  height:40px;
  width:780px;} 

#content{
  float:right;
  margin:0;
  padding:0;
  background:url(../images/content_bg.jpg) top center repeat-y;
  font-family:verdana, helvetica, sans-serif;
  font-size:0.75em;
  color:#003366;
  width:780px;}

#content #contentNoBox{
  float:left;
  margin:0;
  padding:0;
  background:none;
  width:100%;}

#content #contentBox{
  float:left;
  margin:0;
  padding:0;
  background:none;
  width:440px;}

.contentLeft{
  padding-right:25px;
  float:left;}

.contentCenter{
  padding-left:25px;
  padding-right:25px;
  text-align:center;}

.contentRight{
  padding-left:25px;
  float:right;}

.contentFloat{  /* mehrspaltig */
  float:left;
  width:180px;}

#content .contentFooter{
  margin:0;
  padding:25px 0 0 25px;
  font-size:1em;
  color:#900; 
  text-align:left;
  clear:both;}

#content .contentFooter a{
  text-decoration:none;
  color:blue;}

#content .contentFooter a:hover{
  text-decoration:none;
  background:#003366;
  color:#fff;}

#contentBottom{
  float:right;
  background:url(../images/content_bottom.jpg) bottom center no-repeat; 
  height:41px;
  margin:0;
  padding:0;
  width:780px;} 

#content .firstlist{
  font-size:1em;}

#content .firstlist ul{
  margin-left:20px;}

#content .firstlist li{
  padding-left:0px;
  font-size:0.9em;}

/* Infoboxen rechts */
#content #rightBox{
  float:left;
  margin:0;
  padding:0;
  width:300px;
  background:none;}

#content #contentBox #rightBox img{
  float:right;
  padding:3px;}

#content #rightBox .rightTop{
  background:#F0F3F7;
  width:300px;  
  height:20px;}

#content #rightBox .right, #rightBox .rightnoimg{
  background:#F0F3F7;
  padding:5px 0;
  width:295px ! important;
  height:auto;}

#content #rightBox .right{
  min-height:20px;}

#content #rightBox .right h2, #content #rightBox .rightnoimg h2{
  font-size:1.1em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height:1.5em;
  color:#003366;
  padding: 0 16px 0 16px;
  margin:0;}

#content #rightBox a.right{
  color:blue;
  text-decoration:none;}

#content #rightBox a.right:hover{
  color:#900;
  text-decoration:none;
  border-bottom:2px solid #900;}

#content #rightBox .right p, #content #rightBox .rightnoimg p{
  font-size:.9em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height:1.6em;
  color:#003366;
  padding: 0 16px 0 16px;
  margin:0;} 

#content #rightBox .right img{
  float:right;
  padding:2px;
  margin:0 20px 0 5px;}

#content #rightBox a.right img{
  padding:1px;
  margin:0 20px 0 5px;
  border:1px solid blue;
  background:none;}

#content #rightBox a.right:hover img{
  padding:1px;
  margin:0 20px 0 5px;
  border:1px solid #900;
  background:none;} 

#content #rightBox .rightBottom{
  background:#F0F3F7;
  height:30px;} 

#content #rightBox .nifty{
  background:#F0F3F7;
  height:auto;}

/* styles für headlines, absätze, links usw. im Content */
#content input, textarea, select{
  font-family:verdana, sans-serif;
  border:1px solid #699DDC; 
  margin:0;}

#content select{
  width:150px;}

#content textarea{
  width:300px;}

#content h1{
  font-size:1.85em;
  line-height:1.5em;
  margin:0;
  padding:0 0 0 25px; 
  color:#003366;}

#content h2{
  font-size:1.6em;
  line-height:1.5em;
  margin:0;
  padding:0 0 0 25px; 
  color:#003366;}

#content h3{
  font-size:1.5em;
  line-height:1.5em;
  margin:0;
  padding:0 0 0 25px; 
  color:#003366;}

#content h4{
  font-size:1.1em;
  line-height:1.5em;
  margin:0;
  padding:0 0 0 25px; 
  color:#003366;}

#content textarea{
  color:#003366;}

#content p, #content ul{
  font-size:1.1em;
  line-height:1.6em;
  margin:0;
  padding:5px 20px 0 25px; 
  color:#003366;}

#content ul{
  margin-left:15px;}

#content a, #content p a{
  text-decoration:none;
  color:blue;}

#content p a:hover{
  background:#003366;
  color:#fff;}

/* Include-Boxen in Navbox */
#inputForm{
  text-align:left;
  background:#A6BCC8;
  padding:0.2em 1em 0em 10px;}

.inputForm{
  font-size:0.8em;
  margin:0;
  padding-top:0.2em;}

.inputForm#text, .inputForm#user, .inputForm#pass{
  border:1px solid #003366;
  height:1.5em;
  width:10em;}

.inputForm#submitbutton, .inputForm#loginbutton, .inputForm#logoutbutton{
  background:##A6BCC8;
  padding:0.1em 0.1em 0em 0.1em;}

.inputForm#loginbutton, .inputForm#logoutbutton{
  border:1px solid #003366;}

/* Listview-Formate */
a.linkButton, a.linkBox{
  display:block;
  font-size:0.75em;
  text-decoration:none;
  color:black;
  margin:0 25px 0 25px;
  background-color:#EAEACA;
  width:8em;
  text-align:center;
  border:0.1em solid black;}

a.linkBox{
  margin:0;}

a.linkButton:hover, a.linkButton:focus{
  background-color:#EAEDFB;}

img.thumbnail_200_150{  /* Thumbnails in image-gallery */
  margin:1em;
  border:0.2em solid black;}

/* Construction-Kit for Shadows */
.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }

.wrap1 {
  float:left;
  background:url(../images/shadow.gif) right bottom no-repeat;}

.wrap2 {
  background:url(../images/corner_bl.gif) left bottom no-repeat;}

.wrap3 {
  padding:0 5px 5px 0;
  background:url(../images/corner_tr.gif) right top no-repeat;}

.wrap3 img {
  display:block;}

/* Tabellen für Registrierung, Warenkorb ... */
table#myProfile{
  width:95%;
  margin:15px 0 10px 0;
  padding:0;
  font-size:10pt;}

table#myProfile th{
  vertical-align:top;
  text-align:right;
  margin:0;
  width:150px;
  font-weight:bold;
  padding-right:10px;}

table#myProfile td{
  border-bottom:1px solid #DCDCDC;
  padding-left:10px;}

table.scTable{
  padding:0;
  margin:0 15px;
  font-family: verdana, sans-serif;
  border-collapse:collapse;
  border-spacing:0;}
  
.scTable td{
  vertical-align:top;}
  
.scTable th{
  text-align:left;}
  
.sctBorder{
  border-bottom:1px solid #003366;
  border-spacing:collapse;}

.sctNumber{
  text-align:right ! important;}

.sctText{
  text-align:left ! important;}

.amount{
  text-align:right;
  width:42px ! important;}

.textBold{
  font-weight:bold;}

.checkbox, .radio{
  width:10pt;
  border:none ! important;}