/********************************************************************
*
*  amisso - Style
*  Copyright 2010 Gewiese & Irmscher GbR
*
*  colors:
*     - red:         cc0033
*     - logo-grey:   7d7d7d
*     - text-grey:   666666
*
********************************************************************/

* {
  font-size: 100.1%;
  font-family: helvetica, arial, sans-serif;
}

body {
  margin: 0;
  padding: 0;
  font-size: 0.68em;
  color: #666;
  line-height: 1.5em;
  background: #FFF;
}

/* framework */
.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}


a img {
  border: 0;
}

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

a:hover {
  text-decoration: underline;
}

.linky { color:#676767; text-decoration:none; }
.linky:hover { color:#676767; text-decoration:none; }

#page {
   width: 800px;
   position: relative;
   margin: 0px auto;
   padding: 0;
   background: #FFF url(bilder/design/pagebg.jpg) repeat-y center top;
}

#header {
   height: 120px;
   position: relative;
   background: #FFF url(bilder/design/header.jpg) no-repeat center top;
}

#baselink {
   display: block;
   position: absolute; top: 0px; left: 20px;
   width: 380px; height: 100px;
   background: url(bilder/design/spacer.gif) no-repeat;
}

#baselink span {
   display: none;
}

#header .teaser {
   position: absolute;
   font-weight: 700;
   font-size: 1.1em;
   margin: 79px 0 0 410px;
   padding:0;
}

#header .topnav {
   position: absolute;
   width: 80px; height: 23px;
   margin: 75px 0 0 682px;
   padding: 0;
   background: url(bilder/design/topnav.jpg);
}

#header .topnav li {
   margin: 0; padding: 0; list-style: none;
   position: absolute; top: 0;
}

#header .topnav li, #header .topnav a {
   height: 23px; display: block;
}

#header .topnav span {
   display: none;
}

#subheader {
   height: 174px;
   width: 770px;
   background: url(bilder/design/subheader_hdw.jpg) no-repeat 48px 0px;
   margin-left: -9px;
}

#subheader .mod_navigation {
   width: 215px;
   padding: 0;
   margin: 10px 0 0 51px;
}
#subheader .mod_navigation ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#subheader .mod_navigation ul li {
   margin: 3px 0 0 0;
   padding: 0;
}

#subheader .mod_navigation ul li a {
   display: block;
   color: #666;
   width: 215px;
   height: 19px;
   background: url(bilder/design/mainnav.png) no-repeat right top;
}

#subheader .mod_navigation ul li a:hover,
#subheader .mod_navigation ul li a.active{
   color: #cc0033;
   text-decoration: none;
   background: url(bilder/design/mainnav.png) no-repeat right -14px;
}

#subheader .mod_navigation ul li span {
	display: block;
   color: #666;
   width: 215px;
   height: 19px;
   background: url(bilder/design/mainnav.png) no-repeat right -14px;
}

#homelink { left: 0; width: 12px; }

#kontaktlink { left: 34px; width: 12px; }

#searchlink { left: 67px; width: 12px; }

#homelink a:hover {
   background: transparent url(bilder/design/topnav.jpg) 0 -23px no-repeat;
}
#kontaktlink a:hover {
   background: transparent url(bilder/design/topnav.jpg) -34px -23px no-repeat;
}
#searchlink a:hover {
   background: transparent url(bilder/design/topnav.jpg) -67px -23px no-repeat;
}

#wrapper {
   width: 800px;
   padding: 0; margin: 0;
   text-align: left;
   background: #FFF url(bilder/design/wrapperbg.jpg) repeat-y center top;
}

#main {
	font-size: 1.1em;
	line-height: 1.6em;
   float: right;
   width: 470px;
   padding: 20px 62px 0 0;
   background: transparent url(bilder/design/mainline.jpg) no-repeat left top;
   margin: 1px 0 15px 0;
}

#main .inside {
   padding-left: 10px;
}

#main p {
  margin: 0 0 0.7em 0;
}

#main h1,
#main h2.class_h1 {
  margin: 0 0 0.7em 0;
  font-size: 1.1em;
}

#main h2 {
  margin: 0 0 0.7em 0;
  font-size: 1.0em;
}

