/*-----------------------------------------------------
[BEGIN] Elements buidling the document structure
------------------------------------------------------*/

/*Positioning of the container element*/
body {
	text-align: center;
	background-color: #eeeeee;
}



/*Element containing all other elements,
setting the size and the border of the square
in the centre*/
div#container {
	width:700px;
	background-color: #f7f7f7;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;

	border: 1px solid #000000;

}

/*Container for picture on top of the page*/
#img_header {

}


/*container for the three main columns*/
#content{
	background-color: #f7f7f7;
}

/*Attributes of the navigation column*/
#navigation{
	width: 25%;
	float: left;
	padding: 30px 0px 20px 0px;
	height: 400px;


}

/*Attributes for the middle column, for the text*/
#text {
	width: 50%;
	padding: 8px 0px 20px 0px;
	float:left;
	margin-bottom: 80px;

	min-height: 400px

}

/*Attributes for the bar on the right side*/
#right_bar{
	width: 20%;
	padding: 30px 2% 20px 3%;
	float: right;


}

/*Attributes for footer on the bottom of the page*/
#footer{
	background-color: #cccccc;
	height: 16px;
	width: 100%;
	/*float: left;*/
	clear: both;

	padding: 2px 0px 0px 0px;
}

/*-------------------------------------------------
[END]Elements building the document structure
--------------------------------------------------*/



/*redefine margins of paragraph element*/
p {
  margin: 0px 0px 0px 0px;
}

.spacer-10px {
	height: 10px;
}

.spacer-5px {
	height: 5px;
}




/*--------------------
[BEGIN] Text Formats
--------------------*/

/*normal floating text*/
.text, .text-grey, .text-red, h1, h2, h3, h4, h5, .text-align-right, .quote, blockquote, ul, code {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: left;
}

.text-grey {
	color: #808080;
	margin-bottom: 8px;
}

.text-red {
	color: #b91f10;
}

.text-align-right {
	text-align: right;
	clear: both;
}

/*Quotations on "kuenstler" page*/
.quote {
	color: #808080;
	text-align: right;
	font-style: italic;
	margin-bottom: 20px;
}

/*headline for normal text*/
h1 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color:#000000;
}
/*Other headline texts*/
h2, h3, h4 {
	font-size: 10px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h4 {
	margin-bottom: 3px;
}

/*used for guestbook*/
h5 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

/*Listtypes*/
ul {
	list-style-image: url(./img/icon_li.gif);

}

ol {
	list-style-type:decimal;
}

li {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	margin: 3px 0px 3px 0px;

}

/*used on help pages*/
code {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #b91f10;

}

/*MenuStyles*/
/*red menu-headlines*/
.menu-headline {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
	color: #b91f10;

	margin-bottom: 10px;
}

/*actual links of the menu*/
.menu-item, .menu-paragraph  {
  	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	text-indent: 30px;

	margin-bottom: 5px;
}

/*menu items with space below them*/
.menu-paragraph {
	margin-bottom: 15px;
}

/*Text Formats for News & Footer Text*/
.news-text, .news-text-grey, .news-headline, .footer-text {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-align: left;
	letter-spacing: 0.4px;
}

.news-text-grey {
  	color: #808080;
}

.news-headline {
	font-weight: bold;
	margin-bottom: 9px;
}

.footer-text {
	text-align: right;
	vertical-align: middle;
	color: #000000;
}


/*Links*/

a:link, a.headline:link, a.headline:visited, a.headline:hover {
	color: #000000;
	text-decoration:none;
}

a:visited {
	color: #4d4d4d;
	text-decoration: none; 
}
a.grey:link, a.grey:visited {
	color: #808080;
	text-decoration:none;
}

a:hover, a.grey:hover {
	text-decoration: underline;
}

/*Formats for Images*/

img.align-right{
	float:right;
	margin-left: 5px;
	margin-bottom: 3px;
}

/*Guestbook Styles*/
.currentpage {
      font-weight:bold;
      color:#FF0000;
}

.allpages {
      color:#FF0000;
  }

.cellstyle td {
      background-color:#EFEFEF;
      border:0px;
      padding:3px;
}

.captions {
      font-weight:bold;
}

.install {
      background-color:#E4FBBB;
}

.install form {
      display:inline;
}

.messages {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
      color:#b51000;
      font-weight:bold;
      text-align: left;
      text-indent: 0px;
}

.menu {
      font-weight:bold;
      margin:10px 0px 30px 0px;
}

.menu a {
      text-decoration:none;
      color:#FF0000;
      padding:2px 15px 3px 15px;
      border:solid 1px #000000;
}

.menu a:hover {
      background-color:#FF0000;
      color:#FFFFFF;
}

.uninstall {
      background-color:#FBDDBB;
  }


.uninstall form {
      display:inline;
}

#poweredby {
      text-align:center;
      color: #eeeeee;
  }

#poweredby span a{
  		font-family:Arial,Helvetica,Sans-serif;
  		color: #eeeeee;
}


/*Galerie - Klassen*/
.galerie-nav-text {
  	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #808080;
}

.center-text {
  	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: center;
}

.galerie-folder {
  	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #000000;
	font-weight: bold;
}

.galerie-center {
	text-align: center;
}