/*  
Theme Name: Treppen Studio
Theme URI: http://www.treppen-studio.de/
Description: The Treppen Studio theme.
Version: 1.2
Author: Marcus Scheller
Author URI: http://www.marcusscheller.com/

	Treppen Studio v2.0
	 http://www.treppen-studio.de/

	This theme was designed and built by Marcus Scheller,
	whose site you will find at http://www.marcusscheller.com/

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

*/


body, html {
	padding: 0;
	margin-left: 0;
	margin: 0;
	background: url(images/back.gif) repeat-y #f3f0e0;
}


#prev {
	background: #6b2015;
}body {
	background: url(images/back.gif) repeat-y #f3f0e0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 100px;
}

a { outline: none; }

a:link, a:visited {
	text-decoration: none;
	color: #786856;
	margin: 0;
	padding: 0;
}

a:hover {
	text-decoration: none;
	color: #f3f0e0;
	background: #786856;
}

#seal {
	display: none;
}

a:link img, a:visited img {
	padding: 0;
	border-style: none;
	width: 200px;
	margin: 0;
	height: 267px;
}

a:hover img {
	border-style: none;
	padding: 0;
	background: #ff6800;
}

#top {
	background: no-repeat url(images/back_top.gif);
	padding-left: 352px;
	padding-top: 30px;
	color: #ff6800;
	line-height: 1.4em;
	padding-bottom: 30px;
}

#top ul {
	width: 200px;
	padding: 0;
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
}

#top li {
	text-transform: uppercase;
	margin-bottom: 1px;
}

#top li a:link, #top li a:visited {
	color: #786856;
	display: block;
	padding-left: 10px;
}

#top li a:hover {
	color: #f3f0e0;
	background: #786856;
}

#active {
	background: #786856;
	color: #f3f0e0;
	padding-left: 10px;
}

/*<group=item pseudo>*/

.item pdf {
	text-transform: uppercase;
}

.item a:link, .item a:visited {
	color: #f3f0e0;
	display: block;
	padding-top: 10px;
	padding-bottom: 163px;
	background: url(images/item_wange.gif) no-repeat 0px 35px;
	padding-left: 10px;
}

.item a:hover {
	background: #ff6800;
	color: #ffffff;
}

#wange a:link, #wange a:visited {
	background: url(images/item_wange.jpg) no-repeat 0px 35px;
}

#wange a:hover {
	background: no-repeat url(images/item_wange.jpg) 0px 35px #ffffff;
	color: #000000;
}

#holm a:link, #holm a:visited {
	background: url(images/item_holm.jpg) no-repeat 0px 35px;
}

#holm a:hover {
	background: no-repeat url(images/item_holm.jpg) 0px 35px #ffffff;
	color: #000000;
}

#spindel a:link, #spindel a:visited {
	background: url(images/item_spindel.jpg) no-repeat 0px 35px;
}

#spindel a:hover {
	background: #ffffff 0px 35px no-repeat url(images/item_spindel.jpg);
	color: #000000;
}

#gel a:link, #gel a:visited {
	background: url(images/item_gel.jpg) no-repeat 0px 35px;
}

#gel a:hover {
	background: #ffffff 0px 35px no-repeat url(images/item_gel.jpg);
	color: #000000;
}

#sonder a:link, #sonder a:visited {
	background: url(images/item_sonder.jpg) no-repeat 0px 35px;
}

#sonder a:hover {
	background: #ffffff 0px 35px url(images/item_sonder.jpg) no-repeat;
	color: #ff6800;
}

#pdf p {
	background-color: #F3F0E0;
}

#pdf a:link, #pdf a:visited {
	background: url(images/item_pdf.gif) no-repeat 0 0;
}

#pdf a:hover {
	background: #F3F0E0 0 -185px url(images/item_pdf.gif) no-repeat;
	color: #F3F0E0;
}
	
/*</group>*/

img {
	border-style: none;
	padding: 0;
	margin: 0;
}

.post {
	float: left;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	margin: 0;
	padding: 0;
}

h3 {
	background: #aaa899;
}

.navigation {
	margin: 0;
	background: #000000;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #000000;
	padding: 0;
}

.info {
	background: repeat-y url(images/back_info.gif);
	margin: 0 0 0 151px;
	border-top: 1px solid #ffffff;
	width: 602px;
	padding-top: 10px;
	font-weight: normal;
	line-height: 1.7em;
	color: #333333;
}

.detail {
	background: #ffffff;
	margin: 0 0 0 151px;
	border-top: 1px none #ffffff;
	width: 603px;
	font-weight: normal;
	line-height: 1.5em;
	padding: 0;
}

.detail img {
	border-right: 1px solid #ffffff;
	margin: 0;
	padding: 0;
}

.left {
	padding: 10px;
	margin: 0;
	width: 370px;
}

#right {
	margin: 0;
	padding-top: 10px;
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
}

.left strong, .right strong {
	color: #ff6800;
}

.content {
	margin-left: 0;
	margin-top: 0;
	padding: 0 0 0 150px;
	background: url(images/back_con.gif) repeat-x;
}

.item {
	background: #000000;
	width: 200px;
	float: left;
	color: #ffffff;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-left: 1px solid #ffffff;
}

#sonder {
	background: #ff6800;
	border-right: 1px solid #ffffff;
}

.item p {
	margin: 0;
	display: block;
}

.box {
	width: 401px;
	padding-bottom: 0;
}

#bread {
	width: 603px;
	margin-left: 151px;
	background: repeat-y  url(images/breadback.gif);
	padding-top: 10px;
	text-indent: 0;
	color: #ff6800;
	margin-bottom: 0;
	padding-bottom: 10px;
}

#bread p {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	border-top: 1px solid #ffffff;
	height: 0;
}

.clearno {
	border-top-style: none;
	clear: both;
	height: 0;
}

#no {
	border-top-style: none;

}

.clearin {
	clear: both;
	border-top: 1px solid #ffffff;
	width: 603px;
}

.list {
	width: 604px;
	padding-bottom: 0;
	padding-top: 0;
	margin-top: 0;
	margin-right: 0;
}

h2, h1 {
	background: #d4d2c3;
	margin: 0;
	padding: 30px 0 30px 10px;
	font: 2.4em Helvetica, Arial, sans-serif;
	border-bottom: 4px solid #000000;
	display: none;
}

.alignright {
	margin: 0;
	padding: 0;
	float: right;
}
	
.alignleft {
	margin: 0;
	float: left;
}

.alignleft a:link, .alignleft a:visited, .alignright a:link, .alignright a:visited {
	color: #000000;
	background: #000000;
	margin: 0;
	padding: 10px;
	float: left;
}

.alignleft a:hover, .alignright a:hover {
	color: #000000;
	background: #000000;
}

#bread a:link, #bread a:visited  {
	color: #786856;
	background: url(images/back_breadcrumb2.gif) no-repeat #ffffff;
	text-indent: 0;
	margin: 0;
	padding: 10px 11px 10px 10px;
}

#bread a:hover {
	background: url(images/back_breadcrumb.gif) no-repeat;
	color: #ff6800;
}

#breadreg {
	padding-left: 10px;
	color: #003a66;
}

select {
	font-size: x-small;
}

.item p, #bread {
	letter-spacing: 1px;
	text-transform: uppercase;
}

.post a:hover img, .post a:hover {
	background: transparent;
	margin: 0;
	padding: 0;
}

div.content p {
	margin: 0;
}

p.wp-caption-text {
	display: none;
}