﻿<style type="text/css">

* { padding: 0; margin: 0; border: 0;}
img { border: 0; padding: 0; margin: 0 }


body {
  background-image: url(images/carbon_hint.png);
  color: #808080;
  font-family: Verdana, Arial;
  font-size: 11px;
  line-height: 1.5
}

a {
  text-decoration: none;
  outline: none;
   font-size: 10px;
   margin-right: 1.5em;
}
a:link { color: #3164A8; }
a:visited { color: #3164A8; }
a:hover { color: #93C0E3; }
a:focus { color: #93C0E3; }
a:active { color: #93C0E3; }


a.linknegativ {
   font-size: 10px;
   padding-right: 0.90em;
   padding-left: 0.75em;
   margin: 0;
   border-right: 1px solid #5588CE;
}
a.linknegativ:link { color: #ffffff; }
a.linknegativ:visited { color: #ffffff; }
a.linknegativ:hover { color: #3164A8; }
a.linknegativ:focus { color: #3164A8; }
a.linknegativ:active { color: #3164A8; }



#head {
  background-image: url(images/head.png);
  color: gray;
  width: 900px;
  height: 110px;
  margin: 20px auto 0px auto;
}

#navi {
  background: #93C0E3;
  color: gray;
  text-align: right;
  width: 860px;
  height: 18px;
  padding: 0px 40px 0px 0px;
  margin: 0px auto 0px auto;
}

#subnavi {
  background: white;
  color: #3164A8;
  width: 900px;
  height: 50px;
  margin: 0px auto 0px auto;
  border-bottom: 3px dotted #93C0E3;
}

#subnavititel {

  color: #3164A8;
  width: 320px;
  height: 40px;
  margin: 5px 0px 5px 50px;
  float: left;
}

#subnavilinks {

  width: 448px;
  height: 40px;
  margin: 5px 50px 5px 0px;
  float: right;
}

#content {
  background: white;
  color: gray;
  width: 850px;
  min-height: 460px;
  padding: 20px 0px 15px 50px;
  margin: 0px auto 0px auto;
  border-bottom: 3px dotted #93C0E3;
}

#footer {
  background-image: url(images/footer.png);
  background-repeat:no-repeat;
  color: gray;
  text-align: center;
  width: 900px;
  height: 300px;
  padding: 10px 0 0 0 ;
  margin: 0px auto 20px auto;
}

#wrapper {
  background: white;
  color: #3164A8;
  width: 900px;
  margin: 0px auto 0px auto;
}

/* ============ Startseite */

#news1 {

  color: gray;
  padding: 0px 20px 20px 0px;
  margin-right: 20px;
  border-right: 1px dotted gray;
  width: 250px;
  height: 430px;
  float: left;
}

#news2 {

  color: gray;
  padding: 0px 20px 20px 0px;
  margin-right: 20px;
  margin-left: -50px;
  border-right: 1px dotted gray;
  width: 620px;
  height: 430px;
  float: left;
}

#startnavi {

  color: gray;
  padding: 0px 20px 20px 0px;
  width: 200px;
  height: 430px;
  float: left;
}

#printk a:link, #printk a:visited { background-image:url(images/link_printk.png); color:gray; float: left;}
#printk a:hover, #printk a:focus, #printk a:active { background-image:url(images/link_printk2.png); color:white; float: left;}
#printk {
  padding:0;
  margin:0;
  color: white;
  width: 130px;
  height: 40px;
  float: left;
}
#newmediak a:link, #newmediak a:visited { background-image:url(images/link_newmediak.png);color:gray; float: left;}
#newmediak a:hover, #newmediak a:focus, #newmediak a:active { background-image:url(images/link_newmediak2.png); color:white; float: left;}
#newmediak {
  padding:0;
  margin:0;
  color: white;
  width: 130px;
  height: 40px;
  float: left;
}
#fotografiek a:link, #fotografiek a:visited { background-image:url(images/link_fotografiek.png); color:gray; float: left;}
#fotografiek a:hover, #fotografiek a:focus, #fotografiek a:active { background-image:url(images/link_fotografiek2.png); color:white; float: left;}
#fotografiek {
  padding:0;
  margin:0;
  color: white;
  width: 130px;
  height: 40px;
  float: left;
}
#brandingk a:link, #brandingk a:visited { background-image:url(images/link_brandingk.png); color:gray; float: left;}
#brandingk a:hover, #brandingk a:focus, #brandingk a:active { background-image:url(images/link_brandingk2.png); color:white; float: left;}
#brandingk {
  padding:0;
  margin:0;
  color: white;
  width: 130px;
  height: 40px;
  float: left;
}
#consultingk a:link, #consultingk a:visited { background-image:url(images/link_consultingk.png); color:gray; float: left;}
#consultingk a:hover, #consultingk a:focus, #consultingk a:active { background-image:url(images/link_consultingk2.png); color:white; float: left;}
#consultingk {
  padding:0;
  margin:0;
  color: white;
  width: 130px;
  height: 40px;
  float: left;
}
#portfoliok a:link, #portfoliok a:visited { background-image:url(images/link_portfoliok.png); color:gray; float: left;}
#portfoliok a:hover, #portfoliok a:focus, #portfoliok a:active { background-image:url(images/link_portfoliok2.png); color:white; float: left;}
#portfoliok {
  padding-top:20px;
  margin-top:20px;
  border-top: 1px dotted gray;
  color: white;
  width: 130px;
  height: 40px;
  float: left;
}

/* ============ Impressum */

