@charset "utf-8";

/**
----------------------------------------------------------
Regeln fuer allgemeine Elemente
---------------------------------------------------------- */

/* kritische Werte instanziieren */
* {
  border-spacing: 0;
  margin: 0;
  padding: 0;
}


/* Farben und Hintergrund setzen */
body {
  background: #050505;
  color: #adadad;
  text-align: center;
}


/* Schriftgroesze kontrollieren */
body {
  font: normal 80% Arial, sans-serif;
}


/* Links und Anker */
a:link {
  color: #adadad;
  text-decoration: none;
}
a:visited {
  color: #adadad;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #adadad;
  text-decoration: underline;
}
a:active {
  color: #adadad;
  text-decoration: none;
}

a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0;
}


/* Firefox gestrichelte Linie um Links entfernen */
a:focus {
  outline: none;
}


/* Ueberschriften */
h1 {
  font-size: 26px;
  margin-left: 12px;
  font-weight: normal;
}


h2 {
  color: #8ed2e9;
  background: transparent url(/fileadmin/netzkunst24.de/images/point.png) no-repeat;
  padding: 0px;
  padding-left: 27px;
  padding-bottom: 5px;
  font-size: 17px;
  margin: 0 0 15px 0;
  font-weight: normal;
  text-transform: uppercase;
}

h2.impressum {
  margin-left: 15px;
}


h3 {
  color: #8ed2e9;
  background: transparent;
  padding: 0px;
  padding-bottom: 5px;
  font-size: 17px;
  margin-left: 15px;
  margin-bottom: 13px;
  font-weight: normal;
  text-transform: uppercase;

}


h4 {
  color: #adadad;
  background-color: transparent;
  padding: 5px;
  padding-left: 0px;
  font-size: 16px;
  margin-left: 15px;
  margin-bottom: 4px;
  font-weight: lighter;
}


/* Absaetze */
p {
  font-size: 12px;
  color: #adadad;
  line-height: 1.3;
  padding-right: 25px;
  margin-bottom: 20px;
}

p.bodytext {
  font-size: 12px;
  color: #adadad;
  line-height: 1.3;
  padding-right: 25px;
  margin-bottom: 20px;
}


/** Header
---------------------------------------------------------- */
div#header {
  position: relative;
  height: 355px;
  margin: 0px auto;
  text-align: center;
}


div#headerimg {
  width: 768px;
  height: 280px;
  margin: 0px auto;
}


/** Logo
---------------------------------------------------------- */
div#logo {
  position: absolute;
  background: transparent;
  width:  149px;
  height:  159px;
  margin: 0px auto;
  margin-top: 103px;
  margin-left: 585px;
}


/** Navigation
---------------------------------------------------------- */
div#navigation {
  margin: 0px auto;
  padding: 0px;
  height: 75px;
  width: 768px;
  background: url(/fileadmin/netzkunst24.de/images/navi_bg.png) top center no-repeat;
}
 
* html div#navigation {
  margin: 0px auto;
  padding: 0px;
  height: 100px;
  width: 768px;
}

ul.nav {
  font-size: 10pt;
  width: 460px;
  height: 50px;
  margin: 0px;
  margin-left: 38px;
  padding: 0px;
  padding-top: 19px;
}


li.nav {
  float: left;
  background-color: transparent;
  list-style-type: none;
  display: inline; /*--IE6 Fix - Fixes double margin bug--*/
  margin-top: 5px;
}


a.nav {
  display: block;
  background-color: transparent;
  color: #FFFFFF;
  text-decoration: none;
  width: 92px;
  height: 50px;
  padding-top: 11px;
  text-align: center;
  font-size: 17px;
  color: #adadad;
  line-height: 0.8;
}

*:first-child+html a.nav {
  line-height: 1.3;
  padding-top: 5px;
}

* html a.nav {
  line-height: 1.3;
  padding-top: 5px;
}


span.nav {
  font-size: 10px;
  line-height: 1.7;
}

*:first-child+html span.nav {
  line-height: 1.3;
}

* html span.nav {
  line-height: 1.3;
}


.nav a:active,
.nav a:focus,
.nav a:hover {
  color: #FFFFFF;
  background: url(/fileadmin/netzkunst24.de/images/aktivbutton.png) no-repeat;
  text-decoration: none;
}


