/* 
   css Copyright (c) 2006-2009 Karelia Software. All Rights Reserved.
   css released under Creative Commons License 
        - http://creativecommons.org/licenses/by-sa/2.5/ 
   All associated graphics belong to their respective owners 
        and are licensed separately.
        
        MODIFIED BY 3rd Mind Business Consulting, Type: "stars-blue"
*/


/*
GLOBAL

Try to define style properties as globally as possible. E.g. the basic font setting should be right there for the body element
*/

* { 
	margin:0px;
	padding:0px;
}

body {
	font-family: verdana;
	font-size: 76%; /* as recommended in CSS guide */
	text-align: justify;
	background-color:#fff;
	color:#111;
	word-wrap:break-word;
	line-height:1.6;
}

a {
	color:#000066;
}

a:hover {
	color:#dca400;
}

img {
	border:0px #000 none;
}

ul, ol {
	padding-left:2.5em;
}

ul {
	list-style-type:square;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 2.5em;
}

#page {
	margin-top:24px;
	position:relative;
}

#page-top {
	position:relative;
	padding-top:2.7em;
	width:100%;
	background:url(gradient.png) top left repeat-x;
}

#page-content {
	margin:0px auto;
	padding: 0px 24px;
	min-width: 1000px;
	max-width: 80em;
	overflow:hidden;
}

#main {
}

/*u.a. Titelzeile der Pagelets*/

h2, h3, h4, h5, h6 {
	background: #fff url(45degreelightstripes.png) repeat-x;
	color:#000066;
	text-align:center;
	padding:3px 7px;
	margin:10px 0px 5px 0px;
}

h5, h6 {
	font-size: 100%;
}

.article, .no-callouts {
	margin: 0px 7px;
	clear: left;
}


.article p, .article dl, .article table {
	margin-bottom: 0.8em;
}

.article-info {
	text-align:right;
	padding:0px 7px;
}

.article h3 {
	margin-top: 2em;
}

.article-info {
	clear:left;
}


#title {
	position:relative;
	height:128px;
	width:100%;
}

/*Große Titelzeile unterhalb der Reiter = Platz für Banner*/

body.has-custom-banner #title {
	background-position: center top;
	background-repeat: no-repeat;
}


h1 {
	text-align: center;
	color: #000066;
	text-shadow: #fff 0px 0px 5px;
	background: transparent;
	font-size: 250%;
	width: 770px;
	margin:0px auto;
	padding-top:24px;
	
}


h1 a {
	text-decoration: none;
	color: #000066;
}

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

h1 span.in {
	width:770px;
}

.has-logo h1 span.in {
	width:570px;
	padding-right:200px;
}

/* Kleine Titelzeile unter Haupttitel */
#title p {
	position:absolute;
	bottom:16px;
	width:100%;
	font-size:120%;
	text-align: center;
	color: #111;
	
}

#title p span.in {
	width:700px;
	display:block;
	margin:0px auto;
}

.has-logo #title p span.in {
	width: 650px;
	padding-right:200px;
}

#logo-container {
	position:absolute;
	left: 53%;
	margin-left:248px;
	margin-top:50px;
	width:220px;
	text-align:center;
}


/*
SITEMENU
*/
#sitemenu-container {
	position:absolute;
	top: 0px;
	width:100%;
	background:#fff;
}
/*Hintergrund hinter den Reitern*/
#sitemenu ul {
	list-style:none;
	line-height:2.5em;
	height: 2.5em;
	overflow:hidden;
	background:#fff;
	border-bottom: 3px double #999;
}

#sitemenu ul li {
	display:inline;
}
/*Ecken der Reiter und weiter unten der ganze Reiter*/
#sitemenu ul li.currentPage span.in, 
#sitemenu ul li.currentParent a span.in, 
#sitemenu ul li a span.in {
	display:inline-block;
	background: #006 url(cornerblue.png) 0px -1px no-repeat;
	margin:0em;
	padding:0 1em 0.7em 1.5em;
	color:#eee;
	text-decoration:none;
}

#sitemenu ul li.currentPage span.in, 
#sitemenu ul li.currentParent a span.in {
	color:#ffcc33;
}

#sitemenu li a:hover span.in {
	color:#ffcc33;
}

/* IE Hack */
/* Hides from IE5-mac \*/
* html #sitemenu li a:hover span.in {
	color:#ffcc33;
}
/* End hide from IE5-mac */



