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

FARBEN

 - #3e4b51 = Grau-Türkis
   + Hintergrundfarbe gesamte Seite
 
 - #e1eeeb = Hellblau
   + Schriftfarbe
 
 - #ff629c = Pink
   + Link im normalen Zustand
   
 - #c965ae = Lila
   + Link im schon besuchten Zustand
   
 - #ffb2cf = Hell-Pink
   + Link im Hover-Zustand

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

/* ALLGEMEIN */

html {
  min-height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  
  min-height: 100%;

  background: #3e4b51 url('../images/body_back_top.png') repeat-x;
  
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #e1eeeb;
}

img {
  border: 0px;
}

/* LINKS */

a, a:link, a:active {
  color: #ff629c;
  outline: none;
}

a:visited {
  color: #c965ae;
}

a:hover {
  color: #ffb2cf;
}

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

/* FORMULARE */

input, textarea {
  padding: 6px;
  margin-bottom: 8px;
  
  width: 208px;
  height: 16px;
  
  border: 0px;
  
  background: url('../images/formular_sprite.png') no-repeat;

  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #e1eeeb;
}

input {
  background-position: 0px -84px;
}

input:focus {
  background-position: 0px -112px;
}

input.fehler, input.error {
  background-position: 0px -140px;
}

input.small {
  width: 148px;
  
  background-position: 0px 0px;
}

input.small:focus {
  background-position: 0px -28px;
}

input.small.fehler, input.small.error {
  background-position: 0px -56px;
}

textarea {
  margin-top: 0px; 
  
  width: 288px;
  height: 88px;
  
  background-position: 0px -468px;
}

textarea:focus {
  background-position: 0px -568px;
}

textarea.fehler, textarea.error {
  background-position: 0px -668px;
}

textarea.small {
  margin-top: 0px; 
  
  width: 208px;
  height: 88px;
  
  background-position: 0px -168px;
}

textarea.small:focus {
  background-position: 0px -268px;
}

textarea.small.fehler, textarea.small.error  {
  background-position: 0px -368px;
}

label {
  margin-bottom: 8px;
  margin-right: 20px;

  width: 60px;
  height: 27px;
  
  float: left;
  
  line-height: 27px;
}

label.small {
  margin-right: 0px;
}

.submit, .submit.small {
  margin: 0 auto;
  margin-top: 9px;
  padding-top: 4px;

  width: 140px;
  height: 25px;
  
  display:block;
  float: right;
  
  background: url('../images/submit_back.png') no-repeat top center;
  
  text-align:center;
  color:#fff;
  text-shadow: 1px 1px 1px #000;
}

.submit:hover, .submit:focus, .submit.small:focus {
  background-position:bottom center;
  
  cursor: pointer;
}

input.clear, label.clear {
  display: none;
}

.nachricht {
  display:block;
  
  width: 261px;
  
  padding: 10px;
  margin: 0px 0px 20px 0px;
  
  font-weight: bold;
  color: #fff;
}

#contacttexte .nachricht {
  width: 180px;
  clear: left;
}

.nachricht.neg {
  background-color: #ff629c;
}

.nachricht.pos {
  background-color: #e1eeeb;
  color: #000;
}

label.error {
  height: auto;
  width: auto;
  
  margin: 0px;
  padding: 0px;
  
  display: block;
  
  float: none;
  line-height: 18px;
}

#errormsg, #errormsge {
  display: none;
}

.jserror {
  height:25px;
  width: 220px;
  
  padding:0px 10px;
  margin-left:-2px;
  z-index:100;
  
  background: url('../images/formular_sprite.png') no-repeat 0px -768px;
  color:#fff;
  text-shadow: 1px 1px 1px #000;
  line-height: 25px;
}

ul.subnav {
  margin: 0px;
  margin-bottom: 22px;
  padding: 0px;
  
  width: 140px;
  
  float: left;
  
  list-style-type: none;
}

ul.subnav li {
  position: relative;
}

ul.subnav li a {
  width: 140px;
  height: 25px;
  
  display: block;
  
  background: url('../images/select.png') no-repeat;
  
  line-height: 25px;
  text-indent: 8px;
  color: #000;
  text-decoration: none;
}

ul.subnav li a:hover {
  background-position: 0px -50px;
}

ul.subnav li a:active {
  background-position: 0px -25px;
}

ul.subnav li ul {
  position: absolute;
  z-index: 2;
  
  margin: 0px;
  margin-left: 2px;
  margin-top:-6px;
  padding: 0px;
  padding-top: 6px;
  
  display: none;
  
  width: 112px;
  
  list-style-type: none;
  background: url('../images/select_klapp.png') no-repeat bottom left;
}

