/*----------------------------------------------------------------------------*/
/*------------------------------- Generelles ---------------------------------*/
/*----------------------------------------------------------------------------*/

/* 
  Colors used:
  ============
  White:      #FFFFFF;
  Light Grey: #666;
  Dark Grey:  #413839;
  Bronze:     #775D3D;
*/


* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  margin-top: 0;
  padding: 0;
}

body {
  font-family: Arial;
  font-size: 12px;
  color: #666;
  background: #FFFFFF;
}

img { 
  border: none; 
}

a:link    {color: #413839; text-decoration:none; }
a:visited {color: #413839; text-decoration:none; }
a:focus   {color: #413839; text-decoration:none; }
a:hover   {color: #413839; text-decoration:none; }
a:active  {color: #413839; text-decoration:none; }

ul.Text { padding-left: 20px; }


/*--------------*/
/*--- HEADER ---*/
/*--------------*/

#Header {
  margin: 0px auto;
  position: relative;
  padding-top: 5px;
  min-height:75px;
  width: 950px;
}

#Logo {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 25px;
  left: 0px;
  z-index: 1;
}  

ul.NavigationList {
  list-style-type: none;
  height: 70px;
  position: absolute;
  top: 20px;
  left: 230px;
  margin: auto;
}

li.NavigationListItem {
  float: left;
}


#NavigationItem {
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 30px;
  padding-left: 30px;
  line-height: 70px;
  text-decoration: none;
  font-variant: small-caps;
  font-size: 18px;
  font-weight: bold;
/*  color: #413839; */
color: #775D3D;
}


#LanguageItem {
  position: absolute; 
  top: 50px;
  left: 905px;
  font-size: 11px;
  font-variant: small-caps;
  color: #413839;
}


/*---------------*/
/*--- Content ---*/
/*---------------*/

#MasterContent {
  position: relative;
  margin: 0px auto;
  padding: 0px;
  width: 950px;
  min-height: auto;
}
  
#ErrorContent {
  position: relative;
  margin:0px;
  padding: 0px;
  width: 950px;
  height: 315px;
  font-size: 17px;
}


/*--------------*/
/*--- Footer ---*/
/*--------------*/

#Footer {
  position: relative;
  padding-top: 5px;
  color: #FFFFFF;
  font-size: 9px;
  text-align: left;
  margin: 0px auto;
  width: 950px;
  height: 14px;
  background-color: #413839;
}
	
#Footer a { 
  color: #FFFFFF; 
  text-decoration: none;
}


/*----------------------------------------------------------------------------*/
/*---------------------------------- Home ------------------------------------*/
/*----------------------------------------------------------------------------*/

#HomeBanner {
  position: relative;
  margin: 0px;
  padding: 0px;
  top: 10px;
  left: 0px;
  min-height: 150px;
  width: 950px;
}


#HomeContent {
  position: relative;
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
  top: 0px;
  min-height: 390px;
  width: 950px;
}

#tagcloud-fallback {
  position: absolute;
  top: 50px;
  left: 10px;
}

#HomeHeadline {
  position: absolute;
  top: 230px; 
  left: 570px;
}

span.homeheadline {
  color: #775D3D;
  font-size: 22px;
  font-style: italic;
  font-weight: bold;
}

span.homeheadline_ref {
  color: #413839;
  font-size: 9px;
}


/*----------------------------------------------------------------------------*/
/*--------------------------- Philosophy -------------------------------------*/
/*----------------------------------------------------------------------------*/

#PhilosophyBanner {
  position: relative;
  margin: 0px;
  padding: 0px;
  top: 10px;
  left: 0px;
  min-height: 150px;
  width: 950px;
}

#PhilosophyContent {
  position: relative;
  margin:0px;
  margin-bottom: 5px;
  padding: 0px;
  top: 0px;
  min-height: 390px;
  width: 950px;
  color: #413839;
}

#PhilosophyHeadline {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 18px; 
  font-weight: bold;
  color: #775D3D;
}

#PhilosophyText {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 3px;
  padding-bottom: 5px;
  font-size: 16px; 
}


/*----------------------------------------------------------------------------*/
/*--------------------------- Dienstleistungen -------------------------------*/
/*----------------------------------------------------------------------------*/

#ServiceBanner {
  position: relative;
  margin: 0px;
  padding: 0px;
  top: 10px;
  left: 0px;
  min-height: 150px;
  width: 950px;
}

#ServiceContent {
  position: relative;
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
  top: 5px;
  min-height: 390px;
  width: 950px;
}