#main h3 {
  margin: 0 0 0.4em 0;
  font-size: 1.0em;
}

#main ul {
  margin: 0 0 0.7em 1em;
  padding: 0 0 0.7em 1em;
  list-style: square;
}

#main .mod_article .layout_full .ce_text {
   background: none;
}

#main .ce_text {
   clear: both;
   margin: 0 0 1em 0;
   padding: 0 0 10px 0;
}

#main h1.ce_headline,
#main .ce_text h1,
#main .mod_newslist h1,
#main .mod_article h1,
#main h2.class_h1 {
   background: url(bilder/design/beam_red.gif) no-repeat right center;
}

#left {
   float: left;
   width: 215px;
   padding: 0 0 0 40px;
}

#left .mod_newslist,
#left .mod_listing,
#left .mod_kontakt {
   position: relative;
   margin: 0px 0 15px 0;
   padding: 20px 0 0 0;
   background: url(bilder/design/segmentheader.gif) no-repeat left top;
}

#left .mod_newslist h2,
#left .mod_listing h2,
#left .mod_kontakt h2 {
   margin: 0 0 10px 0;
   padding: 0;
   font-size: 1.1em;
   background: url(bilder/design/beam_grey.gif) no-repeat right center;
}

#left .mod_newslist .layout_short {
   position: relative;
   margin: 0 0 25px 0;
}

#left .mod_newslist .layout_short h3 {
   margin: 0 0 5px 0;
   padding: 0 0 2px 0;
   font-size: 1.0em;
}

#left .mod_newslist .layout_short h3 a {
   color: #666;
   width: 215px;
   display: block;
}

#left .mod_newslist .layout_short h3 a:hover {
   color: #cc0033;
   text-decoration: none;
}

#left .mod_newslist .layout_short p.info,
#left .mod_newslist .layout_short .teaser, 
#left .mod_newslist .layout_short .teaser p {
   display: inline;
	margin: 0;
	padding: 0;
}

#left .mod_newslist .layout_short p.more {
	position: absolute;
   right: 0px !important;
   right: 15px;
   margin: 0px 0 1em 0 !important;
   margin: 0px -16px 1em 0;
   padding: 0;
}

#left .mod_listing ul {
   margin: 0; padding: 0;
   list-style: none;
}

#left .mod_listing li a {
   display: block;
   width: 215px;
   padding: 2px 0 0 0;
}

#left .mod_listing li a:hover {
   text-decoration: none;
   background: #E0E0E0;
}

#footer {
   height: 47px;
   position: relative;
   background: #FFF url(bilder/design/footer.jpg) no-repeat center bottom;
}

#footer .copyright {
   text-align: right;
   margin: 0;
   padding: 25px 40px 0 0;
}

#footer .copyright p {
   margin: 0;
   padding: 0;
}

#footer .sitemap {
   color: #666;
}

#footer .toplink {
   position: absolute;
   margin: 25px 0 0 40px;
   padding: 0;
}


/* --- misc --- */

.image_container .caption {
   font-style: italic;
}

.pagination {
   margin: 0 0 0 0;
   padding: 0;
}

.pagination p {
   margin: 0 1em 0 0;
   padding: 0;
}

.pagination ul {
   margin: 0; padding: 0px;
   list-style: none;
}

.pagination ul li {
   float: left;
   margin: 0 0.8em 0 0;
}

.pagination ul li .pagination_current {
   color: #000;
   font-weight: bold;
}

#refs {
   margin: 0 0 30px -10px;
}

#ref_showcase {
   width: 467px; height: 52px;
   position: relative;
   padding: 0; margin: 0;
   background: url(bilder/content/ref_showcase.jpg) no-repeat;
}

#ref_showcase ul {
   padding: 0; margin: 0;
}

#ref_showcase li {
   margin: 0; padding: 0; list-style: none;
   position: absolute; top: 0;
}

#ref_showcase li, #ref_showcase a {
   height: 60px; display: block;
}

#ref_showcase span {
   display: none;
}

#adblue { left: 0; width: 116px; }

#difi { left: 117px; width: 116px; }

#logicalline { left: 234px; width: 116px; }

#yieeha { left: 351px; width: 116px; }

