/****************************************
* screen.css - kirstein+schubert.de		*
*****************************************
* - Globale Definitionen				*
* - Text- und Fonteigenschaften			*
*****************************************
* Klassenbaum:							*
*****************************************
+ id: wrap
+-+ id: mainColumn
| +-+ id: mainNavigation
| | +-- class: menuItem
| +-- id: bigImage
| +-- id: mainContent
+-- id: rightColumn
+-- id: footer
*****************************************
* C2009 - Jordan Mediengtestaltung GmbH *
****************************************/

/****************************************
* Globale Definitionen					*
****************************************/

html, body {
	margin: 0;
	padding: 0;
	
	color: #7D7D7D;
	font: normal normal normal 11px/14px Arial, Helvetica, sans-serif;
}

body {
	margin: 15px 0 0 0;
	background: #A07337 url(../images/background.jpg) no-repeat center 0;
}

img { border: 0; }

.clear { clear: both; }
.hidden { display: none; }

/****************************************
* Text- und Fonteigenschaften			*
****************************************/

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

h1 {
	color: #733C00;
	font-size: 16px;
	letter-spacing: -1px;
}

h2 {
	color: #733C00;
	font-size: 16px;
	letter-spacing: -1px;
}

h3 {
	margin: 5px 0 0;
	color: #B36E00;
	font-size: 11px;
	letter-spacing: 0px;
}

h4 {}
h5 {}
h6 {}

p { margin: 15px 0 0; }

b, strong { color: #666666; }

a {
	color: #7D7D7D;
	text-decoration: none;
}
	#mainContent a {
		color: #B36E00;
		border-bottom: 1px solid #B36E00;
	}
		#mainContent a:hover {
			color: #FA9600;
			border-bottom: 1px solid #FA9600;
		}
	a.more, 
	#mainContent a.more, 
	#mainContent .news-single-author a {
		color: #B36E00;
		border-bottom: 0px;
	}
		a.more:hover, 
		#mainContent a.more:hover,
		#mainContent .news-single-author a:hover { color: #FA9600; }

/****************************************
* id: wrap								*
****************************************/

