/*blau hell: cce3ff neu alt: cce4ff*/
body {
  background-color: #d3d3d3;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #000;
  padding: 0;
  border: none;
  margin: 10px;
}
html {
  height: 100%; 
  margin-bottom: 1px; 
}

.inputbox, textarea.inputbox {
  border: 1px solid silver;
  font-size: 11px;
  margin-bottom: 2px;
  text-align: left;
  margin:2px;
  margin-left: 0px;
  padding: 1px;
}
.button {
  border: 0px solid #BBBBBB;
  font-size: 11px;
  color: #fff;
  background-color: #2c57d2;
  margin:0px;
  margin-top: 2px;
}

A:active, A:visited, A:hover,A:link {
  text-decoration: none;
  color: #2c57d2;
}

.small_white {
  font-size: 10px;
  color: #fff;
}
.small_white A:link, .small_white A:visited, .small_white A:active, .small_white A:hover {
  color: #fff;
}

.foto {
  border: 1px	solid silver;
  padding: 5px;
  margin: 5px;
}

.content_box {
  background-color: #fff;
  padding: 20px 10px;
}

.project_box {
  background-color: #fff;
  padding-top: 10px;
}

.bar {
  background-color: #d3d3d3;
  height: 15px;
}

.box {
  background-color: #fff;
  border: 1px	solid silver;
  padding: 5px;
}

.dialogbox {
  padding: 20px;
  background-color: #fff;
}

.header {
  font-weight: bold;
  margin-bottom: 10px;
}

.small {
  font-size: 10px;
}
.large {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}

.line {
  border-bottom: 1px solid silver;
  margin: 10px 0px;
}

.fehler {
  padding: 10px;
  border:2px solid #EE2C2C;
  margin-bottom: 10px;
  background-color: #EFEFEF;
}

.nachricht {
  padding: 10px;
  border:2px solid #339900;
  margin-bottom: 10px;
  background-color: #EFEFEF;
}

.tag {
  display:inline;
  float:left;
  height:0px;
  width:0px;
  /*opacity:0.2;*/
  overflow:visible;
  position:relative;
  text-decoration:none;
  z-index:1;
}

/*NAVBAR
==============================================================*/

#navigation {
  background-color: transparent;
  margin-left: 50px;
}

#navigation LI {
  background-color: transparent;
  padding: 0;
  margin: 0;
  list-style: none;
  display:inline;
}

#navigation UL {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

#navigation A {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;

  display: block;
  float:left;

  margin-left: 5px;
  margin-right: 5px;
  margin-top: 6px;
  
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 7px;
}

#navigation A:link, #navigation A:visited {
  background-color: transparent;
}
#nhome #navigation A.n1,
#nrefer #navigation A.n2,
#nsach #navigation A.n3,
#nbau #navigation A.n4,
#nueber #navigation A.n5,
#nlinks #navigation A.n6,
#nkontakt #navigation A.n7,
#navigation A:hover, #navigation A:focus {
  background-color: #fff;
  color: #000;
}

/*REFERENZEN -> NAVBAR
==============================================================*/

#ref_navigation {
  background-color: transparent;
  margin-left: 10px;
}

#ref_navigation LI {
  background-color: transparent;
  padding: 0;
  margin: 0;
  list-style: none;
  display:inline;
}

#ref_navigation UL {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

#ref_navigation A {
  font-size: 14px;
  font-weight: bold;
  color: #666;
  text-decoration: none;

  display: block;
  float:left;

  margin-left: 5px;
  margin-right: 5px;
  margin-top: 6px;
  margin-bottom: -1px;

  border: 1px solid silver;

  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 7px;
}

#ref_navigation A:link, #ref_navigation A:visited {
  background-color: transparent;
}
#nneu #ref_navigation A.n1,
#nsan #ref_navigation A.n2,
#ref_navigation A:hover, #ref_navigation A:focus {
  background-color: #fff;
  color: #000;

  border-top: 1px solid silver;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  border-bottom: 1px solid white;
}

#ref_line {
  clear: both;
  border-bottom: 1px solid silver;
  margin-bottom: 10px;
}

#content {
  width: 860px;
  margin: 0px auto;

/*     min-height:100%;    */
/*     height:auto !important; /* Für normale Browser */ 
/*    height: 100%; /* Für IE */ 

}

/* SCHATTEN */

DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
  padding: 1px;
  border-radius: 10px;
  -moz-border-radius: 10px;
}

DIV.shadow {
  background-color: #8d8d8d; /*##2C57D2;*/
  margin: 0px;

/*   border: 1px solid #959595; */

  display:block;
  position: relative;
  top: -3px;
  left: -3px;
}

DIV.shadow2 {
  background-color: #8d8d8d;
  border: 1px solid #979797;
  margin: 0;
}

DIV.shadow3 {
  background-color: #a1a1a1;
  border: 1px solid #ababab;
  margin: 0;
}

DIV.shadow4 {
  background-color: #b5b5b5;
  border: 1px solid #bfbfbf;
  margin: 0;
}

DIV.shadow5 {
/*    float: left; */
  background-color: #c9c9c9;
  border: 1px solid #d3d3d3;
}