/* global */
html{height: 101%;}

body { 
font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .68em;
}

p { 
margin: 0px;
padding: 0px 0px 16px 0px;
line-height: 1.7em;
}

.clearing {
clear: both;
}

h1 { 
font-family: arial, sans-serif;
letter-spacing: .1em;
}

h2 { 
margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 100%;
}

img{border: 0px;}

a{outline: none;}

.center { 
display: block;
text-align: center;
margin: 0 auto;
}

/* main container */
#main { 
width: 780px;
margin-left: auto; 
margin-right: auto;
}

#gb_main { 
width: 760px;
margin: 0 auto;
}

/* links above the logo / footer */
#links, #footer { 
margin-left: auto;; 
margin-right: auto;
padding: 10px 21px 0px 0px;
width: 739px;
height: 26px;
font-size: 94%;
text-transform: uppercase;
}

#links{text-align: right;}

#footer{text-align: center;}

#links a, #footer a { text-decoration: none; }

#links a:hover, #footer a:hover{text-decoration: underline;}

/* logo */
#logo { 
margin-left: auto; 
margin-right: auto;
width: 760px;
height: 100px;
text-align: left;
}

#logo h1 { 
margin: 0px;
padding: 41px 0px 0px 100px;
font-size: 200%;
letter-spacing: .2em;
}

/* navigation menu */
#menu { 
height: 42px;
width: 760px;
margin-left: auto; 
margin-right: auto;
}

#menu ul{margin: 0px auto;} 

#menu li { 
float: left; 
margin: 0px; 
padding: 0px;
} 

#menu li a { 
display: block; 
float: left; 
height: 37px;
text-decoration: none; 
padding: 3px 18px 2px 18px;
text-transform: uppercase;
} 

/* main content */
#content { 
margin-left: auto; 
margin-right: auto;
width: 760px;
height: auto;
padding: 0px;
overflow: hidden;
} 

/* column 1 - contains sidebar items */
#column1 { 
width: 207px;
float: right;
padding: 10px 0px 15px 0px;
}

.sidebaritem { 
text-align: left;
width: 188px;
float: left;
margin: 0px 0px 0px 0px;
}

.sbihead { 
height: 14px;
width: 188px;
padding: 5px 0px 8px 19px;
text-transform: uppercase;
}

.sbihead h1 { 
padding: 0px; 
margin: 0px; 
font-weight: bold;
font-size: 112%;
}

.sbicontent{padding: 8px 8px 8px 8px;}

.sbicontent p { 
line-height: 14px; 
padding: 0px 0px 8px 0px;
}

.sbilinks{padding: 0px;}

.sbilinks ul{margin: 0px auto;} 

.sbilinks li { 
margin: 0px; 
float: left; 
list-style: none; 
} 

.sbilinks li a , .sbilinks li a:hover
{ float: left; 
  height: 16px;
  text-decoration: none; 
  padding: 5px 0px 4px 19px;
  width: 188px;
  border: 0px;
} 

/* column 2 - page content */
#column2
{ text-align: justify;
  width: 517px;
  float: left;
  padding: 12px 3px 15px 19px;
}

#column2 h1
{ padding: 6px 0px 4px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 150%;
  text-transform: uppercase;
  font-weight: normal;
}

.sidebaritem h2{
font-size: 120%;
color: #fff;
background-color: inherit;
}

.sidebaritem a, #column2 a, .sidebaritem a:hover, #column2 a:hover{ 
padding: 0px 0px 2px 0px;
text-decoration: none;
border-bottom: 1px dashed;
}

.sidebaritem a:hover, #column2 a:hover{border-bottom: 1px solid;}

#back_top_navi
{ text-align: justify;
  width: 517px;
  float: left;
  padding: 12px 3px 15px 19px;
}

#back_top_navi h1
{ padding: 6px 0px 4px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 150%;
  text-transform: uppercase;
  font-weight: normal;
}

#back_top_navi a, #back_top_navi a:hover{ 
padding: 0px 0px 2px 0px;
text-decoration: none;
border-bottom: 1px dashed;
}