#ServiceHeadline {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  font-size: 16px; 
  font-weight: bold;
  color: #775D3D;
}

#ServiceEinleitung {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 5px;
  font-size: 16px; 
}

#ServiceText {
  height: auto;
  line-height: 1.2em;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 2px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 10px;
  font-size: 15px;
  color: #FFFFFF;
  background-color: #775D3D;
}

a.menu         { text-decoration: none; font-family: 'Arial'; font-size: 14px; color: #775D3D; font-style: italic; }
a.menu:link    { text-decoration: none; font-family: 'Arial'; font-size: 14px; color: #775D3D; font-style: italic; }
a.menu:visited { text-decoration: none; font-family: 'Arial'; font-size: 14px; color: #775D3D; font-style: italic; }
a.menu:hover   { text-decoration: none; font-family: 'Arial'; font-size: 14px; color: #775D3D; font-style: italic; }


/*----------------------------------------------------------------------------*/
/*-------------------------------- Partner -----------------------------------*/
/*----------------------------------------------------------------------------*/

#PartnerBanner {
  position: relative;
  margin: 0px;
  padding: 0px;
  top: 10px;
  left: 0px;
  min-height: 150px;
  width: 950px;
}

#PartnerContent {
  position: relative;
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
  min-height: 390px;
  width: 950px;
  font-size: 16px;
}

#PartnerTitle {
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #775D3D;
}

#PartnerLine {
  position: relative;
  width: 950px;
  color: #413839;
  background-color: #413839; 
}

#GfxPartnerLogo {
  position: relative;
  margin: 0px;
  padding: 30px;
  vertical-align:middle;
  padding-left: 200px;
}


/*----------------------------------------------------------------------------*/
/*----------------------------------- Über uns -------------------------------*/
/*----------------------------------------------------------------------------*/

#KontaktBanner {
  position: relative;
  margin: 0px;
  padding: 0px;
  top: 10px;
  left: 0px;
  min-height: 150px;
  width: 950px;
}

#KontaktContent {
  position: relative;
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
  min-height: 390px;
  width: 950px;
}


#SloganContent {
  position: absolute; 
  top: 5px; 
  left: 0px;
  width: 450px;
}

#MainSlogan {
  font-size: 18px;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 0px;
  color: #775D3D;
}

#Slogan {
  font-size: 16px;
/*  font-weight: bold; */
  padding-top: 4px;
  padding-bottom: 4px;
}

#Details {
  font-size: 16px;
  width: 450px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
}

ul.KontaktContentList {
  position: relative;
  padding: 0px 20px 0px 20px;
  margin: auto;
  font-size: 16px;
  width: 450px;
}

li.KontaktContentListItem {
}

#KontaktInfo {
  font-size: 16px;
  font-weight: bold;
  color: #775D3D;
  padding: 0px;
  line-height: 1em;
}

a.network         { color: #775D3D; font-size:16px; font-family:'Arial'; font-weight: bold; }
a.network:link    { color: #775D3D; font-size:16px; font-family:'Arial'; font-weight: bold; }
a.network:visited { color: #775D3D; font-size:16px; font-family:'Arial'; font-weight: bold; }
a.network:hover   { color: #775D3D; font-size:16px; font-family:'Arial'; font-weight: bold; }

/************************************************************************************************/

#EmailBox {
  position: absolute; 
  top: 5px;
  left: 520px;
}

#EmailBoxTitle {
  font-size: 18px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #775D3D;
}

#EmailBoxInputArea {
  padding-top: 17px;
  font-family: Arial;
  font-size: 14px;
}


label {
  margin-bottom: 5px;
  padding: 0px;
  display: block;
}

label span {
  margin: 0px;
  padding-right: 10px;
  display: block;
  float: left;
  width: 150px;
  text-align: left;
}

label input {
  margin: 0px;
  padding: 0px;
  width: 266px;
  border: 1px solid #e0e0e0;
}

label #message {
  margin: 0px;
  padding: 0px;
  height: 100px;
  width: 266px;
  border: 1px solid #e0e0e0;
  font-family: Arial;
  font-size: 14px;
}
  
label #function {
  margin: 0px;
  padding: 0px;
  width: 50px;
  border: 1px solid #e0e0e0;
  font-family: Arial;
  font-size: 14px;
}
  
label #submit {
  border: 1px solid #e0e0e0;
  font-size: 16px;
  font-weight: bold;
  color: #775D3D;
  background: #FFFFFF;
}

