html, body {
	height:100%;
	margin:0px;
	padding:0pt;
}

html {
	overflow-x:hidden;
	overflow-y:scroll;
	overflow: -moz-scrollbars-vertical;
}

body {
	color: #333;
	font-size: 12px;
	font-family: Lucida Grande, Verdana, Lucida Sans, Arial, Helvetica, sans-serif;
	background: #54514A url(../images/bg_body.jpg) repeat-x;
}

.clear {
	clear: both;
}

a {
	text-decoration: none;
	color: #336600;
	
}

a img {
	border: none;
}

h1, h2, h3, p, form {
	margin: 0;
	padding: 0;
}

h1, p {
	font-size: 12px;
}

p {
	margin-top: 10px;
	clear: both;
}

.deko {
	height: 6px;
	background-color: #9C9C9C;
	font-size: 1px;
}

.deko_content {
	margin: 0pt auto;
	height: 6px;
	width: 780px;
	background-color: #DEDEDE;
	font-size: 1px;
}


.page {
	position: relative;
	height: auto !important;
	height: 100%;
	margin: 0pt auto;
	min-height: 100%;
	position: relative;
	text-align: left;
}

.bonsai {
	position: absolute;
	top: 90px;
	left: 10px;
	width: 408px;
	height: 765px;
	background: url(../images/bonsai.png) no-repeat;
	z-index: 1;
}

* html .bonsai {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.studio-winter.de/fileadmin/template/images/bonsai.png');
}

.reflection {
	width: 792px;
	height: 85px;
	background: url(../images/reflection.png) no-repeat;
}

* html .reflection {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.studio-winter.de/fileadmin/template/images/reflection.png');
}

.colored_nav {
	position: absolute;
	top: 151px;
	right: -18px;
	z-index: 5;
}

.colored_nav span {
	display: block;
}

.colored_nav a {
	display: block;
	margin: 0 6px 3px 0;
	padding-right: 12px;
}

.colored_nav .active a {
	padding-right: 18px;
	margin-right: 0;
}

/* Home */
.color2 a {
	background-color: #7BA120;
}
/* Das Studio */
.color3 a {
	background-color: #7BA120;
}
/* Druckvorstufe */
.color4 a {
	background-color: #f08a00;
}
/* Digitaldruck */
.color5 a {
	background-color: #cd0529;
}
/* Media-IT */
.color6 a {
	background-color: #744994;
}

.main_wrap {
	position: relative;
	margin: 0 auto;
	width: 792px;
	padding: 20px 0 0 150px;
	z-index: 2;
}

.main {
	background-color: #fff;
	position: relative;
	clear: both;
	height: auto !important;
	height: 586px;
	min-height: 586px;
	padding: 6px;
	z-index: 30;
}

.top img {
	display: block;
}

.info {
	float: right;
	padding-top: 1px;
}

.topnavigation {
	padding-top: 2px;
	padding-left: 5px;
	float: left;
}

.topnavigation img {
	vertical-align: top;
}

.topnavigation a {
	padding-left: 7px;
}

.language .current {
	display: none;
}

#info,
.language {
	float: left;
}

#info {
}

.navigation_wrap {
	height: 20px;
	padding: 2px 16px 0 16px;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	color: #fff;
}

.navigation {
	float: left;
}

.navigation span {
	float: left;
	display: block;
	padding-right: 10px;
	padding-top: 1px;
	color: #fff;
	text-transform: uppercase;
}

.navigation span.separator {
	padding-top: 0;
}

.navigation span a {
	color: #fff;
}

.navigation span.active a {
	color: #000;
}

.navigation span.normal a:hover {
	color: #000;
}

.contenttop {
	position: relative;
	padding: 0 0 12px 0;
	height: 160px;
}

.imageflashbox {
	position: relative;
	z-index: 10;
}

.imageflashbox img {
	display: block;
}

.subnavigationwrap {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 480px;
	width: 288px;
	height: 160px;
	padding: 0 0 12px 12px;
	background-color: #fff;
}

.listwrap {
	width: 258px;
	height: 130px;
	padding: 15px;
	background-color: #eee;
}

