/*
  CSS Datei copyright by encis.de
*/
 
/*Generelle Styles*/

body, font, p {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  line-height: 150%;
  color: #ffffff;
  font-size: 14px;
}

span, a {
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  line-height: 150%;
  word-spacing: 0.1em;
}

span {
  font-size: 14px;
}

.small {
  font-size: 10px;
}

span.blue, a {
  color: #20cdff;
}

body {
  text-align: center;
  margin: 0;
  padding: 0;
  background-color: #222222;
  background-image:url(images/bg.jpg);
  background-repeat: repeat;
}

a:link, a:visited {
  text-decoration: none;
  color: #20cdff;
}

a:hover, a:active {
  text-decoration: underline;
  color: #20cdff;
}

#wrap {
  position: relative; 
  width: 960px;
  text-align: left;
  margin: 0 auto 0 auto;
}

#footerl {
  clear:both;
  position: relative;
  float: left;
  width: 450px;
  left: 0px;
  bottom: 0px;
}

#footerr {
  clear:both;
  position: relative;
  float: right;
  width: 450px;
  right: 0px;
  text-align: right;  
  bottom: 0px;
}

#content {
  position:absolute;  
  top:178px;
  left:17px;
  width:926px;
}

/*Header*/

#header {
background:url(images/header.png) no-repeat;
position:absolute;
top:0px;
left:0px;
width:960px;
height:170px;
}

#logo {
  left: 321px;
  position: absolute;
  top: 35px;
}

/*Startseite*/

#aboutbox font, #aboutbox a{
  color: #20cdff;
}

.headline {
height: 33px;
font-size: 17px;
color: #20cdff;
}

.startcontent {
  margin:0 0 20px 0;
  width: 704px;
}

.start_cms {
  border:1px solid #FFF;
  box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
  margin:0 5px 4px 0;
}

.start_cms_txt {
  position:relative;
  float:right;
  width:210px;
  padding:8px 30px 0 0;
}

/*Boxes1*/

#boxes {
position:absolute;
top:0px;
right:0px;
width:222px;
}

.boxes_head {
  position:relative;
  top:-11px;
  width:222px;
  height:22px;
}

.boxes_box {
  width:200px;
  background-image:url(images/boxbg.png);
  border: 1px solid #ffffff;
  margin:0 0 20px 0;
  padding:10px;
  padding-top:8px;
  box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
}

/*Kontaktbox Formatierung*/

fieldset {
margin:0;
padding:0;
border:0px solid;
}

legend {
display:none;
}

label {
display:none;
}

form.c1 {
margin: 0px;
}

textarea.c1text {
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
background:url(images/boxbgt.png) repeat;
overflow:auto;
border:0px;
border-bottom:1px solid #ffffff;
margin: 0px;
width: 200px;
height: 174px;
font-style: italic;
}

input.c1mail {
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
background:url(images/boxbgt.png) repeat;
width:130px;
height:20px;
margin-top:8px;
padding: 0px;
text-align:left;
font-style: italic;
border:0px;
}

input.c1submit {
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
background:url(images/boxbgt.png) repeat;
overflow:auto;
border:1px solid #222222;
width:70px;
cursor:pointer;
text-align: center;
margin-top:8px;
}

/*Portfolio*/

.port_img {
  width:662px;
  height:244px;
  border: 1px solid #FFF;
	box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
}

.port_details {
width:664px;
}

/*CMS*/

div.cmsl {
position:relative;
float: left;
top:0px;
left:0px;
width:445px;
height:283px;
border-bottom: 1px solid #ffffff;
margin-bottom: 17px;
}

div.cmsr {
position:relative;
float: right;
top:0px;
right:0px;
width:445px;
height:283px;
border-bottom: 1px solid #ffffff;
margin-bottom: 17px;
}

div.cms_img {
position:relative;
float:left;
width:300px;
height:165px;
border: 1px solid #ffffff;
}

div.cms_details {
position:relative;
float:right;
width:135px;
left:2px;
top:4px;
height:165px;
}

div.cms_txt {
position:relative;
float:left;
width:440px;
top:8px;
left:0px;
height:56px;
}

div.cms_toptxt {
position:relative;
float:left;
width:805px;
top:0px;
padding-bottom:13px;
}

