@charset "utf-8";
/*	
	Created by Björn Meißner - pxlstyle.net
	E-Mail: info@pxlstyle.net	
*/
* { padding:0;margin:0; }

html, body {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 border-top: 1px solid #fc0082;
 background: #fff url(/img/bg_gradient.gif) repeat-x;
}
h1 { padding-bottom:3px;color:#666;font-size:1.1em;font-weight:bold; }
p { padding-bottom:3px; }

#container { 
 width: 775px;
 margin: 0 auto;
}

#headerbox {
 width: 100%;
 float: left;
 margin: 0;
}
#headerbox .logo {
 float: right;
 position: relative;
 top: 20px;
 right: 10px;
 padding: 0;
 border:none;
}
#headerbox .logo a img { 
 border:0;
}

#leftbox { 
 margin: 0;
 padding: 0;
 width: 535px;
 float: left;
}
#leftbox .headline {
 padding: 0 0 0 20px;
}
#leftbox .header { 
 height: 20px;
 width: 100%;
 background: url(/img/leftbox_header.gif) no-repeat;
}
#leftbox #content {
 height: 480px;
 width: 490px;
 padding: 0 25px 4px 20px;
 overflow: hidden;
 background: url(/img/leftbox_bg.gif) no-repeat;
 color: #555;
 font-size: 0.75em;
 text-align: justify;
}
#leftbox #content .buttonSubmit, .buttonSubmitHovered {
 width: 261px;
 height: 26px;
 color: #fff;
 font-weight: bold;
 padding: 2px 5px;
 background: url(/img/button_submit.gif) no-repeat left top;
 cursor: pointer;
 border: none;
}
#leftbox #content .buttonSubmitHovered {
 background-position: left bottom;
}
#leftbox #content .textinput, .textinputHovered {
 width: 155px;
 height: 15px;
 background: url(/img/bg_input.gif) no-repeat left top;
 border: none;
 padding: 4px 8px;
 color: #555;
}
#leftbox #content .textinputHovered {
 background-position: left bottom;
}
#leftbox #content .textarea, .textareaHovered {
 width: 248px;
 height: 125px;
 background: url(/img/bg_textarea.gif) no-repeat left top;
 border: none;
 padding: 4px 8px;
 color: #555;
}
#leftbox #content .textareaHovered {
 background-position: left bottom;
}
#leftbox .referenz_box {
 margin: 0;
 padding: 0;
}
#leftbox .box_left {
 width: 94px;
 float: left;
 margin: 0;
 padding: 0;
 position: relative;
 top: 5px;
}
#leftbox .img {
 height: 85px;
 width: 105px;
 padding: 2px;
 border: 1px solid #999;
 background: #fff;
}
#leftbox .img a img {
 border:0;
}
#leftbox .box_right {
 width: 355px;
 float: right;
 margin: 0;
 padding: 0;
 position: relative;
 top: 5px;
}
#leftbox .textright {
 width: 100%;
 margin: 0;
 padding: 0;
}
#leftbox .footer { 
 height: 20px;
 width: 100%;
 margin-bottom: 10px;
 background: url(/img/leftbox_footer.gif) no-repeat;
}
#leftbox #content .greytext { padding:0;font-weight:700;color:#888; }
#leftbox #content .greytextbold { padding:0;font-weight:700;color:#666; }
#leftbox #content .pinktext { padding: 0 0 0 7px;color:#fc0082; }
#leftbox #content .pinktextbold { padding:0;font-weight:700;color:#fc0082; }
#leftbox #content a:link { text-decoration:underline;color:#fc0082; }
#leftbox #content a:visited { text-decoration: underline;color:#fc0082; }
#leftbox #content a:active { text-decoration:none;color:#fc0082; }
#leftbox #content a:hover { text-decoration:none;color:#fc0082; }