#adblue a:hover {
   background: transparent url(bilder/content/ref_showcase.jpg) 0 -60px no-repeat;
}
#difi a:hover {
   background: transparent url(bilder/content/ref_showcase.jpg) -117px -60px no-repeat;
}
#logicalline a:hover {
   background: transparent url(bilder/content/ref_showcase.jpg) -234px -60px no-repeat;
}
#yieeha a:hover {
   background: transparent url(bilder/content/ref_showcase.jpg) -351px -60px no-repeat;
}

#main .section {
	border-bottom: 1px solid #656565;
	margin: 0 0 2.5em;
}

#main #hostingbestellung-danke .section {
	border-bottom: none;
	margin: 0;
}

#main .border img {
	border: 1px solid #BCBCBC;
}

#nachrichten-uebersicht .mod_newslist .weitere a,
#referenzen .mod_newslist .weitere a {
	display: none;
}


/* Kontakt */

#main #kontakt .section {
	padding-bottom: 0;
}

#kontakt .table_container {
	height: 120px;
}

.formbody label.mandatory {
   font-weight: 700;
}

#kontakt .formbody {
	margin: 0 0 1em 0;
}

#kontakt .formbody label {
	width: 102px;
	float: left;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 1px;
}

#kontakt .formbody input.text {
	width: 300px;
	margin: 0px 0px 5px 0px;
	padding: 1px;
	border: 1px #164e58 solid;
}

#kontakt .formbody textarea {
	width: 300px;
	height: 150px;
	margin: 0px 0px 2px 0px;
	padding: 1px;
	border: 1px #164e58 solid;
}

#kontakt .formbody .checkbox_container {
	width: 300px;
	margin: 0px 0px 5px 100px;
	padding: 0;
	border: none;
}

#kontakt .formbody .checkbox_container input.checkbox {
	float: left;
}

#kontakt .formbody .submit_container {
	margin: 0px 0px 0px 100px;
	padding: 1px;
}

#kontakt .formbody br {
	height: 1px;
	clear: left;
	font-size: 1px;
}

.formbody p.error {
	display: inline;
	color: red;
}


/* --- Landingpages --- */
#main #landing_referenzen {
	height: 60px;
}

#landing_referenzen .img_container {
	float: left;
	width: 10%;
}

#landing_referenzen .bigImgDiv {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 500px;
}

#landing_referenzen .bigImgDiv img {
	display: block;
	margin: 0 auto;
}


/* Webdesign Inhalt */

#main .webdesign_paketvorschau {
	margin: 10px 10px;
}

#main .webdesign_paketvorschau .paket {
	float: left;
	margin: 0 18px 0 18px;
}

#main p.webdesign-teaser {
	color: #cc0033;
	margin: 0 0 1.8em 0;
	font-size: 1.1em;
	text-align: center;
}

#left .webdesign_vorteile {
/*    background: url(bilder/content/webdesign/vorteilebox.gif) no-repeat center; */
}

#left .webdesign_vorteile ul {
	padding: 0;
	margin: 0 0 0 10px;
	list-style: none;
}

#left .webdesign_vorteile ul li {
	margin-top: 5px;
	padding: 2px 0 4px 3em;
	background: url(bilder/design/checkbox.gif) no-repeat;
}
  
#left .webdesign_referenzen {
/*   background: url(bilder/content/webdesign/referenzen.gif) no-repeat center; */
}

#left .webdesign_referenzen .bigImgDiv {
	position: absolute;
	visibility: hidden;
/*   padding-top: 20px; */
}

#left .webdesign_referenzen .referenz {
	margin:10px 4px 0 5px;
}


#left div.box {
	background-color: #f6f6f6;
	margin-bottom: 3px;
	padding: 0;
}

#left div.box .content {
	margin: 0;
	padding: 5px 8px 5px 8px;
}

#left div.box div.footer {
	background: url(bilder/design/box_footer.jpg) no-repeat scroll right top #FFFFFF;
	float: right;
	height: 9px;
	margin-left: -3px;
	margin-top: 0;
	padding: 0;
	width: 215px;
}

#scrollBox {
	position: static;
	width: 215px;
	top: 0;
	z-index: 1;
}