div.cms_paypal {
position:relative;
float:right;
height:30px;
left:10px;
top:-24px;
}

/*Profil*/

#about {
position:relative;
float:left;
top:0px;
left:0px;
width:680px;
}

div.about_img {
position:relative;
float: left;
top:0px;
left:0px;
width:160px;
height:185px;
border: 1px solid #ffffff;
margin-bottom: 17px;
}

div.about_txt {
position:relative;
float: right;
padding-top:9px;
padding-right:47px;
width:460px;
height:185px;
margin-bottom: 17px;
}

/*Fotos*/

#photos {
width:860px;
border: 5px solid #FFFFFF;
}

div.photomenu font {
  color: #20cdff;
}

/*Kontakt*/

div.contactl {
position: absolute;
top: 0px;
left: 0px;
width:310px;
float:left;
background-image:url(images/boxbg.png);
background-repeat: repeat;
border: 1px solid #ffffff;
line-height: 150%;
padding:10px;
padding-top:8px;
}

div.contactm {
position: absolute;
top: 0px;
left: 350px;
width:330px;
float:left;
}

div.contactr {
position: absolute;
top: 0px;
padding: 10px;
right:0px;
width:140px;
float:right;
background-image:url(images/boxbg.png);
background-repeat: repeat;
border: 1px solid #ffffff;
}

form.c2 {
margin: 0px;
}

textarea.c2text {
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
background:url(images/boxbgt.png) repeat;
overflow:auto;
border:0px;
border-bottom:1px solid #ffffff;
margin: 0px;
width: 310px;
height: 200px;
font-style: italic;
}

input.c2mail {
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
background:url(images/boxbgt.png) repeat;
width:194px;
height:20px;
padding: 0px;
padding-top: 8px;
text-align:left;
font-style: italic;
border:0px;
}

input.c2submit {
float: right;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
background:url(images/boxbgt.png) repeat;
overflow:auto;
border:1px solid #222222;
width:100px;
cursor:pointer;
text-align: center;
margin-top:8px;
}

/*Navigation*/

#nav {
position:absolute;
top:98px;
left:160px;
height:52px;
}

a#button1{
display:block;
width:106px;
height:64px;
background: transparent url(images/english.png) 0px 0px no-repeat;
}
a:hover#button1{
background: transparent url(images/english.png) 0px -64px no-repeat;
}

div.n6, div.n5, div.n4, div.n3, div.n2, div.n1 {
position: relative;
float: left;
top:16px; 
left:0px;
height:26px;
margin-left: 50px;
}

div.n1 {
width: 60px;
}
div.n5 {
width: 47px;
}
div.n4 {
width: 51px;
}
div.n3 {
width: 95px;
}
div.n2 {
width: 95px;
}
div.n1 {
width: 37px;
}

a#nav6{
display:block;
width:60px;
height:26px;
background: transparent url(images/navi/contact_g.png) 0px -26px no-repeat;
}
a:hover#nav6{
background: transparent url(images/navi/contact_g.png) 0px 0px no-repeat;
}

a#nav5{
display:block;
width:47px;
height:26px;
background: transparent url(images/navi/photos_g.png) 0px -26px no-repeat;
}
a:hover#nav5{
background: transparent url(images/navi/photos_g.png) 0px 0px no-repeat;
}

a#nav4{
display:block;
width:51px;
height:26px;
background: transparent url(images/navi/about_g.png) 0px -26px no-repeat;
}
a:hover#nav4{
background: transparent url(images/navi/about_g.png) 0px 0px no-repeat;
}

a#nav3{
display:block;
width:95px;
height:26px;
background: transparent url(images/navi/code_g.png) 0px -26px no-repeat;
}
a:hover#nav3{
background: transparent url(images/navi/code_g.png) 0px 0px no-repeat;
}

a#nav2{
display:block;
width:95px;
height:26px;
background: transparent url(images/navi/portfolio_g.png) 0px -26px no-repeat;
}
a:hover#nav2{
background: transparent url(images/navi/portfolio_g.png) 0px 0px no-repeat;
}

a#nav1{
display:block;
width:37px;
height:26px;
background: transparent url(images/navi/home_g.png) 0px -26px no-repeat;
}
a:hover#nav1{
background: transparent url(images/navi/home_g.png) 0px 0px no-repeat;
}