/* CSS Vorlage Gerhard Rinnberger © 2006
 * with heavy midifications from
 * Classic Theme for Gallery 2
 * by Ross A. Reyman, Jon Huang, and Chad Kieffer
 * updated by Alan Harder
/*
Initialisierungen; Überschreiben aller Browserdefaults, Korrekturen bei Bedarf
*/
* {
margin: 0;
padding: 0; 
}

body { 
font-size: 100.01%; 
font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 100%;
}
 
ul { 
list-style-type: none;
}

li {
display: inline;
float: left;
}

a {
font-weight: bold;
text-decoration: underline;
color: #145;
}

a:link {
color: #003;
}

a:visited {
/*    text-decoration: none;*/
    color: #777;
}

a:hover {
    color: #444;
}

a:active {
}

img {
    border-width: 0;
}

.hidden {
display: none;
}

h1 {
font-size: 1.8em;
}

h2, h3 {
font-size: 1.3em;
}


p {
margin: 0.6em 0;
}

#Content {
line-height: 180%;
margin: 0.5em 4em 20px 200px;
}

#Content img.right {
padding: 0.3em 0 0 1em;
float: right;
}

#Content img.left {
padding: 0.3em 1em 0 0 ;
float: left;
}

#gsContent {
line-height: 180%;
margin: 0.5em 0 20px 0;
}

/* ********************************************************************************
 * Building blocks
 * #gallery              Container for #gsHeader #gsNavBar #gsSidebar #gsContent
 * .gcBackground1,2..    Palette of backgrounds
 * .gcBorder1,2..        Palette of borders
 * .giTitle, .giSubtitle, .giDescription, .giInfo, .giSuccess, .giWarning, .giError
 *                       Palette of text styles
 * div.gbBreadCrumb      List of links/path elements
 * ul.gbBreadCrumb       List of links/path elements
 * table.gbDataTable     Table for data/form elements with styles for shading rows
 * div.gbTabBar          UI component for selectable tabs
 * div.gbBlock           Sidebar or content section with style for contained lists
 * .autoComplete*        Styles for autoComplete popup lists
 */

/* ********************************************************************************
 */

#gsNavBar, #gsSidebar, #gsContent, #Content, #mainLinks {
clear: both;
}

#gsNavBar {
background: #ccc;
}
#mainLinks ul {
padding-right: 1em;
float: right;
}

#gsHeader a, #gsNavBar a, #gsHeader span, #gsNavBar span {
display: block;
float: left;
padding: 0 8px;
text-decoration: none;
}
#gsHeader ul, #gsNavBar ul {
border-left: 1px solid #aaa;
height: 1.2em;
}

#gsHeader li, #gsNavBar li {
border-right: 1px solid #aaa;
}

#gsHeader a{
border-bottom: 0.2em solid #aaa;
}

#gsHeader h1 a, #gsHeader h1 a:hover, #gsHeader h1 a:active {
border-bottom: 0;
}

#gsNavBar a, #gsNavBar span {
border-top: 0.2em solid #aaa;
}

#gsHeader a.active{
border-bottom: 0.2em solid #fff;
}

#gsHeader a:hover {
border-bottom: 0.2em solid #666;
} 

#gsNavBar a:hover, #gsNavBar span  {
border-top: 0.2em solid #666;
}

#gsNavBar span  {
border-top: 0.2em solid #fff;
background: #fff;
}

#gsNavBar span  {
border-top: 0.2em solid #fff;
background: #fff;
}


#gsNavBar div.gbBreadCrumb {
    height: 1.1em;
}

#gsNavBar div.gbBreadCrumb a, #gsNavBar div.gbBreadCrumb span {
    padding: 0 0 0 14px;
    background: url('icon_path_separator.gif') no-repeat left;
    border: 0;
}

#gsNavBar div.gbBreadCrumb a.BreadCrumb-1 {   /* no :first-child in IE */
    padding-left: 0;
    background-image: none;
    white-space: nowrap;
}

#gsNavBar {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

#gsNavBar div.gbBreadCrumb {
    margin: 0;
    padding: 4px 8px;
}

#gsNavBar h3 {
    padding: 0.5em 1em;
}

#gsNavBar ul {
    padding-left: 1em;
}

.gbBlock {
margin: 0.1em 0.5em;
}


/* Bilder */
#gsImageView {    /* */
text-align: center;
}


/* fixing the footer; see also IE fix*/

/*
body
{
padding: 0 0 80px 0;
}

#gsFooter {
	overflow: auto;
	position: absolute;
	width: 100%;
	height: 60px;
	bottom: 0;
	left: 0;
	right: 0;
}

@media screen {
	body>div#gsFooter
	{
	position: fixed;
	}
}

#gallery {
background: #fff;
}
*/
/* end fixing the footer */

/* gsSidebar */

#gsSidebar {
    border-right-width: 1px;
    width: 175px;
    overflow: hidden;
    font-size: 80%;
}