ul.subnav li ul a {
  width: 112px;
  height: 25px;
  
  display: block;
  
  background: #fff;
  
  line-height: 25px;
  text-indent: 5px;
  color: #000;
  text-decoration: none;
  
  border-top:1px solid #ffb2cf;
}

ul.subnav li ul a:hover {
  background: #ffeff5;
}

/* CONTENT SPEZIFISCH */

.abstand1 {
  margin-right: 80px;
}

/* DESIGNER */
.designerbild {
  margin-bottom: 20px;
}

ul.social {
  padding: 0px;
  margin-left: -5px;
  margin-top: 1px;

  width: 135px;
  
  display:block;
}

ul.social li {
  padding: 0px;
  margin: 0px;
  
  list-style-type: none;
}

    ul.social li a, ul.social li a:link, ul.social li a:visited, ul.social li a:active, ul.social li a:hover    {
      margin-bottom: 22px;
  
      width: 45px;
	  height: 35px;
	  
	  display: block;
	
	  background: url('../images/text_social.png');
	  
	  float:left;
	  
	  font-size:0px;
	  text-indent: -5000px;
    }
	
	ul.social li a.forrst, ul.social li a.forrst:link, ul.social li a.forrst:visited {
	  background-position: 0px 0px;
	}
	
	ul.social li a.forrst:hover {
	  background-position: 0px 35px;
	}
	
	ul.social li a.twitter, ul.social li a.twitter:link, ul.social li a.twitter:visited {
	  background-position: 90px 0px;
	}
	
	ul.social li a.twitter:hover {
	  background-position: 90px 35px;
	}
	
	ul.social li a.facebook, ul.social li a.facebook:link, ul.social li a.facebook:visited {
	  background-position: 45px 0px;
	}
	
	ul.social li a.facebook:hover {
	  background-position: 45px 35px;
	}

/* DOWNLOADS */

a.cclink, a.cclink:link, a.cclink:visited, a.cclink:active {
  width: 116px;
  height: 30px;
  
  margin-bottom: 17px;
  
  display: block;
  float: right;
  
  background: url('../images/downloads_cc.png') no-repeat;
  
  font-size:0px;
  text-indent: -5000px;
}

a.cclink.small {
  width: 89px;
}

a.cclink:hover {
  background-position: bottom left;
  
  font-size:0px;
  text-indent: -5000px;
}

div.linkitem.small {		  
  margin-right: 20px;
		  
  width: 140px;
  height: 115px;
}

div.linkitem.small.last {
  margin: 0px;
}
		
div.linkitem.small img, div.linkitem.small a, div.linkitem.small a:link, div.linkitem.small a:visited, div.linkitem.small a:active, div.linkitem.small a:hover  {
  width: 120px;
  height: 95px;
}
		
div.linkitem.small a, div.linkitem.small a:link, div.linkitem.small a:visited, div.linkitem.small a:active, div.linkitem.small a:hover {
  background: url('../images/simple/downloads_linkitem_small.png') no-repeat;
}
	
div.linkitem.small a:hover {
  background-position: 0px -95px;
}

.thumbrow {
  margin-top: 25px;
}
	
.thumbrow  ul {
  margin: 0px;
  margin-right: 20px;
  padding: 0px;
  
  width: 140px;
		  
  float: left;
		  
  list-style-type: none;
}

.thumbrow ul.last {
  margin: 0px;
}

/* KOMMENTARE */

.customscroll {
  width: 360px !important;
  height: 250px;
  
  margin-left: 40px;
}

.kommentar {
  width: 241px;
  
  margin-bottom: 20px;
  padding: 20px;
  
  background-color: #2d3436;
}

.kommentarinfo {
  margin-bottom: 18px;
  
  font-size: 11px;
}

.kommentarinfo span, .kommentarinfo a, .kommentarinfo a:link  {
  font-size: 14px;
  display: block;
}

/* IMPRESSUM */
#scpane {
  height: 480px;
}

/* SCHLIESSEN/ÖFFNEN */

a#schliessen, a#schliessen:link, a#schliessen:active, a#schliessen:visited {
  position: absolute;
  left: -23px;
  bottom: 0px;
  
  width: 184px;
  height: 63px;
  
  display: block;
  
  background-image: url('../images/content_schliessen.png');
  background-position: top center;
  
  font-size:0px;
  text-indent: -5000px;
}

a#schliessen:hover {
  height: 62px;
  background-position: bottom center;
}

a#oeffnen, a#oeffnen:link, a#oeffnen:active, a#oeffnen:visited {
  position: absolute;
  left: 30px;
  top: 300px;
  
  width: 135px;
  height: 15px;
  
  display: block;
  display:none;
  
  background-image: url('../images/content_oeffnen.png');
  background-position: top center;
  
  font-size:0px;
  text-indent: -5000px;
}

a#oeffnen:hover {
  background-position: bottom center;
} 

/* SWITCH */

