@import url("menu.css");
@import url("navigation.css");
@import url("slideshow.css") ;
@import url("fotoboard.css") ;
@import url("rent.css") ;
@import url("list.css") ;

body {
	margin: 0;
	padding: 0;
	background-color: white;
}

body.frame {
	background-image: url(../media/body_background.png);
	background-repeat: repeat-x;
}

#frame {
	width: 1000px;
	padding: 0;
	margin: auto;
	background-color: white;
	background: url(../media/content_background.png) repeat-y;
}
#frameHeader {
	height: 125px;
	text-align: center;

}
#frameHeader img {
	border: none;
}
#frameMenu {
}
#frameContent {
	border: 0px solid green;
	margin: 10px 0 0px 0;
	padding: 0 0 0px 0;
	overflow: hidden;
}
#frameContentTop {
	height: 285px;
	margin: 5px 0 0 0;
}
#frameNavigationContext {
	width: 225px;
	height: 100%;
	margin: 0 0 0px 0;
	padding: 0 0px 0px 20px;
	float: left;
/*	overflow: hidden;*/
}
#content {
	padding: 0px 0px 0px 0px;
	float: right;
}
#frameContentWide {
	width: 710px;
	padding: 15px 30px 15px 15px;
}
#frameContentMain{
	float: left;
	width: 510px;
	padding: 15px 15px 15px 5px;
	margin: 0 0px 0 0px;
	overflow: auto;
}
#frameContentExtra {
	float: right;
	width: 225px;
	padding: 15px 0 0 0;
}

.previewBox {
	min-height: 20px;
	padding: 0 20px 0px 10px;
	background: url(../media/box_middle.png) repeat-y;
}
.previewBox h2,
.previewBox .previewBoxHeader {
	height:25px;
	line-height:25px;
	margin:0 0 0px -8px;
	padding:0 0 0 4px;
	width:220px;
}

.previewBoxFooter {
	background: url(../media/box_bottom.png) no-repeat;
	margin:0 0 0px -10px;
	height:25px;
	width:220px;
}
.previewBox img {
	max-width: 208px;
	margin: 0 0 0 -8px;
	padding:0;
}
.previewBox p {
	margin: 0px;
	padding:11px 0px 0px 0px;
}

.previewBox p img {
	max-width: 208px;
	margin: -11px 0 0 -8px;
	padding:0;
}
.previewBox a.moreButton  {
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 5px 0 0px 0;
	display: block;
	color: White;
	font-weight: bold;
	text-decoration: none;
}

.previewAktion {
	padding: 20px;
}

.previewAktion img.floatRight {
	margin: 0px 0px 15px 0px;
}

#frameFooter {
	height: 25px;
	padding: 15px 0 0 0;
	clear: both;
	background: url(../media/footer.png) no-repeat;
	background-color: White;
	text-align: right;
	font-size: 9px;

}
#frameSearch {
	width: 210px;
	height: 18px;
	margin: 0 0 10px 0px;
}
#frameContentWide #frameSearch {
	float: right;
	margin: 0 10px 10px 0px;
}
#frameSearch .quicksearch {

}
#frameSearch .quicksearch input.quicksearchKey {
	margin: 0;
	padding: 0px 0 0 0;
/*	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;*/
	border: 1px solid #c0c0c0;
	vertical-align: top;
	height: 18px;
	font-size: 14px;
	color: #8f9498;

	width: 132px;
}
#frameSearch .quicksearch input.quicksearchButton {
	border-right: 1px solid #c0c0c0;
	border-left: none;
	border-top: none;
	border-bottom: none;
	margin: 0 0 0 -4px;
	width: 75px;
}


/* Aufzählungen */

#content ul {
	margin: 15px 0 15px 0;
	padding: 0 0 0 40px;
}
#content ul li {
	margin: 10px 0 10px 0;
	padding: 0 0 0 2px;
}

/* Tabellen */
.listLine0 {
	background-color: white;
}
.listLine1 {
	background-color: #f0f0f0;
}
.listLine2 {
	background-color: white;
}

#content .contentTable {
	margin: 15px 0px 15px 0;
	padding: 0 10px 0 10px;
	text-align: center;
	float: left;
}
#content .contentTable tr td {
	padding: 2px 5px 2px 5px;
}
#content .contentTable tr.listLine1 {
	
}
#content .contentTable tr.listLine2 {
	background-color: #f0f0f0;
}

/* Formulare */

#content table.mailForm td {
	padding: 5px 0 5px 5px;
}
form input,
form textarea,
form select {
	border-top: 1px solid #616161;
	border-left: 1px solid #616161;
	background-color: #f0f0f0;
}
form button {
	background-color: #f0f0f0;
	border-right: 1px solid #616161;
	border-bottom: 1px solid #616161;
	border-top: none;
	border-left: none;
}

/* Allgemeine Styles */

a {
	text-decoration: none;
}

a img {
	border:none;
}

.textbox a {
	text-decoration: underline;
}

.textbox a img {
	display: block;
}

.nomargin {
	margin: 0px;
}

.nopadding {
	padding: 0px;
}
.floatRight {
float: right;
/*margin: 0px 20px 20px 30px;*/
}

.imgBoxFloatRight {
	float: right;
	text-align: center;
	font-size: 11px;
	color: #8F9498;
	margin: 0px 15px 0px 15px;
}
img.floatRight {
	margin: 0px 15px 0px 15px;
}


.floatLeft {
float: left;
}

.imgBoxFloatLeft {
float: left;
/*margin: 0px 15px 15px 0px;*/
}

img.floatLeft {
	margin: 0px 15px 15px 0px;
}

/* 
	quicksearch 
*/

table.searchLine2 {
	margin-top: 10px;	
	background-color: #f0f0f0;
}
table.searchLine1 {
	margin-top: 10px;	

}

table.searchLine2 td table {
	margin: 0;
}
table.searchLine1 td table {
	margin: 0;
}

/* 
	pricing
*/

table.price {
	margin: 22px 0 15px 0;
	padding: 0 0 0 25px;
	text-align: left;
	float: left;
}
table.price tr td {
	padding: 4px 10px 4px 10px;
}

table.price tr.listLine1 {
	background-color: #f9a870;
}

table.price tr.listLine2{
	background-color: #d1e288;
}
table.price tr.listLine3{
	background-color: #fff100;
}
#content .detailsTable {
	margin: 0px 0px 15px 0;
	padding: 0 10px 0 10px;
	text-align: center;
	float: left;
}
#content .detailsTable tr td {
	padding: 2px 5px 2px 5px;
}
#content .detailsTable tr.listLine1 {
	
}
#content .detailsTable tr.listLine2 {
	background-color: #f0f0f0;
}

/*
	sitemap
*/

#sitemap ul,
#sitemap ul li,
#sitemap ul li,
#sitemap ul li ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

/*
	login
*/

#login {
	position:absolute;
	top:0px;
	left:0px;
	width: 20px;
	height: 20px;
}
#authinfo {
	position: fixed;
	left: 10px;
	top: 10px;
	text-align: center;
	width: 200px;
	color: black;
}
.tecButton button{
	border: none;
	background: none;
	margin-right: 38px;
}

.tecGraphic {
	float:left;
	margin-top: 30px;
	margin-bottom: 5px;
}