#back_top_navi a:hover{border-bottom: 1px solid;}

#inhalt{
text-align: justify;
padding: 10px;
margin: 0 auto;
border: 3px solid #474747;
}

#inhalt h1{
padding: 6px 0px 4px 0px; 
margin: 0px 0px 12px 0px; 
border-bottom: 1px solid;
font-size: 150%;
text-transform: uppercase;
font-weight: normal;
}

#inhalt a, #inhalt a:hover{ 
padding: 0px 0px 2px 0px;
text-decoration: none;
border-bottom: 1px dashed;
}

#inhalt a:hover{border-bottom: 1px solid;}

/* .freunde = Box um die Freunde Absätze */

.freunde {
width: auto;
border: 1px solid #000;
padding: 5px;
color: #70695A;
background-color: #e9e2c4;
}

/* Box um die Award Grafiken 150 Pixel */
.award150{
width: auto;
border: 1px solid #000;
text-align: center;
padding: 5px;
color: #70695A;
background-color: #e9e2c4;
}

/* Image Viewer kleine Bilder ganz groß */

#gallerie 
{ position: relative; 
  width: 512px;
  padding-top: 8px;
}

#small 
{ width: 520px; 
  float: left;
}

#small a 
{ display: block; 
  float: left; 
 margin: 5px 0px 0px 5px;  
  width: 50px; 
  height: 38px; 
 }

#small a img 
{ width: 50px; 
  height: 38px; 
  border: 0;
}

#small a:hover img 
{ position: absolute; 
  width: auto; 
  height: auto; 
  right: 12px; 
  top: 178px; 
}

.bannerbox{
width: 510px;
border: 1px dashed;
padding: 10px 0 10px 0;
}

/* Navigation Zurück / Nach Oben */

.blockliste{
text-align: left;
font-weight: bold;
padding-bottom: 15px;
}

#back{
width: 200px;
margin-top: 10px;
float: left;
font-weight: bold;
}

#top{
width: 300px;
margin-top: 10px;
float: left;
text-align: right;
font-weight: bold;
}

/* ---------- ANFANG - CSS für die Sitemap ---------- */
#topnavigation, #hauptnavigation, #rechtenavigation { 
width: 512px;
}

#topnavigation h2, #hauptnavigation h2, #rechtenavigation h2{
color: #ce7014;
background-color: transparent;
font-size: 120%;
text-transform: uppercase;
}

#topnavigation li a, #hauptnavigation li a, #rechtenavigation li a, #topnavigation li a:hover, #hauptnavigation li a:hover, #rechtenavigation li a:hover{ 
text-decoration: none; 
padding: 3px 8px 5px 8px;
border: 0px;
} 

#topnavigation li a:hover, #hauptnavigation li a:hover, #rechtenavigation li a:hover{
color: #fff;
background-color: #837560;
}

#topnavigation li a:visited, #hauptnavigation li a:visited, #rechtenavigation li a:visited{
color: #fff;
background-color: #7a7a7a;
}

#topnavigation li a:focus, #hauptnavigation li a:focus, #rechtenavigation li a:focus{
color: #fff;
background-color: #7a7a7a;
}

#topnavigation ul li, #hauptnavigation ul li, #rechtenavigation ul li{
list-style-type: none;
margin: 5px 10px 5px 7px;
padding: 5px 10px 7px 10px;
background-color: #e9e2c4;
border: 1px solid #595959;
}
/* ---------- ENDE - CSS für die Sitemap ------------ */

/* Klasse für Linkanordnung */

.spalte_links{
width: 100px;
margin-right: 10px;
margin-bottom: 10px;
padding: 10px 0 5px 10px;
float: left;
border: 1px solid;;
}	

.spalte_rechts{
width: 367px;
margin-bottom: 10px;
padding: 10px;
float: left;
border: 1px solid;
}

.tabelle{ 
margin-bottom: -2px;
padding: 0;
font-size: 120%; 
font-weight: bold; 
line-height: 1.7em; 
letter-spacing: 0.2em; 
text-align: center;
text-transform: uppercase;
}

