/***********************************/
/* katarina-fischer.de Stylesheet  */
/* Author: Katarina Fischer        */
/***********************************/


body {
  font-family: 'Century Gothic', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  /*text-shadow:#000000 0.5px 0.5px 0.5px;*/
  font-size: 0.7em; 
  margin: 0;
  color: #fff;
  position: relative;
  background: #120101;
}

#block1 {
  height: 155px;
  background: #080000 url(images/block1n.jpg) no-repeat 50% 0%;
}

#block2 {
  height: 149px;
  background: #2a2a2a url(images/block2.jpg) repeat-y 50% 0%;
}

#block3 {
  height: 29px;
  background: #111a17 url(images/block3a.jpg) no-repeat 50% 0%;
}

#block4 {
  min-height: 281px;
  background: #111a17 url(images/block4a.jpg) repeat-y 50% 0%;
}

#block4_impressum {
  min-height: 360px;
  background: #111a17 url(images/block4a.jpg) repeat-y 50% 0%;
}

#block4_ref {
  min-height: 570px;
  background: #111a17 url(images/block4a.jpg) repeat-y 50% 0%;
}

/*helles rot*/
#block5 {
  height: 22px;
  background: #0d0101 url(images/block5.jpg) repeat-y 50% 0%;
}

#block6 {
  height: 21px;
  background: #080000 url(images/block6.jpg) no-repeat 50% 0%;
}

#block7a {
  height: 432px;
  background: #080000 url(images/block7c.jpg) no-repeat 50% 0%;
}

#block7 {
  height: 432px;
  background: #080000 url(images/block7d.jpg) no-repeat 50% 0%;
}
/*****************MENU****************************/

#menu {
  position: absolute;
  top : -18px;
  left : 50%;
  width : 1200px;
  margin : 0 0 0 -600px; 
}
#logo {
background-image: url(images/desinas-logo.png);
width: 229px;
height:115px;
margin: 18px 0 0 180px;
position: absolute;
}

object {
  outline: none;
}

/****************Sifr****************************/
h1 {
  margin:0;
  padding: 30px 0 0 30px;
}
#h1_sifr {
  padding: 0;
  position: absolute;
  top : 175px;
  left : 50%;
  width : 900px;
  margin : 0 0 0 -450px;
}

#h1_sifr img {
  width: 1px;
  height: 1px;
  position: absolute;
}
/****************TEXTAREA************************/
#content4 {
  position: absolute;
  top : 342px;
  left : 50%;
  width : 836px;
  margin : 0 0 0 -418px; 
  min-height: 245px;
}

#text4{ 
  padding: 0;
  margin: 0;
  position: absolute;
  float:left
  width: 542px;
}

#text4 p {
  line-height: 2em; 
  font-size: 1.1 em; 
}

#right {
  float:right;
  width: 259px;
  padding: 0px;
  margin: 0px;
}
#right ul{
 margin: 0;
 padding: 0;
}

#right li{
  letter-spacing: 0.1em;
  list-style: none;
  margin: 0;
  padding: 0px 0px 10px 0px;
}

#text4 p.design {
  line-height: 2.5em;
}
/*************CONTACT**************/


#contact {
  float:right;
  width: 259px;
  padding: 0px;
  margin: 0px;
}

form{
  margin-top: 0px;
}

input, textarea { 
  width: 259px; 
  border: 1px solid;
  border-color: #c8c8c8;
  font-family: 'Century Gothic', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em; 
  color: #497568;
 
} 

input:hover, input:focus, textarea:hover, textarea:focus {
  border: 1px solid;
  border-color: #79312A;

}

.submit { 
  background: url(images/button_send.gif) no-repeat;
  float:right;
  margin-top: 12px;
  margin-right: -10px;
  width: 50px; 
  height: 50px; 
  cursor: pointer; 
  border: none;
  background-position: left top;

} 

.submit:hover { 
  background: url(images/button_send_hover.gif) no-repeat;
  float: right;
  width: 50px; 
  height: 50px; 
  cursor: pointer; 
  border: none;
  background-position: right top;

} 

.infotext{
  line-height: 1.0em; 
}

.answer{
  font-family: 'Century Gothic', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-top: 50px;
  
}

.formstyle {
  line-height: 1.8em;
}

/********IMPRESSUM & COPYRIGHT *********/

#impressum {
 
  color: #fff;
  text-align:center;
  position: absolute;
  left : 50%;
  width : 850px;
  margin : 340px 0 0 -425px;
  letter-spacing: 0.3em;   

}

#social-m {
margin: 10px 0 0 0;
}



/***********NEWS*******************/

#content7 {
  position: absolute;
  top : 660px;
  left : 50%;
  width : 836px;
  margin : 0 0 0 -418px; 
}

#content7_ref {
  position: absolute;
  top : 930px;
  left : 50%;
  width : 836px;
  margin : 0 0 0 -418px; 
}

#news {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 542; 
  /*text-shadow:#000000 -1px -1px 0px;*/
  font-size: 1.1em;
}

#infonew {
width: 250px;
margin: 60px 0 0 562px;
position: absolute;}

#infonew h3 {
color: #000;
font-size: 1.4em;
text-transform: uppercase;
}

#infonew li {
list-style-type:none;
}


#news ul {
  margin: 0;
  padding: 0;
}

#news li {
  margin: 0px 0px 0px 15px;
  padding: 40px 0px 10px 0px;
  line-height: 2em;
}


#karte {
  float: right;
  width: 310px;
  padding:0;
  margin:80px -30px 0 0;
}

#karte img {
 border-style: none;
}

/*****STANDARD*******/

a:focus {
  outline: none; 
}

img {
  border: none;
}

p {
margin: 0;
padding: 0;
}

a {
text-decoration: none;
border-bottom: 1pt dotted #497568;
color: #fff;
}

a:hover {
text-decoration: none;
border-bottom: 1px solid #497568;
color: #fff;
}
#social-m a, #social-m a:hover{
border: none;
}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:856px; margin:0px auto; display:none }
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:850px; height:400px; padding:2px; border:1px solid #2c4a42; background:#2c4a42}
#information {position:absolute; bottom:0; width:850px; height:0; background:#330000; color:#fff; overflow:hidden; z-index:200; opacity:.9; filter:alpha(opacity=90)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:850px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:30px}
/*******GALLERIE ab 6+ x BILDER slideleft, slideright und slidearea marginl 5 *******/
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:806px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #2c4a42; padding:2px}