#wrap {	
	width: 860px;
	height: 565px;
	
	margin: 0 auto;
	padding: 0;
}
#contentPage #wrap {
	background: #FCFBFA;
	height: auto;
}

	/****************************************
	* id: mainColumn						*
	****************************************/
	
	#mainColumn {
		background: #FCFBFA;
		
		width: 660px;
		height: 545px;
		
		margin: 0;
		padding: 20px 25px 0;
		
		float: left;
	}
	#contentPage #mainColumn { height: auto; }
	
		/****************************************
		* id: newsletterSubscription			*
		****************************************/
		
		a#newsletterSubscription {
			display: block;
			background: #733C00;
			
			width: 60px;
			height: 15px;
			
			margin: -10px 0 0 590px;
			padding: 0 0 0 10px;
			
			color: #FFFFFF;
		}
			a#newsletterSubscription:hover { background: #A66A29; }
		
		/****************************************
		* id: mainNavigation					*
		****************************************/
		#mainNavigationWrap a {
			color: #733C00;
			font-size: 11px;
			font-weight: bold;
		}
		
		#mainNavigationWrap {
			background: #FAF0E6;
			
			width: 660px;
			height: 30px;
			
			margin: 5px 0 20px 0;
			padding: 0;
		}
			#mainNavigationWrap ul, 
			#mainNavigationWrap ul {
				display: block;
				
				margin: 0;
				padding: 0;
				
				list-style: none;
				
				float: left;
			}
				#mainNavigationWrap ul li {
					display: block;
					float: left;			
				}
				/**#mainNavigationWrap ul li.login {
					display: block;
					margin: 0 0 0 50px;
				}**/
				#mainNavigationWrap ul li a {
					display: block;
					background: #FAF0E6;
					
					height: 30px;
					
					margin: 0;
					padding: 0 10px;
					
					line-height: 30px;
					text-align: center;
					
					float: left;
				}
					#mainNavigationWrap ul li a:hover { background: #E1CDAF; }
				#mainNavigationWrap ul li.active a { background: #E1CDAF; }
				
				/* stefan 2010-02-02: raumplus, kuechen und dusche im menue hervorheben */
				#mainNavigationWrap ul #menuitem61 a, #mainNavigationWrap ul #menuitem59 a, #mainNavigationWrap ul #menuitem20 a{
				color: #B36E00; /*border-right:1px solid #E1CDAF;*/
				}
				#mainNavigationWrap ul #menuitem61 a:hover, #mainNavigationWrap ul #menuitem59 a:hover, #mainNavigationWrap ul #menuitem20 a:hover{
				color: #B36E00;
				}
				#mainNavigationWrap ul #menuitem61.active a, #mainNavigationWrap ul #menuitem59.active a, #mainNavigationWrap ul #menuitem20.active a{
				color: #B36E00;
				}
				
				/* stefan ende */
				
				
			/****************************************
			* id: suche								*
			****************************************/
			
			#mainNavigationWrap #suche {
				margin: 0;
				padding: 0 10px 0 0;
				
				float: right;
			}
				#mainNavigationWrap #suche label {
					display: block;
					
					height: 30px;
					padding: 0;
					
					color: #733C00;
					font-size: 11px;
					font-weight: bold;
					line-height: 30px;
					
					float: left;
				}
				#mainNavigationWrap #suche input {
					display: block;
					
					width: 96px;
					height: 14px;
					
					margin: 6px 0 0 5px;
					padding: 1px 2px;
					
					font-size: 11px;
					
					border: 1px solid #E1CDAF;
					
					float: left;
				}
		
		/****************************************
		* id: contentNavigation					*
		****************************************/
		
		#contentNavigation {
			width: 160px;
			height: 200px;			
			margin: 0;
			padding: 150px 0 0 0;
			
			float: left;
		}
			#contentNavigation ul {
				width: 140px;
				margin: 0 auto;
				padding: 0;
				list-style: none;
				list-style-position: outside;
			}
				#contentNavigation ul li,
				#contentNavigation ul li.active { margin: 0 0 5px 0; }
				#contentNavigation ul li a {
					display: block;
					width: 140px;
					color: #444444;
				}
					#contentNavigation ul li a:hover { color: #B36E00; }
					#contentNavigation ul li.active a { color: #B36E00; }
					#contentNavigation ul li ul {
						margin: 5px 0 0 0;
						padding: 0;
					}
						#contentNavigation ul li ul li a,
						#contentNavigation ul li.active ul li a {
							background: url(../images/bulletMini.jpg) no-repeat 10px 7px;
							width: 120px;
							margin: 0;
							padding: 0 0 0 20px;
							color: #444444;
						}
						#contentNavigation ul li ul li a:hover,
						#contentNavigation ul li.active ul li a:hover { color: #B36E00; }
		
		/****************************************
		* id: contentImage						*
		****************************************/
		
		/*#contentImage {
			width: 660px;
			height: 255px;
			
			margin: 0;
			padding: 0;
		}
		#contentPage #contentImage {
			width: 500px;
			
			float: left;
		}*/
		
		/****************************************
		* id: mainContent						*
		****************************************/
		
		#mainContent {
			width: 660px;
			
			margin: 0;
			padding: 0px 0px 40px 0px;
		}
		#contentPage #mainContent {
			width: 500px;
			
			float: left;
		}
			#mainContent h1,
			#mainContent h2 { margin: 20px 0 0 0; }
			#mainContent .content33Percent {
				width: 200px;
				
				margin: 0;
				padding: 0 10px;
				
				float: left;
			}
			#mainContent #mailform, #mainContent #mailform fieldset {
				border: 0;
			}
				#mainContent #mailform label {
					display: block;
					width: 75px;
					color: #555555;
					line-height: 25px;
					float: left;
				}
				#mainContent #mailform input, #mainContent #mailform textarea {
					margin: 3px 0 2px 0;
					border: 1px solid #733C00;
				}
				#mainContent #mailform .csc-mailform-submit {
					background: #FFFFFF;
					margin: 3px 0 0 75px;
				}
				#mainContent #mailform .csc-mailform-field { clear: both; }
				#mainContent #mailform .csc-mailform-label {
					margin: 15px 0 5px 0;
					color: #444444;
					font-size: 12px;
					font-weight: bold;
					clear: both;
				}
				#mainContent #mailform .csc-mailform-check { float: left; }
	
	/****************************************
	* id: rightColumn						*
	****************************************/
	
	#rightColumn {
		width: 148px;
		height: 565px;
		
		margin: 0 0 0 2px;
		padding: 0;
		
		float: left;
	}
	#contentPage #rightColumn {	/* �nderungen rechte Spalte f�r Content-Seiten */
		background: #FCFBFA;
		width: 148px;
		margin: 0;
		padding: 0 0 0 2px;
	}
	
		/****************************************
		* id: logo								*
		****************************************/
		
		#logo {
			background: #FCFBFA;
			width: 148px;
			height: 50px;
			
			margin: 0;
			padding: 30px 0 0;
		}
			#logo a {
				display: block;
				background: url(../images/logo.jpg) no-repeat 0 0;
				
				width: 125px;
				height: 30px;
				
				margin: 0 auto;
			}
			
		/****************************************
		* id: anfrage Button					*
		****************************************/
			
			#anfrage {
				width: 860px;
				margin: 0 auto;
			}
			
				#anfrage a {
					position: relative;
					top: -95px;
					left: 720px;
				}
		
		/****************************************
		* id: products							*
		****************************************/
		
		#products {
			background: #FCFBFA;
			width: 148px;
			height: 270px;
			
			margin: 0 0 2px 0;
			padding: 0;
		}
			#products img {
				display: block;
				width: 125px;
				
				margin: 0 auto;
			}
			#products h3, #products p {
				width: 125px;
				margin: 5px auto;
			}
			
		/****************************************
		* id: news								*
		****************************************/
		
		#news {
			background: #FCFBFA;
			width: 148px;
			height: 203px;
			
			margin: 0;
			padding: 10px 0 0 0;
		}
			#news img {
				display: block;
				width: 125px;
				
				margin: 0 auto;
			}
			#news h2, #news h3 {
				width: 125px;
				margin: 5px auto;
			}