#impressumlinks {
  width: 450px;
  height: 450px;
  float: left;
}
#impressumrechts {
  width: 299px;
  height: 450px;
  padding: 0 0 0 50px;
  margin-left: 50px;
  border-left: 1px dotted gray;
  float: left;
}

/* ============ Das Team */

#teamtext {

  width: 130px;
  height: 450px;
  float: left;
}

#gregorbild {
  color: white;
  width: 350px;
  height: 450px;
  float: left;
}

#teamtext2 {
  padding-left: 50px;
  border-left: 1px dotted gray;
  width: 250px;
  height: 450px;
  float: left;
}

/* ============ Kompetenzen ALLE */
#print a:link, #print a:visited { background-image:url(images/link_print.png); color:gray; float: left;}
#print a:hover, #print a:focus, #print a:active { background-image:url(images/link_print2.png); color:white; float: left;}
#print {
  color: white;
  width: 167px;
  height: 272px;
  float: left;
}
#newmedia a:link, #newmedia a:visited { background-image:url(images/link_newmedia.png);color:gray; float: left;}
#newmedia a:hover, #newmedia a:focus, #newmedia a:active { background-image:url(images/link_newmedia2.png); color:white; float: left;}
#newmedia {
  color: white;
  width: 167px;
  height: 272px;
  float: left;
}
#fotografie a:link, #fotografie a:visited { background-image:url(images/link_fotografie.png); color:gray; float: left;}
#fotografie a:hover, #fotografie a:focus, #fotografie a:active { background-image:url(images/link_fotografie2.png); color:white; float: left;}
#fotografie {
  color: white;
  width: 167px;
  height: 272px;
  float: left;
}
#branding a:link, #branding a:visited { background-image:url(images/link_branding.png); color:gray; float: left;}
#branding a:hover, #branding a:focus, #branding a:active { background-image:url(images/link_branding2.png); color:white; float: left;}
#branding {
  color: white;
  width: 167px;
  height: 272px;
  float: left;
}
#consulting a:link, #consulting a:visited { background-image:url(images/link_consulting.png); color:gray; float: left;}
#consulting a:hover, #consulting a:focus, #consulting a:active { background-image:url(images/link_consulting2.png); color:white; float: left;}
#consulting {
  color: white;
  width: 181px;
  height: 272px;
  float: left;
}

/* ============ Print */
#printlinks {
  background: #ffffff;
  color: gray;
  width: 550px;
  height: 450px;
  float: left;
}

#printrechts {
  background: #B84E5A;
  background-image: url(images/hint_print.png);
  color: white;
  padding: 50px;
  border-right: 1px solid white;
  width: 150px;
  height: 350px;
  float: right;
}

/* ============ New Media */
#newmedialinks {
  background: #ffffff;
  color: gray;
  width: 550px;
  height: 450px;
  float: left;
}

#newmediarechts {
  background: #00A3B3;
  background-image: url(images/hint_newmedia.png);
  color: white;
  padding: 50px;
  border-right: 1px solid white;
  width: 150px;
  height: 350px;
  float: right;
}


/* ============ Fotografie */
#fotografielinks {
  background: #ffffff;
  color: gray;
  width: 550px;
  height: 450px;
  float: left;
}

#fotografierechts {
  background: #C2906F;
  background-image: url(images/hint_fotografie.png);
  color: white;
  padding: 50px;
  border-right: 1px solid white;
  width: 150px;
  height: 350px;
  float: right;
}

/* ============ Branding */
#brandinglinks {
  background: #ffffff;
  color: gray;
  width: 550px;
  height: 450px;
  float: left;
}

#brandingrechts {
  background: #9085BA;
  background-image: url(images/hint_branding.png);
  color: white;
  padding: 50px;
  border-right: 1px solid white;
  width: 150px;
  height: 350px;
  float: right;
}

/* ============ Consulting */
#consultinglinks {
  background: #ffffff;
  color: gray;
  width: 550px;
  height: 450px;
  float: left;
}

#consultingrechts {
  background: #2E7D4C;
  background-image: url(images/hint_consulting.png);
  color: white;
  padding: 50px;
  border-right: 1px solid white;
  width: 150px;
  height: 350px;
  float: right;
}

/* ============ Anfahrt */
#anfahrttext {
  background: #ffffff;
  color: gray;
  width: 300px;
  height: 450px;
  float: left;
}

#anfahrtskizze {
  background-image: url(images/anfahrtskizze.png);
  width: 450px;
  height: 450px;
  margin-right: 50px;
  float: right;
}

/* ============ Das Kontaktformular */

#hauptkontakt {
  width: 350px;
  height: 450px;
  float: left;
}
#nebenkontakt {
  background: gray;
  width: 500px;
  height: 450px;
  float: right;
}

#formular {
  width: 350px;
  height: 450px;
  float: left;
}
#nebenformular {
  background: gray;
  width: 500px;
  height: 450px;
  float: right;
}
form {
  background-color: #ffffff;
  color: #3164A8;
  width: 370px;

}
label {
  display: block;
  cursor: pointer;
}
input#absender, textarea, #name, #firma {
  width: 300px;
  border: 1px solid #93C0E3;
  margin-bottom: 1em;
}
textarea { height: 7em; }

input#absender:focus, #name:focus, #firma:focus,
textarea:focus {
  background-color: #DCEAF5;
  color: #3164A8;
}

.button {
  background: #ffffff;
  color: #3164A8;
  font-family: Verdana, Arial;
  font-size: 11px;
  border: 1px solid #93C0E3;
  cursor: pointer;
  padding: 2px 5px 2px 5px;
}


/* ====================== */


</style>
