body {margin: 0; padding: 0; background: url(http://www.rappid.de/pics/back_start.jpg) repeat-x #5e5e5e; font: 13px verdana,arial; color: #595F59;}

img {border: none;}

/*
@font-face {  
  font-family: museo700 ;  
  src: url( /fonts/Museo700-Regular.otf ) format("truetype");  
} */

/* start specific styles */

#header-top-start {background: url(http://www.rappid.de/pics/header_top1.jpg) repeat-x; height: 123px;}
#header-top-content-start {background: url(http://www.rappid.de/pics/logo_big.jpg) top center no-repeat; height: 123px;}
#header-content-start {width: 960px; height: 67px; margin: 0 auto; background: url(http://www.rappid.de/pics/header-content-dummy-start.jpg) no-repeat;}

#main-start {padding-top: 10px;}

#blocks {padding: 0 60px 50px 60px;}


.karusell-wrap {padding-left:  46px;}
.karusell {margin: 0 0 45px 0; width: 365px; height: 211px; color: #f7f7f7; width: 851px; height: 286px; line-height: 16px;}
.flashstarter  {margin: 0 0 45px 0; width: 851px; height: 286px;}
.teaserback_lp {background: url(http://www.rappid.de/pics/latest_project.jpg) no-repeat;}
.teaserback_xmas {background: url(http://www.rappid.de/pics/marry_xmas.jpg) no-repeat;}

.karusell h1 {font: 24px georgia, verdana, arial; color: #61A2F3; margin-bottom: 8px;}

/*.karusell {margin-left: 46px; width: 851px; height: 224px; padding: 30px 0 30px 0px;}*/

.infoblock {width: 230px; float: left; line-height: 16px; font-size: 11px; height: 150px;}

.infoblock img {float: left; margin: 5px 10px 0 0;}

.infoblock h1 {font: bold 16px 'trebuchet ms', verdana, arial; color: #202420; margin: 0 0 5px 0;}

.infoblock a {line-height: 25px;}

.infocenter {margin: 0 70px 25px 70px;}

.icon-text {margin-left: 70px; padding-bottom: 35px;}

.special-prev {float: left;margin: 0 4px 20px 4px;}
.special-prev p {margin: 0; padding: 0; font-size: 11px;}

.special-prev img {border: 2px solid #cdcdcd;}

.nextarticle {margin: 15px 0 50px 50px;}
.nextarticle ul {list-style: none; padding: 0; margin: 0;}
.nextarticle ul li {float: left; padding-right: 10px;}


.download-file {margin: 35px 0 100px 0; width: 190px;}

.bottom45 {margin-bottom: 45px;}

.content-teaser {width: 602px; height: 39px; margin: 35px 0 35px 0;}
.content-teaser img {margin-right: 35px;}

/* classes */

.clearer {clear: both; line-height: 0px;
	font-size: 0px;
	height: 0px;
}
.left {float: left;}
.right {float: right;}

.icn_text {float: left; margin: 5px 15px 10px 5px;}

.p_pic {float: right; width: 267px; margin: 10px 0 0 25px; text-align: right; font-size: 11px;}
.l_pic {float: right; width: 267px; margin: 10px 0 0 25px; text-align: center; padding: 10px 0 5px 0;}

.logoblock {height: 210px;}

.p_pic img {border: 4px solid #E6E6E6;}
.p_pic a {font-size: 11px;}

.subblock {width: 170px; float: left; padding-bottom: 20px; }

.reasonblock {width: 440px; padding: 30px; background: url(http://www.rappid.de/pics/reasonblock.jpg) no-repeat;}

.rulerlogo {background: url(http://www.rappid.de/pics/ruler_logo.gif) top center no-repeat; width: 602px; height: 39px; margin: 35px 0 35px 0;}

.rulerlogo-chilli {background: url(http://www.rappid.de/pics/ruler_logo_chilli.gif) top center no-repeat; width: 602px; height: 39px; margin: 35px 0 35px 0;}

.kontaktadresse {font-size: 11px; margin: 25px 0 0 21px; line-height: 16px;}

.gal-count {margin-top: 25px;}
.gal-count ul {list-style: none; margin-left: 26px; padding-left:0;}
.gal-count li {float: left; padding-right: 15px;}

.businesscard {margin: 30px 0 10px 0;}

.sidebar-top {margin-top: 20px; width: 221px; height: 39px; background: url(http://www.rappid.de/pics/back_sidebarheader.jpg) repeat-x;}
.sidebar-box {width: 221px; padding: 15px 0 15px 0; background: url(http://www.rappid.de/pics/back_sidebar.gif) repeat-y;}
.sidebar-bottom {width: 221px; height: 3px; background: url(http://www.rappid.de/pics/back_sidebar_bottom.gif) no-repeat;}


/* containers */

#container {margin: 0 auto; width: 960px; background: url(pics/back_content.gif) repeat-y;}

#content {background: url(http://www.rappid.de/pics/back_content.gif) repeat-y;}

#content-bottom {background: url(http://www.rappid.de/pics/leiste_unten.jpg) no-repeat; height: 28px;}

#header-top {background: url(http://www.rappid.de/pics/header_follow1.jpg) repeat-x; height: 65px;}


#header-top-content {margin: 0 auto; width: 400px; text-align: center; background: url(http://www.rappid.de/pics/logo_small3.jpg) top center no-repeat; height: 65px;}

#tear1 {width: 264px; height: 170px; padding: 0 25px 0 20px}

#tear3 {width: 264px; height: 170px; padding: 0 20px 0 25px}

#tear2 {width: 275px; padding: 0 25px 0 25px; height: 170px;}

#tear1 {float: left; background: url(http://www.rappid.de/pics/ruler_hor.gif) top right no-repeat;}

#tear3 {float: right; background: url(http://www.rappid.de/pics/ruler_hor.gif) no-repeat;}

#update-content h2 {margin-bottom: 8px;}

h2.tearmail {background: url(http://www.rappid.de/pics/tear_mail2.gif) no-repeat; padding: 3px 0 4px 53px;}

h2.tearlogin {background: url(http://www.rappid.de/pics/tear_login.gif) no-repeat; padding: 3px 0 4px 35px;}

#wrap {height: 67px;}

#header {background: url(http://www.rappid.de/pics/header_follow2.jpg) repeat-x; height: 67px; margin: 0 auto;}
#header-content {width: 960px; height: 67px; margin: 0 auto; background: url(http://www.rappid.de/pics/header-content-dummy.jpg) no-repeat;}

#menu1 {height: 25px; width: 212px; float: left;}
#menu1 a {text-indent: -3000px; display: block; width:219px; height: 24px;}

#menu2 {width: 580px; height: 24px; float: left;}
#menu2 ul {list-style: none; margin:0; padding:0;}
#menu2 li {float: left;}
#menu2 li a {display: block; text-indent: -3000px; width: 115px; height: 24px;}
#menu2 li a.m_rappid {background: url(http://www.rappid.de/pics/btn_rappid.jpg) no-repeat;}
#menu2 li a.m_portfolio {background: url(http://www.rappid.de/pics/btn_portfolio.jpg) no-repeat;}
#menu2 li a.m_services {background: url(http://www.rappid.de/pics/btn_services.jpg) no-repeat;}
#menu2 li a.m_kontakt {background: url(http://www.rappid.de/pics/btn_kontakt.jpg) no-repeat;}
#menu2 li a.m_shop {background: url(http://www.rappid.de/pics/btn_shop.jpg) no-repeat;}

#menu2 li a:hover.m_kontakt, #menu2 li a:hover.m_services, #menu2 li a:hover.m_portfolio, #menu2 li a:hover.m_shop, #menu2 li a:hover.m_rappid {background-position: 0px -25px;}


#menu3 {height: 25px; width: 123px; float: left;}
#menu3 a {display: block; height: 25px; width: 123px; text-indent: -3000px;}

#follow #update {background-color: #A7BFE5;}
#start #update {background: url(http://www.rappid.de/pics/update_back_start.jpg) top center no-repeat #A7BFE5;}
#update-content {width: 960px; margin: 0 auto; height: 180px; font: 11px verdana, arial; color: #334253;}


#sidebar {float: left; padding: 0 0 0 43px; width: 266px; background: url(http://www.rappid.de/pics/back_left_row.jpg) no-repeat;}

#main {padding: 0 0 50px 0; margin-left: 316px;}

.main-content {padding: 0 65px 0 33px;}

#footer {margin-top: 10px; padding-bottom: 45px; background: url(http://www.rappid.de/pics/back_footer2.jpg) repeat-x #000; border-top: 1px solid #131313;}
#footer-content {width: 894px; margin: 0 auto; padding-top: 28px;}

#ruler {background: url(http://www.rappid.de/pics/rappid_footer.gif) top right no-repeat;border-bottom: 1px solid #3e3a3a; clear: both; padding-bottom: 10px; height: 8px; margin-bottom: 14px;}

#submenu {}

#twitter_div {width: 450px;}
#twitter_div a {display: none;}

#twitter_update_list li {color: #595F59;}

/* fontz */

h1 {font: bold 24px 'trebuchet ms', verdana, arial; color: #D2D2D2; margin:0 0 20px 0; padding: 0;}

.pluszeichen {font: bold 20px 'trebuchet ms', verdana, arial;  margin:0 0 10px 0; padding: 0 100px 0 0;}

h2 {font: bold 24px 'trebuchet ms', verdana, arial; color: #334253; margin:0; padding: 0;}

/*
h2 {letter-spacing: 2px; text-shadow: rgba(0, 0, 0, 0.199219) 2px 2px 5px;} */

h3 {font: bold 14px 'trebuchet ms', arial, verdana; color: #595F59;}

h3.referenzen {font: 20px georgia, verdana, arial; color: #7B090C; border-bottom: 1px solid #C6C6C6; padding-bottom: 0;}

h4 {font-weight: 600; font-style: italic; font-size: 20px; color: #7b090c; border-bottom: 1px solid #cfcfcf; margin:0; padding: 30px 0 5px 0;}

h5 {font: 20px georgia, verdana, arial; color: #7b090c; border-bottom: 1px solid #cfcfcf; margin:0; padding: 35px 0 5px 0; clear: right;}

#main h1 {padding-top: 10px; display: inline; text-transform: uppercase;}

h1.startsentence {font: bold 14px 'trebuchet ms', verdana, arial; margin: 0 0 25px 0; display: block; color: #61a2ed; line-height: 20px;}

#main h3 {font-size: 18px; font-weight: bold;}

#main h2 {display:inline; padding: 0px 0 0 8px;}
#main {line-height: 18px;}

#submenu h2 {font: bold 20px 'trebuchet ms', verdana, arial; color: #ded0a7; padding-bottom: 5px;}

#sidebar h1 {padding: 10px 0 0 18px; font: 16px 'trebuchet ms', verdana, arial; color: #FFFFE4; font-weight: bold; text-transform: uppercase;margin:0;}
#sidebar ul {padding: 0 18px 0 18px; margin:0;list-style: none;}
#sidebar li {padding: 5px 10px 5px 0; border-bottom: 1px solid #C6C6C6;}
#sidebar li.last {border-bottom: none;}
#sidebar li a {color: #313531; text-decoration: none; background: url(http://www.rappid.de/pics/arrow_submenu.gif) 160px 2px no-repeat; display: block; padding-bottom: 2px;}

#sidebar li a.aktiv {background-position: 160px -32px; color:#B3B3B3;}
#sidebar li a:hover.aktiv {background-position: 160px -32px;}
#sidebar li a:hover {background-position: 160px -15px;}

a {text-decoration: none; color: #61a2ed;}
a:hover {color: #595F59; text-decoration: underline;}

.detailsref {margin-top: 5px; line-height: 20px;}
ul.feature {list-style: none; margin: 0 0 0 15px; padding:0;}
ul.feature li {color: #61a2ed; line-height: 16px; background: url(http://www.rappid.de/pics/arrow_ul.gif) 0 7px no-repeat; padding: 5px 0 5px 30px;}
ul.feature li a {}


.reasonblock h4 {width: 100%; color: #25313d; font: 18px georgia, verdana, arial; padding-bottom: 5px; border-bottom: 1px solid #cfcfcf; margin: 0; padding: 0 0 5px 0;}

#footer-content, #footer-content a {font: 11px arial, verdana; color: #3e3a3a;}

#footer-content ul{list-style: none; margin: 5px 0 0 0px; padding:0;}
#footer-content li {line-height: 16px;}
#footer-content li a {font: 13px arial, verdana; color: #ded0a7; text-decoration: none;}
#footer-content li a.aktiv {color: #fff;}
#footer-content a {text-decoration: none;}




/* --------------------------
formulars update-content
--------------------------*/
#update-content .hide {display:none;}


#update-content label, #update-content input, #update-content select, #update-content textarea { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 123px; /* Breite.*/
  margin: 0 0 3px 0;
font: 12px arial, verdana;
}



#update-content input, #update-content textarea {border: 1px solid #334253;}

#update-content input.checks {
	width: 20px;
	border: none;
}

#update-content form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}





#update-content .submiter { /* den Submit-Button */
  float: left;
  width: 55px;
  padding: 1px 0 1px 0;
  margin-left: 5px;
  font: bold 10px arial, verdana;
  background-color: #7B090C;
  color: #f7f7f7;
  border-bottom: 1px solid #7585A0;
  border-right: 1px solid #7585A0;
  border-top: 1px solid #C2D2ED;
  border-left: 1px solid #C2D2ED;


}

#update-content label {
 text-align: left;
 padding-right: 1em;
 width: 60px;


}



#update-content form {

  margin:0;
  padding:0;
}



/* --------------------------

ZEM CONTACT REBORN

--------------------------*/

fieldset {border: none;}

legend em {
	position:absolute;
	left:-9999em;
border: none;
}


.zem_contact_nonce {display: none;}
.zem_contact_form_id {display: none;}

.zemError {padding: 0; margin: 0 0 35px 0; list-style: none;}
.zemError li {color: red;}

.zemRadio {float: left;}
radio.zemRadio {margin-top: 4px;}

select.zemSelect {margin: 10px 0; font-size:14px; padding: 7px 0;}

input.zemText, textarea.zemTextarea {border:1px solid #d3d3d3;
	background:#fff url(http://www.rappid.de/pics/inputbg.gif) repeat-x;
	font-size:14px;
	color:#000;
	text-indent:7px;
	padding: 7px 0;
	margin-bottom:10px;}

.zemTextarea, input.zemText, select.zemSelect {width: 415px; }



fieldset label {
	display:block;
	font-size:14px;
	color:#444;
	background-image: none;
margin-top:10px;
line-height: 10px;

}



input:focus, textarea:focus {
	border-color:#77b2ee;
}