/*
css for "ist-kolumbien-sicher.de"
author: Robert Jaeger
last change: 2006-01-11
*/

body {
  background-color: #f0f0e0;
  font-size: 11px;
  color:#003366;
  padding:20px;
  margin:0px;
  text-align: center;
  font-family: Arial, Helvetica;
}

table {
  font-size: 11px;
  color: #336600;
  padding:0px;
  margin:0px;
  margin-bottom:10px;
  border-width:0px;
}
tr, td {
  padding:0px;
  margin:0px;
  border-width:0px;
}

#vorname {
  width:200px;
  float:left;
}

#nachname {
  width:200px;
  float:left;
}

#email {
  width:200px;
  float:left;
}

#foto {
  width:200px;
  float:left;
}

.relation {
  width:400px;
  clear:both;
}

#comment {
  width:400px;
  clear:both;
}

#header {
  font-size: 12px;
  color: #336600;
  font-weight: bold;
  margin-left: 10px;
}
#legend {
  font-size: 11px;
  color: #336600;
  font-weight: normal;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

a {
  font-size: 11px;
  color: #993300;
  font-weight: bold;
  text-decoration: underline;
  border: 0px;
}

img {
  border: 0px;
}

a:hover {
  color: #cc6600;
  text-decoration:none;
}

.input, #textarea {
  font-family: Arial, Helvetica;
  font-size: 11px;
  color: #336600;
  width:180px;
  background-color:#f0f0e0;
  border: solid 1px #9c6;
  margin-bottom:5px;
}

.dropdown {
  background-color:#f0f0e0;
  border: solid 1px #9c6;
  font-size:11px;
}

#textarea {
  width:400px;
}

.radio {
  font-family: Arial, Helvetica;
  font-size: 11px;
  color: #336600;
  width:50px;
  vertical-align:middle;
}

#radiothumb {
  vertical-align:middle;
  margin-top: 4px;
}

#inhalt {
  text-align: left;
  vertical-align: middle;
  margin: 0px auto;
  padding: 0px;
  width: 760px;
  background-color: #f0f0e0;
  margin-left: auto;
  margin-right: auto;
}

#actionbox img {
float:left;
margin: 0 1em 0 0;
}

#legend img {
float:left;
margin-right: 10px;
}

.navigation {
margin:0px;
margin-left:18px;
margin-bottom:5px;
margin-top:5px;
width:450px;
text-align:left;
color: #336600;
font-size:12px;
font-weight:bold;
padding:5px;
}

.smallFont {
  font-size:8pt;
}

#header_center {
  background: url(img/header_center.png);
}
#header_center_hover {
  background: url(img/header_center_hover.png);
}
.header_rightcols {
  font-size: 13px;
  color: #336600;
  font-weight: bold;
  padding-bottom:5px;
}

#header_form {
  font-weight: bold;
}

.menu a {
  font-size: 11px;
  color: #993300;
  font-weight: bold;
  text-decoration: none;
  padding-left: 2px;
}
.menu a:hover {
  color: #cc6600;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 760px;
padding:0px;
margin: 0px;
background-color: #0000ff;
margin-left: auto;
margin-right: auto;
}

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #ff9900;
padding: 0px;
margin: 0px;
background: #235C9D url(img/banner.png) repeat-x top left;
}

/* ----------outer und inner----------------- */
#outer{
border-left: solid 500px #EBD3E0;  /* linke Menue Spalten Farbe  */
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
 }

#inner{ margin:0px; width:100%; } /* die IE PC schlaufe */

/* --------------left navigavtion------------- */
#left {
 width:500px;
 float:left;
 position:relative;
 margin-left:-500px;
 margin-right:1px;
 }

/* -----------------Inhalt--------------------- */
#content{
position: relative;
margin: 0px; }


/*  ----------------footer---------------------- */
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }

#guestbookbox {
border:1px solid #336600;
padding:0px;
color: #336600;
background: #9c6;
vertical-align: top;
}

#impressumbox {
text-align:left;
border:1px solid #336600;
padding-top:20px;
padding-left:50px;
padding-bottom:20px;
color: #336600;
background: #9c6;
}

#relationOutput {
  font-style:italic;
  font-weight:normal;
}

#impressumheader {
font-weight:bold;
font-size:12px;
margin-bottom:12px;
}

#colinfobox {
border:1px solid #336600;
margin:0px;
margin-left:10px;
margin-bottom:10px;
padding:5px;
text-align:left;
width:242px;
color: #336600;
background: #deb;
}

#google {
border:0px
margin:0px;
margin-left:10px;
margin-bottom:10px;
padding:5px;
text-align:left;
width:242px;
}

#writeentrybox {
border:1px solid #336600;
margin:0px;
margin-bottom:10px;
padding:2px;
text-align:left;
width:470px;
color: #336600;
background: #deb;
display:none;
padding-left:20px;
}

#userphoto {
  float:right;
  margin: 0 -3px 0 5px;
}


#actionbox {
border:1px solid #336600;
width:490px;
padding:5px;
color: #336600;
background: #deb;
text-align:left;
padding-left:25px;
margin-bottom:10px;
font-weight:bold;
}

#introductionbox {
border:1px solid #336600;
font-size:10pt;
padding:5px;
color: #336600;
background: #deb;
padding-left:25px;
margin-bottom:10px;
font-weight:bold;
}


#infoMessage {
  background: #9c6;
}

#guestbookentrybox {
border:1px solid #336600;
margin:0px;
min-height:145px;
margin-bottom:8px;
margin-left:20px;
margin-top:5px;
width:450px;
color: #336600;
background: #deb;
text-align:left;
padding:5px;
}

#thumbExplanation {
  padding-left:20px;
  padding-right:20px;
}

#guestbookentrybox img {
float:left;
margin: 0 1em 0 0;
}

#guestbookentryinfobox {
margin:0px;
margin-left:20px;
margin-bottom:3px;
margin-top:3px;
width:450px;
color: #360;
text-align:left;
padding:3px;
font-weight: bold;
}


#landesinfobox {
text-align:left;
border:1px solid #336600;
padding-top:20px;
padding-left:20px;
padding-bottom:20px;
padding-right:20px;
color: #336600;
background: #9c6;
}

#landesinfoheader {
font-weight:bold;
font-size:12px;
margin-top:8px;
margin-bottom:8px;
}

#landesinfosubheader {
font-weight:bold;
font-size:12px;
margin-top:8px;
margin-bottom:8px;
}

#landesinfocontent {
}

#landesinfoimg {
  float:left;
  margin-right:5px;
  margin-bottom:5px;
}