#sitemenu a {
	text-decoration:none;
}

/*
SIDEBAR & CALLOUTS
*/

body.allow-sidebar #main {
	margin-right:245px;
	padding-top:1px;
}

#sidebar {
	margin-top:10px;
	width:230px;
	float:right;
}

.pagelet {
	margin-bottom:12px;
}

.pagelet h4 {
	margin-top:0px;
	font-size: 100%;
}

.pagelet.bordered {
	border:1px solid #999;
}

.pagelet.bordered.titled {
	border-top: 0px none;
}

.pagelet.bordered h4 {
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	
}

.pagelet div {
	margin:0px 3px;
}

.pagelet p {
	padding:0px;
	margin-bottom: 0.8em;
}

.callout {
	width:230px;
	float:left;
	margin-right:10px;
}


/* 
PHOTO GRID PAGE
*/

.photogrid-index {
    height:1%; /*  for the IEs */
	position:relative; /* for IE < 7 */
	margin:auto;
    text-align: center;
}

.gridItem {
/*	display:inline-block; argh! Firefox can't do this */
	float:left;
    position:relative;
    width:150px;
    height:190px;
   	margin:5px;
    overflow: hidden;
}

.gridItem * {
	padding:0px;
	margin: 0px;
}

.gridItem a.imageLink {
	position: absolute;
	bottom:54px;
	left:10px;
	width: 130px;
	display:block;
	text-align:center;
}

.gridItem img {
    border: 1px solid #999;
    margin: auto;
 }

.gridItem h3 {
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:190px;
	background: transparent;
    font-size: 100%;
}

.gridItem h3 a {
	display:block;
	position:absolute;
	top:0px;
	left: 0px;
	width:150px;
	height: 54px;
	padding-top: 136px;
	background: transparent;
	text-decoration:none;
	color:#000066;
}



.gridItem h3 a:hover {
	 color:#dca400;
}

/* IE Hack */
/* Hides from IE5-mac \*/
* html .gridItem h3 a:hover {
	 color:#dca400;
}
/* End hide from IE5-mac */


.gridItem h3 span.in {
	margin-top: 136px;
	display:block;
	width: 100%;
	padding:2px;
	background: url(45degreelightstripes.png) repeat-x;
}

.gridItem h3 a span.in {
	/* if we're inside a link, the link will provide correct positioning */	
	margin-top: 0px; 
}



/*
PHOTO NAVIGATION
*/

.photo-navigation {
	position:relative;
    height: 30px;
    width:200px;
    margin:0px auto 8px auto;
}

.photo-navigation div {
	width:65px;
	height:30px;
	position: absolute;
    text-indent: -5000em;
}

.photo-navigation a {
	border-bottom:none;
	display:block;
	width:100%;
	height:100%;
}

#previous-photo	{
    background: url(previous_disabled.png)	no-repeat;
    left: 37px;
}
#previous-photo a {
    background: url(previous_enabled.png)	no-repeat;
}

#next-photo {
    background: url(next_disabled.png)		no-repeat;
    left: 135px;
}
#next-photo a {
    background: url(next_enabled.png)		no-repeat;
}

#photo-list {
    background: url(index_disabled.png) center center no-repeat;
    width: 35px;
    left: 83px;
}
#photo-list a {
    background: url(index_enabled.png)	center center no-repeat;
}
.image-controls a {
	border-bottom:none !important;
}


/* 
PAGE BOTTOM
*/
#page-bottom {
	margin-top:24px;
	background: #000 url(buttom-line.png) repeat-x;
	padding: 0px 12px 0px 30px;
	color:#fff;
}

#page-bottom p {
	padding: 3px 0px 0px 0px;
}

#page-bottom p+p {
	padding: 5px;
}

#page-bottom a {
	color:#fff;
	
}

#page-bottom a:hover {
	color:#dca400;	
}

/* 
SANDVOX INTERNALS
	
these should be present in every style sheeto ensure that certain classes used by Sandvox to hide and clear elements are respected.
Don't change them unless you have very good reason to do so.
*/

.clear {clear: both; height: 0;}
#main .clear {clear:left;}
.hidden {display:none;}
img.narrow {float: right;  margin: 0em 0em 0.8em 0.8em;}
img.wide {display: block;}
.ImageElement, .VideoElement { text-align:center;}