/*
   CSS kuempellorenz.de
*/


/* ................................................................... reset'em all */
* {
  margin: 0;
  padding: 0;
}

/* ................................................................... Basics */
body {
  background-color: #fff;
  color: #000;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 11px;
  line-height: 16px;
}

hr {
  width: 1px;
  height: 1px;
  margin: 0 0 -1px 0;
  visibility: hidden;
  border: none;
}
	hr.both {
           clear: both;
         }
         hr.left {
           clear: left;
         }
         hr.right {
           clear: right;
         }

img {
  border: none;
}

h6, .hidden, .print {
  display: none;
}


/* ................................................................... Links */
a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #6e6e6e;
}
a.nohover:hover {
  color: #fff;
}

.darkred a:hover, #navi ul li ul#projects a:hover {
  color: #ff3300;
}
.midred a:hover {
  color: #990000;
}
.darkgrey a:hover {
  color: #000;
}


/* ................................................................... Layout */
#page {
  width: 790px;
  height: 480px;
  margin-top: -240px;
  margin-left: -395px;
  position: absolute;
  top: 49%;
  left: 50%;
  border: 1px solid #ccc;
}
#header {
  height: 100px;
  background-image: url(../images/sig.gif);
  background-repeat: no-repeat;
}
	#logo {
           margin: 0 0 0 594px;
           position: relative;
           width: 196px;
           height: 100px;
           color: #ccc;
           font-size: 10px;
         }
         #logo span {
           position: absolute;
           width: 196px;
           height: 100px;
           overflow: hidden;
           z-index: 2;
           background-image: url(../images/logo.gif);
         }
#mainnavig {
  width: 210px;
  height: 345px;
  float: left;
  background-image: url(../images/back-mainnavig.gif);
}
	#navi {
           height: 295px;
         }
#subcontent {
  margin: 0 30px 0 0;
  padding: 10px;
  width: 175px;
  height: 325px;
  float: left;
/*  background-color: #999;*/
  color: #fff;
}
	#text {
           height: 295px;
         }
	#subcontent.nopadding {
           padding: 0 !important;
	  width: 195px;
	  height: 345px;
         }
         #anfahrt li {
           padding: 29px 10px 0 10px !important;
           height: 40px;
           background-image: none !important;
         }
         #anfahrt li span {
           float: right;
         }

#content {
  padding: 10px;
  width: 335px;
  height: 325px;
  float: right;
/*  background-color: #6E6E6E;*/
  color: #fff;
  overflow: auto;
}
	#content.nopadding {
	  padding: 0 !important;
	  width: 355px !important;
	  height: 345px !important;
           overflow: hidden !important;
	}
         .darkred {
           background-color: #990000 !important;
         }
         .midred {
           background-color: #FF3300 !important;
         }
         .darkgrey {
           background-color: #6E6E6E !important;
         }
         .midgrey {
           background-color: #BAB8B8 !important;
         }
         .lightgrey {
           background-color: #ccc !important;
         }
         .small {
           font-size: 9px;
           line-height: 14px;
         }



/* ................................................................... Text */
p {
  margin: 0 0 10px 0;
}
h2 {
  margin: 0 0 10px 0;
  font-size: 11px;
  font-weight: bold;
}
	#subcontent.midred h2 {
           color: #000;
	}
         #subcontent.midred h3 {
           color: #000;
         }
h3 {
  margin: 0;
  font-size: 11px;
  font-weight: normal;
  color: #333;
}
h4 {
  margin: 0 0 10px 0;
  font-size: 11px;
  font-weight: normal;
}
.nogap {
  margin-bottom: 0;
}

.aktuellcontent img {
  margin: 0 0 10px 0;
}
.aktuellcontent h2 {
  margin-top: -10px;
}
.aktuell h2, .aktuell h3 {
  color: #990000 !important;
  font-weight: normal;
}

#subcontent ul, #content ul {
  list-style-type: none;
  margin-bottom: 10px;
}
	#subcontent ul li, #content ul li {
           padding: 0 0 0 10px;
           background-image: url(../images/bullet.gif);
           background-repeat: no-repeat;
           background-position: 0 4px;
         }

dt {
  width: 40px;
  float: left;
}
dd {
  margin: 0 0 0 40px;
}



/* ................................................................... Navigation */
#navi ul {
  margin: 10px 0 0 0;
  width: 85px;
  list-style-type: none;
  line-height: 15px;
}
#navi ul li {
  margin: 0 0 2px 0;
  padding: 0 10px 0 0;
  text-align: right;
  position: relative;
}

	#navi ul li ul {
           position: absolute;
           width: 115px;
           top: -6px;
           left: 74px;
           padding: 5px;
           background-color: #999;
           z-index: 2;
           display: none;
         }
         #navi ul li ul#projects {
/*           background-color: #ff3300;*/
           background-color: #990000;

         }
         #navi ul li ul li {
           margin: 0 0 4px 0;
           padding: 0 0 0 5px;
           text-align: left;
         }
         #navi ul li:hover ul {
           display: block;
         }

	#agb {
           list-style-type: none;
           width: 85px;
           font-size: 10px;
         }
         #agb li {
           padding: 0 10px 0 0;
           text-align: right;
         }

         #navi a {
           display: block;
         }




/* ................................................................... Pagination */
.pagination {
  font-size: 10px;
}
ul.pagination {
  list-style-type: none;
}
	ul.pagination li   {
           padding: 0 1px !important;
           display: inline ;
           background-image: none !important;
         }
         ul.pagination a {
           color: #ccc;
         }
         ul.pagination a:hover {
           color: #fff;
         }

         p.pagination {
           margin-bottom: 0;
         }




/* ................................................................... Formular */
#form {
  font-size: 9px;
  line-height: 14px;
}
#form input {
  padding: 2px;
  margin: 2px 0 5px 0;
  width: 230px;
  background-color: #ccc;
  border: none;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
}
	#form .checkbox input {
           margin: 0 4px 0 0;
           width: 8px;
           height: 8px;
         }
#form textarea {
  padding: 2px;
  margin: 2px 0 4px 0;
  width: 230px;
  height: 73px;
  background-color: #ccc;
  border: none;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
}
#form .submit {
  padding: 1px;
  margin: 0 0 0 10px;
  width: 110px;
}
#form label {
  padding: 4px 0 0 0;
  margin: 0 0 8px 0;
  display: block;
  width: 80px;
  float: left;
}
#form p {
  margin: 0 !important;
  padding: 0 !important;
  clear: left;
}
#form span {
  padding: 5px 0 0 0;
  margin: 0 0 8px 0;
  display: block;
  width: 80px;
  float: left;
/*  background-color: #555;*/
}
#form span.button {
  width: 68px;
}
         #form label.checkbox {
           width: 225px;
         }