.tabelle_spalte_1{
width: 80px;
margin-top: 2px;
font-weight: bold;
line-height: 1.9em;
padding: 8px 5px 10px 10px;
border-top: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
float: left;
}

.tabelle_spalte_2{
width: 404px;
margin-top: 2px;
line-height: 1.9em;
text-decoration: none;
padding: 8px 5px 10px 10px;
border-top: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;

float: left;
}

/* contact page - form layout */
form{margin-top: 0px;}

div.row
{ clear: both;
  width: 415px;
  padding: 3px;
}

div.row span.formlabel 
{ float: left;
  width: 120px;
  text-align: left;
  padding: 3px;
}

div.row span.forminput
{ float: right;
  text-align: right;
} 

div.row span.forminput_clear
{ float: left;
  text-align: left;
  padding-left: 37px;
} 


div.spacer
{ clear: both;
  width: 80px;
}

input, textarea
{ width: 240px; 
  font-family: verdana, arial, sans-serif;
  border: 1px solid;
  font-size: 100%;
  margin: 2px;
  padding: 3px;
}

.submit
{ font-family: verdana, arial, sans-serif;
  border: 1px solid;
  width: 80px;
  height: 22px;
  cursor: pointer;
  font-size: 100%;
}

/* Definition der Farben */
body
{ background: #837560;
  color: #70695A;
}

blockquote
{ background: #E9E2C4;
  color: #70695A;
  border-color: #70695a;
}

#main
{ background: #FFFFFF url(../design_2009/style/look/back.png) repeat-y;
  color: #70695A;
}

#gb_main { 
background: #e7dfba url(../images/gb_back.jpg) repeat-y;
color: #70695A;
}

#links, #footer, #menu, #menu li a
{ background: #ffffff url(../images/menu.png);
  color: #DBD7D1;
  border-color: #D7D7D7;
}

#links a, #footer a, #links a:hover, #footer a:hover
{ background: transparent;
  color: #DBD7D1;
}

#logo
{ background: #FFFFFF url(../images/logo.jpg) no-repeat;
  color: #70695A;
}

#logo h1
{ background: transparent;
  color: #FFFFFF;
}

#column2, #back_top_navi{
background-color: #e7dfba;
}

h1, #column2 h1
{ background: transparent;
  color: #CE7014;
  font-weight: bold;
  border-color: #CAAE90;
}

h1, #back_top_navi h1
{ background: transparent;
  color: #CE7014;
  font-weight: bold;
  border-color: #CAAE90;
}

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover{ 
background: #70695A url(../images/menu_hover_orange.png);
color: #fff;
 } 

#content, #column2 a, #column2 a:hover
{ background: transparent;
  color: #70695A;
}

#back_top_navi a, #back_top_navi a:hover
{ background: transparent;
  color: #70695A;
}

.bannerbox{ 
color: #70695a; 
background-color: #e9e2c4; 
border-color: #555;
}

.spalte_links{
border-color: #CAAE90;
}

.spalte_rechts{
border-color: #CAAE90;
}

.tabelle{
color: #e9e2c4;
background-color: #837560;
border-color: #e9e2c4;
}

.tabelle_spalte_1{
color: #837560;
background-color: transparent;
border-color: #837560;
}

.tabelle_spalte_2{
color: #837560;
background-color: #e9e2c4;
border-color: #837560;
}

.sidebaritem, .sidebaritem a, .sidebaritem a:hover
{ background: transparent;
  color: #DBD7D1;
}

.sbihead
{ background: #FFFFFF url(../images/sbi_header_orange.png);
  color: #70695A;
}

.sbihead h1 {
background: transparent;
color: #fff;
}
.sbilinks li a
{ background: #FFFFFF url(../images/link.png);
  color: #fff;
} 

.sbilinks li a:hover, .sbilinks a#selected, .sbilinks li a#selected:hover
{ background: #df7935;
  color: #fff;
} 

.submit{
background: #e9e2c4;
color: #70695A;
border-color: #ce7014;
}

input, textarea
{ background: #e9e2c4;
  color: #70695A;
  border-color: #ce7014;
}