/** Hauptbereich
---------------------------------------------------------- */
/** Hauptbereich horizontal zentrieren
---------------------------------------------------------- */
div#container {
  position: relative;
  background: url(/fileadmin/netzkunst24.de/images/content_bg.jpg) top center repeat-y;
  margin: auto;
  min-height: 100%; /* Mindesth�he in modernen Browsern */
  height: auto !important; /* !important-Regel f�r moderne Browser */
  height: 100%; /* Mindesth�he in IE (<7) */
}

/* Fuer Probleme beim "zentrieren" des Conatiners */
body {
  text-align: center;
}

body * {
  text-align: left;
}


/** Content
----------------------------------- */
div#content {
  width: 720px;
  margin: 0px auto;
  padding-top: 40px;

}

* html div#content {
  padding-top: 14px;
  padding-left: 23px;
}


div#willkommen {
  width: 720px;
  padding-bottom: 27px;
  background: transparent;
}


p.willkommen_small {
  font-size: 12.3px;
  margin-top: 0px;
  margin-left: 13px;
}


div#leistungen {
  width: 720px;
  padding-bottom: 45px;
  background-color: transparent;
}


ul.homelink {
  width: 199px;
  height: 37px;
  margin: 0px;
  padding: 0px;
  margin-top: -5px;
  padding-left: -15px;
}


li.homelink {
  float: left;
  background-color: transparent;
  list-style-type: none;
  display: inline; /*--IE6 Fix - Fixes double margin bug--*/
}


a.homelink {
  display: block;
  height: 37px;
  width: 199px;
  margin: 0px;
  padding: 0px;
  background: url(/fileadmin/netzkunst24.de/images/leistung.png) 0px 0px no-repeat;
}


a.homelink:hover {
  background-position: 0px -37px;
}


div#portfolio {
  width: 720px;
  padding-bottom: 11px;
  background: transparent;
  }

* html div#portfolio {
  margin-bottom: -45px;
}

*:first-child+html div#portfolio {
  margin-bottom: -45px;
}


div#portfolio_startseite {
  width: 720px;
  background: transparent;
  margin-bottom: 43px;
}

* html div#portfolio_startseite {
  margin-bottom: -63px;
}

*:first-child+html div#portfolio_startseite {
  margin-bottom: -33px;
}


div.sektion {
  float:left;
  width: 225px;
  height: 200px;
  margin-left: 15px;
  margin-right: -5px;
  margin-top: 5px;
  margin-bottom: 20px;
  background: transparent;
}

* html div.sektion {
  display: inline; /*--IE6 Fix - Fixes double margin bug--*/
  padding-bottom: 50px;
}

*:first-child+html div.sektion {
  padding-bottom: 50px;
}

div.linksektion {
  float:left;
  width: 225px;
  height: 190px;
  margin-left: 8px;
  margin-top: 5px;
  padding-left: 15px;
  border-left: 1px dotted #adadad;
  background: transparent;
}

* html div.linksektion {
  display: inline; /*--IE6 Fix - Fixes double margin bug--*/
}


p.line {
  margin: 0px;
  margin-top: -9px;
  margin-bottom: 14px;
}

*:first-child+html p.line {
  margin-top: -5px;
  margin-bottom: 7px;
}

* html p.line {
  margin-top: -5px;
}


/** Content (Impressum)
----------------------------------- */
div.contentsektion {
  width: 720px;
}


p.content {
  padding-left: 15px;
  width: 690px;
}


h3.content {
  color: #8ed2e9;
  background: transparent;
  padding: 0px;
  padding-bottom: 5px;
  font-size: 17px;
  margin-left: 15px;
  margin-bottom: 13px;
  font-weight: normal;
}


/** Galery JQuery 
----------------------------------- */
ul.gallery {
  width: 220px; /*--Adjust width according to your scenario--*/
  list-style: none;
  margin: 0px;
  margin-top: 7px;
  padding: 0px;
}


ul.gallery li {
  float: left;
  margin: 0px;
  padding: 0px;
  text-align: center;
  display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}


ul.gallery li a.thumb {
  width: 220px; /*--Width of image--*/
  height: 220px; /*--Height of image--*/
  padding: 0px;
  cursor: pointer;
}

ul.gallery li span { /*--Used to crop image--*/
  width: 220px;
  height: 220px;
  overflow: hidden;
  display: block;
}

ul.gallery li a.thumb:hover {
  background: #333; /*--Hover effect for browser with js turned off--*/
}

ul.gallery li a,
ul.gallery li a:link,
ul.gallery li a:active,
ul.gallery li a:hover,
ul.gallery li a:focus,
ul.gallery li a:visited {
  text-decoration: none;
  color: #8ed2e9;;
  display: block;
}


