/*** staedtepartnerschaften-rinteln.de basic style sheet ***/

/* override some defaults that are different from browser to browser anyway */
body,div,form {
  padding: 0px;
  margin: 0px;
}

img {
  border: none;
}

body {
  background: url(../img/layout/body_bg.gif) #D3D4D6;
  color: #000;
  text-align: center; /* IE5 block element centering hack */
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.8em;
  padding-top: 10px;
}

label {
  cursor: pointer;
}

/* set some more defaults for our convenience */
h1,h2,h3,h4,p {
  margin: 0px;
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

h1 {
  font-size: 1.4em;
  font-weight: 500;
}

h2 {
  font-size: 1.2em;
  font-weight: 600;
}

/*
 * hide certain elements from modern browsers which are (hopefully) mostly
 * convenient for text-browsers and the like
 */
.hidden {
  display: none;
}

/* default link styling */
a:link    { color: #930; text-decoration: underline; }
a:visited { color: #610; text-decoration: underline; }
a:focus   { color: #c60; text-decoration: underline; }
a:hover   { color: #c60; text-decoration: underline; }
a:active  { color: #f90; text-decoration: underline; }

/*** main wrapper, centered ***/
#wrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: left; /* reset alignment to default */
  width: 780px;
}


/** head: header-img, home link, emblems, general nav **/
#head {
  width: 100%;
  height: 156px;
  background: url(../img/layout/head_bg.jpg) top right no-repeat;
  margin-bottom: 3px;
}

#head .nav {
  width: 165px;
  height: 136px;
  float: left;
  background: url(../img/layout/head_nav_bg.gif) top left no-repeat;
  text-align: right;
  padding-top: 20px;
  padding-right: 20px;
}

#head ul, #head li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  padding-top: 3px;
}

#head ul {
  margin-bottom: 15px;
}

#head input {
  height: 18px;
  background-color: #fff;
  color: #930;
  border: 1px solid #339;
  padding: 0px;
  padding-left: 2px;
  padding-right: 2px;
  margin: 0px;
  margin-top: 2px;
}

#head .main {
  margin-left: 188px;
}

#head .main a {
  display: block;
  width: 592px;
  height: 156px;
}

/** content wrapper providing background image **/
#content_wrapper {
  width: 100%;
  background: url(../img/layout/content_wrapper_bg.gif) top left repeat-y;
  padding-bottom: 5px;
}

#content_foot {
  width: 100%;
  height: 20px;
  background: url(../img/layout/content_foot.gif) top left no-repeat;
}


/** main nav: left-side main navigation menu **/
#nav {
  width: 185px;
  float: left;
  background: url(../img/layout/nav_bg.gif) top left repeat-x;
  padding-top: 30px;
}

#nav ul, #nav ul li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#nav a:link    { color: #339; text-decoration: none; }
#nav a:visited { color: #339; text-decoration: none; }
#nav a:focus   { color: #c60; text-decoration: underline; background-color: #fff; }
#nav a:hover   { color: #c60; text-decoration: underline; background-color: #fff; }
#nav a:active  { color: #f90; text-decoration: underline; background-color: #fff; }

#nav li a {
  display: block;
  width: 165px;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  color: #c00;
}

#nav li.active {
  background-color: #fff;
}

/* implicit second+ level (nested unordered lists) */
#nav li li a {
  padding-left: 30px;
  width: 155px;
}

#nav li li li a {
  padding-left: 40px;
  width: 145px;
}

#nav a.active:link    { color: #930; text-decoration: none; }
#nav a.active:visited { color: #930; text-decoration: none; }
#nav a.active:focus   { color: #c60; text-decoration: underline; background-color: #fff; }
#nav a.active:hover   { color: #c60; text-decoration: underline; background-color: #fff; }
#nav a.active:active  { color: #f90; text-decoration: underline; background-color: #fff; }


/** content: main content block **/
#content {
  width: 552px;
  background: url(../img/layout/content_bg.gif) top left no-repeat;
  margin-left: 188px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 250px;
}

#content .abstract img {
  float: left;
  margin-right: 10px;
}

#content p {
  margin-bottom: 8px;
}

#content .thumb {
  float: left;
  padding: 3px;
  margin-right: 10px;
  border: 1px dotted #009;
}

#footer {
  text-align: right;
  margin-right: 10px;
  margin-top: 5px;
}

.error {
  color: #c00;
}

.highlight {
  background-color: #ff0;
}

div.error {
  padding: 5px;
  border: 1px solid #c00;
}