#gsSidebar .dtree {
}

#gsSidebarCol {
    width: 1%; /* Expand to fit content ("0" bad4 firefox, "1px" bad4 opera) */
}

/* gsSidebar Links */
div#gsSidebar div.block-core-ItemLinks a {
  display: block;
}

div#gsSidebar div.block-core-PeerList a {
  display: block;
  padding: 3px;
}

div#gsSidebar div.block-core-PeerList span {
  font-weight: bold;
  display: block;
  padding: 3px;
}

div#gsSidebar div.block-core-PeerList span.current {
  color: #145;
}

/* gsNavigator */
div.gbNavigator div.next-and-last {
  float: right;
}
#gThumbMatrix {
  clear: both;
  padding: 0.1em 0;
}

div.gbNavigator div.first-and-previous {
  float: left;
}

div.gbNavigator a.first {
  padding-left: 17px;
  background: url("first.gif") left no-repeat;
}
div.gbNavigator a.previous {
  padding-left: 17px;
  background: url("prev.gif") left no-repeat;
}
div.gbNavigator a.next {
  padding-right: 17px;
  background: url("next.gif") right no-repeat;
}
div.gbNavigator a.last {
  padding-right: 17px;
  background: url("last.gif") right no-repeat;
}

/* DataTables */
table.gbDataTable th {
    text-align: left;
    background-color: #e7e7e7;
}

td.gbItemImage {
vertical-align: top;
}

.gbEven {
    background-color: #fff;
}

.gbOdd {
    background-color: #eee;
}

.gbBlock {
clear: left
}

/* AdminBereich */
#gsNavBar div.gbSystemLinks {
  float: right;
  background: transparent;
}
#gsNavBar div.gbSystemLinks span.block-core-SystemLink {
  background: transparent;
  border: 0;
  padding: 0.2em 1em;
}
#gsNavBar div.gbSystemLinks span.block-core-SystemLink a {
  border: 0;
}

li.gbAdminLink{
display: list-item;
float: none;
}

/* Display Feedback */
.giSuccess, .giWarning, .giError  {
    font-weight: bold;
}

.giSuccess { color: #b80; }
.giWarning { color: #d80; }
.giError { color: #c44; }


.block-core-ItemInfo {
line-height: 120%;
font-size: 93%;
}

.block-core-ItemInfo li {
clear: left;
}

/* Styling Formulare */
/* haengt die Labels rechtsbuendig an einer imaginaeren Mittelachse 12em von links auf und kontrolliert den Abstand zu den Kontrollelementen: */
label.left
{
	float: left;
	text-align: right;
	width: 12em;
	margin-right: .3em;
}

/* positioniert die Text- und Auswahlboxen rechts daneben: */
input[type='text'], select
{
	float: left;
}

p.right
{
	margin-left: 12.3em;
	margin-right: .3em;
}

input.right
{
	float: left;
	width: auto;
	clear: both;
	margin-left: 12.3em;
	margin-right: .3em;
}

/* Extrawurst fuer Mozilla, keine Ahnung, warum das so ist. Feedback und Loesungsvorschlaege willkommen */
input[type='checkbox'].right, input[type='radio'].right, input[type='submit'].right
{
	margin-left: 13.0em;
}

form br
{
	clear: both;
}

label, select, input[type='checkbox'], input[type='radio'], input[type='button'], input[type='submit']
{
	cursor: pointer;
}

/* legt den vertikalen Abstand der einzelnen Elemente zueinander fest */
label#einv
{
	display: block;
	margin-left: 12.3em;
}

form
{
	line-height: 180%;
	padding: 1em 2em 1em 0;
}
/* Regeln für das Admin Panel */
.gbTabBar .o {
	border: 1px solid #999;
	border-bottom-width: 0;
}
#siteAdminForm div.gbBlock div { clear:left;}

#siteAdminForm div.gbBlock input,
#itemAdminForm input { float:none;}

#siteAdminForm div.gbBlock select { float: none;}

#siteAdminForm #gsSidebar li { display: list-item; float:none;}


/* End Styling Formulare */

/* Footer */

hr.clearfloat {
clear: both;
color: #fff;
background: #fff;
border: 0;
}

#gsFooter {
text-align: right;
background: #fff;
clear: both;
margin: 2em 0 0 0;
}

#gsFooter .vcard {
text-align: right;
}

#gsFooter .coop {
float: right;
}

#gsFooter .author {
text-align: left;
float: left;
}

.sponsor {
border: 1px dotted #ccc;
margin: 0.5em 0;
}

.sponsor h3 {
font-size: 90%;
padding: 0.3em 1.1em;
text-align: left;
}

.sponsor li {
margin: 0.2em 0 0.2em 1em;
line-height: 80px;
}

.sponsor li img {
vertical-align: middle;
}

.corp {
clear: both; text-align: center;
}