/** Portfolio
----------------------------------- */
div#portfolioseite {
  background-color: transparent;
  width: 720px;
  margin: 0px;
  }


div.portfoliosektion {
  float:left;
  width: 225px;
  height: 277px;
  margin-left: 15px;
  margin-right: -5px;
  margin-bottom: 10px;
  padding: 0px;
  }

*:first-child+html div.portfoliosektion {
  margin-bottom: 5px;
}

* html div.portfoliosektion {
  display: inline; /*--IE6 Fix - Fixes double margin bug--*/
  margin-bottom: 5px;
}

a.portfolio {
  padding: 0px;
  font-size: 16px;
  margin: 0px;
  margin-top: 3px;
  font-weight: bold;
}


p.portfolio {
  font-size: 11px;
  color: #adadad;
}


p.lineportfolio {
  padding: 0px;
}


/** Kontakt
----------------------------------- */
table.kontakt {
  padding-left: 15px;
}

*:first-child+html table.kontakt {
  margin-left: 12px;
}

* html table.kontakt {
  margin-left: 12px;
}

td.kontaktlabel {
  width: 160px;
  padding: 5px 10px 5px 0px;
}


td.kontakt {
  padding-left: 5px;
}


td.kontaktdaten {
  padding-left: 80px;
}


p.error {
  margin: 0px auto;
  margin-bottom: 35px;
  height: 40px;
  padding: 5px;
  padding-left: 15px;
  border: 1px solid red;
  line-height: 40px;
  color: red;
  font-weight: bold;
  background: #410000;
}

p.noerror {
  margin: 0px auto;
  margin-bottom: 60%;
  height: 40px;
  padding: 5px;
  padding-left: 15px;
  border: 1px solid green;
  line-height: 40px;
  color: green;
  font-weight: bold;
  background: #004111;
}

input.website {
  display: none;
}
 

/** Footer
----------------------------------- */
div#footer {
  width: 720px;
  position: relative;
  height: 44px;
  margin: 0px auto;
  padding: 0px;
}

* html div#footer {
    margin-top: 0px;
    height: 30px;
}

*:first-child+html div#footer {
    margin-top: 30px;
    height: 30px;
}


p.impressum {
  margin: 0px;
  padding: 0px;
  text-align: center;
  color: #adadad;
}


a.footer {
  text-decoration: none;
  color: #adadad;
}

a.footer:hover {
  text-decoration: underline;
}

a.textklein_footer {
  font-size: 10px;
  color: #adadad;
}



/** Sitemap
----------------------------------- */
h3.sitemap_color a {
  color: #8ed2e9;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

h3.sitemap_color a:hover {
  text-decoration: underline;
}

h3.sitemap_color {
  color: #8ed2e9;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

div.sp_sitemap{
  float: left; 
  padding-top: 3px;
  padding-left: 0px;
  padding-bottom: 3px;
  padding-right: 16px;
  #border: 1px solid #adadad;
  margin: 3px;
  margin-left: 15px;
}
div.sp_sitemap ul{
  list-style: none;
  margin: 0px;
  padding: 0px;	
}
div.sp_sitemap li a{
  display: block;
  font-size:1 2px;
  color: #ffffff;
  text-decoration: none; 
}
div.sp_sitemap li li{
  margin-left: 10px;
  margin-bottom: 2px;
}

div.sp_sitemap li a:hover{
  color: #8ed2e9;
  background-image: url(/fileadmin/netzkunst24.de/images/listpoint_hover.gif);
  background-repeat: no-repeat;
  background-position: center left;
}

div.sp_sitemap li li a:hover{
  color: #8ed2e9;
  background-image: url(/fileadmin/netzkunst24.de/images/listpoint_hover.gif);
  background-repeat: no-repeat;
  background-position: center left;
}

div.sp_sitemap li a{
  color: #ffffff;
  padding-left: 8px;
  background-image: url(/fileadmin/netzkunst24.de/images/listpoint.gif);
  background-repeat: no-repeat;
  background-position: center left;
}

div.sp_sitemap li li a{
  color: #ffffff;
  padding-left: 8px;
  background-image: url(/fileadmin/netzkunst24.de/images/listpoint.gif);
  background-repeat: no-repeat;
  background-position: center left;
}



/** clearfix zum Aufheben der Floatumgebung
----------------------------------- */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
/* End hide from IE-mac */