.listwrap ul,
.listwrap li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.listwrap li a {
	color: #333;
	line-height: 1.4em;
}

.listwrap li.active a {
	font-weight: bold;
}

#contentleft {
	float: left;
	width: 480px;
	height: auto !important;
	height: 350px;
	min-height: 350px;
}

.contentwrapper {
	padding: 18px 15px;
	border: 1px solid #ccc;
	line-height: 1.4em;
}

.contentheadline h1 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px 0;
}

* html .content {
	height: 1%;
}

.content h1,
.content h2,
.content h3 {
	text-transform: uppercase;
}
.content h1 {
	line-height: 1em;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 15px;
}

.content h2 {
	line-height: 1.4em;
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 10px;
}

.content h3 {
	line-height: 1.3em;
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 10px;
}

.content p {
	margin-top: 10px;
}

.bodytext {
	clear: both;
}

.block_3-1,
.block_3-2 {
	padding: 0;
	margin-bottom: 10px;
	width: 144px;
	clear: none;
	float: left;
	background-color: #eee;
}

.block_3-2 {
	margin-left: 8px;
}

.block_3-1 b,
.block_3-2 b {
	display: block;
	padding: 20px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #003366;
}

.block_3-1 img,
.block_3-2 img {
	display: block;
}

.block_2-1,
.block_2-2 {
	padding: 0;
	margin-bottom: 10px;
	clear: none;
	float: left;
}

.block_2-1 {
	width: 269px;
}

.block_2-2 {
	width: 167px;
	margin-left: 12px;
}


.contact_form input {
	width: 240px;
	border: 1px solid #ccc;
}

.contact_form .zip {
	width: 45px;
}

.contact_form .city {
	width: 189px;
}

.contact_form .message {
	width: 440px;
	border: 1px solid #ccc;
}

.contact_form .error {
	color: red;
}

#contentright {
	float: right;
	width: 288px;
	margin-left: 12px;
}

.tx-macinasearchbox-pi1 {
	padding: 7px;
	border: 1px solid #ccc;
}

.login {
	height: 112px;
	padding: 12px;
	margin-top: 12px;
	background-color: #eee;
}

.login .headline {
	font-weight: bold;
	padding-bottom: 8px;
}

.login .row {
	padding: 5px 0;
	clear: both;
}

* html .login .row {
	height: 1%;
}

.login .row label {
	padding-top: 2px;
	display: block;
	float: left;
	width: 120px;
}

.login .row input {
	display: block;
	float: right;
	width: 140px;
	border: 1px solid #ccc;
}

.login .loginbutton {
	float: right;
	padding: 5px 25px 0 0;
}

.infobox_content {
	padding: 18px 15px 0 15px;
	margin-top: 12px;
	border: 1px solid #ccc;
}

* html .infobox_content {
	height: 1%;
}

.infobox_content h1 {
	margin: 0 0 10px 0;
	color:#00417D;
	font-size: 18px;
	line-height: 1.1em;
}

.infobox_content p {
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.4em;
}

.block1 {
	float: left;
	clear: none;
	width: 150px;
}

.block2 {
	margin-left: 12px;
	float: left;
	clear: none;
	width: 94px;
}

.footer
{
	width: 100%;
	background-color: #fff;
	background-repeat: repeat-x;
	overflow: hidden;
	padding-top: 35px;
}

.footer_bg {
	clear: both;
	height: auto !important;
	height: 22px;
	min-height: 22px;
	width: 780px;

	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
}

.footer_content {
	padding: 4px 16px 0 16px;
	font-size: 11px;
	color: #fff;
}

.footnavigation {
	float: left;
}

.footer_content span a {
	color: #fff;
}

.footer_content span.active a,
.footer_content span a:hover {
	color: #000;
}

.footer_content span {
	padding-right: 22px;
}

.copyrights {
	float: right;
}

.tags {
	
	padding: 12px;
	margin-top: 12px;
	background-color: #eee;
}

.tags .tagsize1 {
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 8px;
}

.tags .tagsize2 {
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 8px;
}

.tags .tagsize3 {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 8px;
}

.tags a {
	text-decoration: none;
	color: #333;
}

.tags a:hover {
	text-decoration: underline;
}