#switch a#difVers, #switch a#difVers:link, #switch a#difVers:active, #switch a#difVers:visited {
  margin-left: -14px;
  
  width: 238px;
  height: 65px;
  
  display: block;
  
  background-image: url('../images/switch.png');
  background-position: top center;
  
  font-size:0px;
  text-indent: -5000px;
}

#switch a#difVers:hover {
  background-position: bottom center;
} 

/* NAVIGATION */

.navi ul {
  padding: 0px;
  margin: 0px;

  list-style-type: none;
}

    .navi ul li a, .navi ul li a:link, .navi ul li a:visited, .navi ul li a:active, .navi ul li a:hover    {
      margin-bottom: 3px;
  
      width: 115px;
	  height: 21px;
	  
	  display: block;
	
	  background: url('../images/navi_words.png') no-repeat;
	  
	  font-size:0px;
	  text-indent: -5000px;
    }
	
	.navi ul li a.work, .navi ul li a.work:link, .navi ul li a.work:visited {
	  background-position: 0px 0px;
	}
	
	.navi ul li a.work.aktiv, .navi ul li a.work.aktiv:link, .navi ul li a.work.aktiv:visited {
	  background-position: -115px 0px;
	}
	
	.navi ul li a.work:hover {
	  background-position: -230px 0px;
	}
	
	.navi ul li a.designer, .navi ul li a.designer:link, .navi ul li a.designer:visited {
	  background-position: 0px -24px;
	}
	
	.navi ul li a.designer.aktiv, .navi ul li a.designer.aktiv:link, .navi ul li a.designer.aktiv:visited {
	  background-position: -115px -24px;
	}
	
	.navi ul li a.designer:hover {
	  background-position: -230px -24px;
	}
	
	.navi ul li a.downloads, .navi ul li a.downloads:link, .navi ul li a.downloads:visited {
	  background-position: 0px -48px;
	}
	
	.navi ul li a.downloads.aktiv, .navi ul li a.downloads.aktiv:link, .navi ul li a.downloads.aktiv:visited {
	  background-position: -115px -48px;
	}
	
	.navi ul li a.downloads:hover {
	  background-position: -230px -48px;
	}
	
	.navi ul li a.about, .navi ul li a.about:link, .navi ul li a.about:visited {
	  background-position: 0px -72px;
	}
	
	.navi ul li a.about.aktiv, .navi ul li a.about.aktiv:link, .navi ul li a.about.aktiv:visited {
	  background-position: -115px -72px;
	}
	
	.navi ul li a.about:hover {
	  background-position: -230px -72px;
	}
	
	.navi ul li a.contact, .navi ul li a.contact:link, .navi ul li a.contact:visited {
	  background-position: 0px -96px;
	}
	
	.navi ul li a.contact.aktiv, .navi ul li a.contact.aktiv:link, .navi ul li a.contact.aktiv:visited {
	  background-position: -115px -96px;
	}
	
	.navi ul li a.contact:hover {
	  background-position: -230px -96px;
	}
	
	.navi ul li a.comments, .navi ul li a.comments:link, .navi ul li a.comments:visited {
	  background-position: 0px -120px;
	}
	
	.navi ul li a.comments.aktiv, .navi ul li a.comments.aktiv:link, .navi ul li a.comments.aktiv:visited {
	  background-position: -115px -120px;
	}
	
	.navi ul li a.comments:hover {
	  background-position: -230px -120px;
	}
	
	.navi ul li a.impressum, .navi ul li a.impressum:link, .navi ul li a.impressum:visited {
	  background-position: 0px -144px;
	}
	
	.navi ul li a.impressum.aktiv, .navi ul li a.impressum.aktiv:link, .navi ul li a.impressum.aktiv:visited {
	  background-position: -115px -144px;
	}
	
	.navi ul li a.impressum:hover {
	  background-position: -230px -144px;
	}
	
/* NO JS */

.nojs .customscroll {
  overflow: auto;
}

.nojs a#schliessen {
  display: none;
}

.nojs ul.subnav {
  width: auto;
}

.nojs ul.subnav li {
  width: auto;
}

.nojs ul.subnav li a{
  background: none;
  color: #e1eeeb;
  text-indent: 0px;
  float: left;
  width: auto;
  margin-right: 40px;
  text-transform: uppercase;
  font-weight: bold;
}

.nojs ul.subnav li ul {
  display: inline;
  background: none;
  position: static;
  width: auto;
}

.nojs ul.subnav li ul li {
  float: left;
  background: none;
  width: auto;
  margin-right: 20px;
}

.nojs ul.subnav li ul li a, .nojs ul.subnav li ul li a:hover {
  color: #ff629c;
  background: none;
  border: 0px;
  width: auto;
  text-decoration: underline;
}

.nojs ul.subnav li ul li a:hover {
  color: #ffb2cf;
}