.timeOnPage {
	text-align: center;
	font-weight: bold;
}

.pdf_link {
	float: right;
	margin-top: 20px;
}

.landing_banner {
	margin-bottom: 25px;
}


/* --- Tabellen --- */

table th, table td {
    vertical-align: top;
}
#main .ce_table th,
#main .ce_table td {
    padding: 0 1em 0 0;
}
#main .ce_table tbody tr:hover {
	background-color: #f1d0c4;
}


#domainpreise table {
	width: 100%;
}

#domainpreise th.head_2,
#domainpreise th.head_3,
#domainpreise td.col_2,
#domainpreise td.col_3 {
	text-align: right;
}


/* --- Leistungen --- */

#leistungen .contact {
	margin-top: 1em;
	padding-top: 10px;
}

#leistungen .toggler {
	font-weight: bold;
	padding-left: 15px;
	background: transparent url(bilder/design/ico_plus.gif) left center no-repeat;
	cursor: pointer !important;
	cursor: hand;
}

#leistungen .toggler.active {
	background: transparent url(bilder/design/ico_minus.gif) left center no-repeat;
}

#leistungen div.ce_accordion {
	padding-bottom: 7px;
}

#leistungen div.accordion {
	padding-left: 15px;
}



/* Mitgliedschaften */

#membership a {
	display: block;
	margin: 0 0 10px 7px;
	border: 1px solid #bcbcbc;
}

#membership a span {
	display: none;
}

#membership a.contao {
	background: transparent url("bilder/content/memberships.png") 0 0 no-repeat;
	height: 74px;
	width: 200px;
}

#membership a.adwords {
	background: transparent url("bilder/content/memberships.png") -200px 0 no-repeat;
	height: 133px;
	width: 200px;
}

#membership a.diwish {
	background: transparent url("bilder/content/memberships.png") -400px 0 no-repeat;
	height: 86px;
	width: 200px;
}

#membership a.contao:hover {
	background-position: 0 -74px;
}

#membership a.adwords:hover {
   background-position: -200px -133px;
}

#membership a.diwish:hover {
   background-position: -400px -86px;
}


/* hosting */
#main div.bestellen {
/* 	margin-bottom: 45px; */
}
#main div.interessantes {
	padding-top: 45px;
}

#main div.footnote {
	clear: both;
	border-top: 1px solid #666666;
	padding-top: 25px;
	font-size: 0.9em;
	line-height: normal;
}

#domainbestellung .formbody input.text {
	padding: 1px;
	width: 320px;
}

#domainbestellung #hostingbestellung_form table .col_0 {
	width: 145px;
}

#domainbestellung td {
	padding: 0 0 8px;
	vertical-align: middle;
}

#hostingbestellung textarea.comment {
	width: 320px;
}

#hostingbestellung fieldset {
	border: 1px solid #164E58;
	padding: 5px 10px 10px 10px;
	margin: 0px;
}

#hostingbestellung fieldset.callback {
	width: 300px;
}

#hostingbestellung .formbody .radio_container label {
 	display: inline;
	float: none;
	margin-right: 10px;
}

.service .mod_breadcrumb {
	padding: 10px 0 25px 0;
	clear: both;
}

.service .pdf_link {
	margin-top: -40px;
}

.mod_faqreader .info {
	color: #999999;
	font-size: 0.9em;
}

/*--Button Hosting / Design Startseite--*/

.hosting-design-button {
  width: 460px;
  height: 133px;
  background: transparent url("bilder/content/hosting-design.jpg") bottom left no-repeat;
}

.hosting-design-button .hosting a {
  float: left;
  height: 133px;
  width: 215px;
}

.hosting-design-button .hosting a:hover {
  background: transparent url("bilder/content/hosting-design-h.jpg") bottom left no-repeat;
  padding: 0 30px 0 0;
}

.hosting-design-button .design a {
  float: right;
  height: 133px;
  width: 215px;
}

.hosting-design-button .design a:hover {
  background: transparent url("bilder/content/hosting-design-d.jpg") -215px 0 no-repeat;
  padding: 0 0 0 30px;
}

.hosting-design-button .hosting span,
.hosting-design-button .design span {
  display: none;
  font-size: 0;
}