#rightbox { 
 float: left;
 position: relative;
 left: 10px;
 margin: 0;
 padding: 0;
 width: 221px;
}
#rightbox .headline { 
 padding: 0 0 0 20px;
}
#rightbox .header { 
 height: 4px;
 width: 100%;
}
#rightbox .content {
 width: 100%;
 padding: 4px 0 0 10px;
}
#rightbox .footer { 
 height: 4px;
 width: 100%;
}
#rightbox .menu {
 float: left;
 padding: 0 0 10px 0;
 text-align: center;
}
#rightbox .menu li a {
 padding: 0;
 display: block; 
 background: url(/img/menu_bg_hover.gif) no-repeat;
 width: 110px;
 height: 110px;
 text-decoration: none;
}
#rightbox .menu li a:link, #rightbox .menu li a:visited {
 color: #666;
 font-size: 0.75em;
 font-weight: bold;
 text-decoration: none;
}
#rightbox .menu li a:hover {
 color: #999;
 text-decoration: none;
 background: url(/img/menu_bg_hover.gif) no-repeat;
}
#rightbox .menu ul {
 list-style-type: none;
 margin: 0;
}
#rightbox .menu_right {
 float: right;
 padding: 0 0 10px 0;
 text-align: center;
}
#rightbox .menu_right li a {
 padding: 0;
 display: block; 
 background: url(/img/menu_bg_hover.gif) no-repeat;
 width: 110px;
 height: 110px;
 text-decoration: none;
}
#rightbox .menu_right li a:link, #rightbox .menu_right li a:visited {
 color: #666;
 font-size: 0.75em;
 font-weight: bold;
 text-decoration: none;
}
#rightbox .menu_right li a:hover {
 color: #999;
 text-decoration: none;
 background: url(/img/menu_bg_hover.gif) no-repeat;
}
#rightbox .menu_right ul {
 list-style-type: none;
}
#rightbox .img {
 padding: 18px 0 5px 0;
 text-align: center;
 border: 0;
}
#rightbox .text {
 padding: 0;
 text-align: center;
}
#rightbox .icqimg {
 padding: 45px 3px 0 0;
 font-weight: 700;
 text-align: center;
}
#rightbox .icqtext {
 padding: 0;
 font-weight: 700;
 font-size: 0.75em;
 color: #666;
 text-align: center;
}

#footerbox {
 width: 100%;
 margin: 0;
 padding: 0;
 clear: both;
}
#footerbox .headline {
 padding-left: 20px;
}
#footerbox .header_ref { 
 height: 20px;
 width: 100%;
 background: url(/img/leftbox_header_ref.gif) no-repeat;
}
#footerbox .content_ref {
 width: 100%;
 padding: 0 16px 0 23px;
 background: url(/img/leftbox_bg_ref.gif) repeat-y;
 color: #666;
 font-size: 0.75em;
 line-height: 18px;
}
#footerbox .footer {
 height: 20px;
 width: 100%;
 margin-bottom: 10px;
 background: url(/img/leftbox_footer_ref.gif) no-repeat;
}
#footerbox .left {
 padding: 0 0 10px 22px;
 float: left;
 color: #999;
 font-size: 0.75em;
}
#footerbox .right {
 padding: 0 30px 10px 0;
 float: right;
 color: #999;
 font-size: 0.75em;
}
#footerbox img {
 border:0;
 cursor: url(/img/icon_zoomin.cur), default;
}
#footerbox a:link { text-decoration:underline;color:#999; }
#footerbox a:visited { text-decoration:underline;color:#999; }
#footerbox a:active { text-decoration:none;color:#999; }
#footerbox a:hover { text-decoration:none;color:#999; }

.small { padding:0 0 0 10px;font-size:0.7em;color:#9c9c9c; }
.grey { font-size: 0.75em;font-weight:bold;color:#666; }
.pink { font-size: 0.75em;font-weight:bold;color:#fc0082; }
.cyan { font-size: 0.75em;font-weight:bold;color:#2bbaff; }
.space_3 { padding:3px; }
.space_4 { padding:4px; }
.space_5 { padding:5px; }
.space_10 { padding:10px; }
.clear { clear:both; }
.height_25 { height:25px; }
.height_35 { height:35px; }
.img_1-4 { position:relative;top:1px;padding:0 6px 0 6px; }
.img_1-15 { position:relative;top:1px;padding:0 6px 0 20px; }