/* css styles for resoca gmbh - 2009 // wolf kammerlander, info@modernist.ch */
* {
		margin: 0px;
		padding: 0px;
}
body {
		text-align: center;
		background: #676767;
		font: 101%/120% Arial, Helvetica, sans-serif;
}
#home #wrapper {
		height: 700px;
		width: 960px;
		text-align: left;
		margin-right: auto;
		margin-left: auto;
		background: url(../bilder/recosenterpage.jpg) no-repeat;
}
/* layout boxes 
----------------------------------------------------------------------------------------- */
#wrapper {
		height: 700px;
		width: 960px;
		text-align: left;
		margin-right: auto;
		margin-left: auto;
}
/* nur in startPage */
#enterPageBox {
		height: 300px;
		width: 245px;
		position: relative;
		left: 615px;
		top: 165px;
		color: #CCC;
		font-size: 30px;
}
#sidebar {
		height: 700px;
		width: 250px;
		float: left;
}
#topLeft {
		height: 260px;
		width: 250px;
		background: url(../bilder/resocaleftsidetop.jpg);
}
#img {
/*		background: url(../bilder/resocarelocation.jpg);
*/		height: 440px;
		width: 250px;
}
#content {
		background: url(../bilder/resocamainbg.jpg) no-repeat;
		min-height: 700px;
		width: 700px;
		float: right;
}
#nav {
		background: #CCC;
		height: 36px;
		width: 396px;
		float: right;
		margin-top: 50px;
		padding-left: 4px;
		padding-top: 4px;
}
/* links enterPage
--------------------------------------------------------------------------------------------- */
#enterPageBox p a:link {
		color: #E8501F;
}
#enterPageBox p a:visited {
		color: #E8501F;
}
#enterPageBox p a:hover {
		color: #FFF;
		background: #333;
}
#enterPageBox p a:active {
		color: #E8501F;
}
/* klassen
--------------------------------------------------------------------------------------------- */
.smallWriting {
		font-size: 50%;
}
.imgPlacement {
		margin: 10px;
		background: #CCC;
		text-align: center;
		height: 180px;
		width: 180px;
		border: medium solid #CCC;
}
.subNavLine {
		width: auto;
		margin-top: 8px;
		border-bottom: 2px solid #333;
}
.name {
		font-size: 11px;
		line-height: 30px;
}



img, img a:link {
		border: none;
}
/* navigations links - styles
--------------------------------------------------------------------------------------------- */
#nav p a:link, #nav p a:visited {
		text-decoration: none;
		font-weight: bold;
		color: #333;
		font-size: 85%;
		padding-top: 10px;
}
#nav p a:hover, #nav p a:active {
		text-decoration: underline;
		font-weight: bold;
		color: #DE531C;
		font-size: 85%;
}
#content #nav p a.activeLink {
		color: #E35321;
}
#nav img {
		margin-top: 6px;
}
/* links content
------------------------------------------------------------------------------------------------ */
#content p a:link, #content p a:visited {
		text-decoration: none;
		font-weight: bold;
		color: #000;
		font-size: 14px;
		margin-top: 10px;
}
#content p a:hover, #content p a:active {
		text-decoration: underline;
		font-weight: bold;
		color: #DE531C;
		font-size: 14px;
		margin-top: 10px;
}
#content p a.activeLink {
		color: #E35321;
}
/* text styles
-------------------------------------------------------------------------------------------------- */
h1 {
		font-size: 18px;
		margin-left: 4px;
		margin-bottom: 10px;
		color: #CCC;
}
h2 {
		font-size: 15px;
		margin-top: 10px;
		margin-left: 4px;
}
p {
		font-size: 14px;
		line-height: 22px;
		margin-left: 4px;
		margin-top: 2px;
		width: 650px;
}
#contactTab {
		margin-left: 4px;
}
#content form #contactTab #SicherheitsCode {
		margin-left: 4px;
}
#content form #contactTab tr td p font textarea {
		width: 232px;
}
#content form #contactTab #secCode {
		width: 232px;
}