/****************************************
* id: footer							*
****************************************/

#footer {
	background: #733C00;
	
	width: 860px;
	height: 20px;
	
	margin: 5px auto;
	padding: 0;
}

#footer ul {
	margin: 0 160px 0 0;
	padding: 0;
	
	list-style: none;
}
	#footer ul li {
		display: block;
		margin: 0 0 0 15px;
		line-height: 20px;
		
		float: right;
	}
	#footer ul li a {
		color: #FFFFFF;
	}
	
/****************************************
* news: List, Latest, Single, Archiv	*
****************************************/

.news-latest-container .moreLink, .news-latest-container .moreLink a,
.news-list-container .moreLink, .news-list-container .moreLink a,
.news-single-item .news-single-backlink, .news-single-item .news-single-backlink a,
.news-amenu-container .moreLink, .news-amenu-container .moreLink a {
	display: inline;
	color: #B36E00;
}

.news-latest-container .newsLatestTeaser p,
.news-list-container .newsListTeaser p {
	display: inline;
}

/* news: Latest	*************************/
/****************************************/
.news-latest-container .newsLatestTeaser {
	width: 120px;
	margin: 5px auto;
}

/* news: List ***************************/
/****************************************/
.news-list-container {
	padding: 0 0 10px 0;
}

.news-list-container h2 a {
	display: block;
	margin: -20px 0 0 0;
	padding: 0;
	color: #733C00;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0px;
	border-bottom: 1px solid #733C00;
}

.news-list-container h3 {
	display: block;
	margin: -12px 5px 10px 0;
	padding: 0;
	line-height: 10px;
	float: right;
}

.news-list-container img {
	margin: 0 10px 5px 0;
	padding: 3px 0 0 0;
	float: left;
}

.news-list-container .newsListTeaser p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
}

.news-list-container .moreLink a {
	font-size: 11px;
	line-height: 15px;
}

.news-list-container .news-list-item {
	margin: 0;
	padding: 10px 0 5px 0;
}

/* news: Single	*************************/
/****************************************/
.news-single-item h1 {
	display: block;
	margin: -30px 0 0 0;
	padding: 0;
	color: #733C00;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0px;
	border-bottom: 1px solid #733C00;
}

.news-single-item h3 {
	display: block;
	margin: 10px 0;
	padding: 0;
	line-height: 12px;
}

.news-single-item p.news-single-author {
	display: block;
	margin: -15px 5px -5px 0;
	padding: 0;
	font-weight: bold;
	float: right;
}

.news-single-item img {
	margin: 0 10px 5px 0;
	padding: 4px 0 0 0;
	float: left;
}

.news-single-item p {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
}

.news-single-item .news-single-backlink {
	display: block;
	margin: 20px 0 0;
	padding: 5px 0 0;
	font-size: 11px;
	line-height: 15px;
	border-top: 1px solid #733C00;
}

/* news: ArchivMenu	*********************/
/****************************************/
.news-amenu-container {
	margin: 0 0 15px 0;
	padding: 0;
}

.news-amenu-container ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
}

.news-amenu-item-year {
	margin: 10px 0 0;
	padding: 0;
	
	color: #733C00;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 0px;
}

/****************************************
* Typo3 "Hacks" 						*
****************************************/
#mainContent dl, dt {
	margin: 0;
	padding: 0;
}

/****************************************
* Typo3 "Hacks" 						*
****************************************/
#mainContent dl, dt {
	margin: 0;
	padding: 0;
}

#mainContent .csc-textpic-imagewrap {
	width: auto;
}
	#mainContent .csc-textpic-imagewrap dl {
		display: block;
		/*border: 1px solid #666666;*/
		margin: 0 0 7px 0;
	}
	#mainContent .csc-textpic-image a,
	#mainContent .csc-textpic-image a:hover {
		text-decoration: none;
		border: 0px;
		
		margin: 0;
		padding: 0;
	}