/* --- Resets --- */
#rueckrufformular .rs_title label{width: auto;}
.mpform_required{display:inline;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

:focus {

	outline: 0;

}



ol, ul {

	margin-left: 10px;

}



.hide {

	display: none;

}



strong {

	font-weight: bold;

	color: #000;

}



.clear {

	clear: both;

}



/* --- Basic Styles --- */



body {

	background: #fff url(../images/bg-body.jpg)	top left repeat-x;

	font: 11px/20px "Lucida Grande", Tahoma, sans-serif;

	color: #545454;

}



body#subpage {

	background: #fff url(../images/bg-subbody.jpg) top left repeat-x;

}



p {

	margin: 0 0 15px 0;

}



#container {

	width: 900px;

	min-height: 100%;

    height: auto !important;

    height: 100%;

    margin: 0 auto -120px;

	text-align: left;

}



/* --- Link Styles --- */



a:link, a:visited {

	/*color: #1e9be4;*/

        color: #d129b0;

	text-decoration: none;

}

a:hover {

	color: #d129b0;

	text-decoration: underline;

}

a:active {

	color: #d129b0;

	text-decoration: none;

}



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

--------- HOMEPAGE ---------

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



/* --- Top Header --- */



#top {

	width: 900px;

	height: 134px;

	background: transparent url(../images/bg-top1.jpg) top left no-repeat;

	position: relative;

}



#top h1 {

	background: transparent url(../images/logo.png) top left no-repeat;

	text-indent: -9999px;

	width: 61px; height: 70px;

	margin: 15px 0 0 35px;

	float: left;

}



#slogan { 

	color: #1f1f1f;

	float: left;

	margin: 40px 0px 0px 20px;

	padding: 0px;

	height: 20px;

	background: url(../images/bg-sloganright.jpg) no-repeat right;

}



#slogan span {

	font-family: "Myriad Pro", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;

	float: left;

	display: block;

	margin: 0px;

	padding: 3px 6px 0px 12px;

	height: 17px;

	background: url(../images/bg-sloganleft.jpg) no-repeat left;

}



/* --- Navigation --- */



#nav {

	position: absolute;

	bottom: 0px;

}



#nav li {

	display: block;

	background: url(../images/bg-nav-new.png) top no-repeat;

	width: 108px;

	height: 39px;

	line-height: 39px;

	float: left;

	text-align: center;

	margin: 0 5px 0 0;

}



#nav li a {

	color: #fff;

}



#nav li a:hover {

	color: #d129b0;

	text-decoration: none;

}



#nav li.menu-current {

	background-position: bottom;

}



#nav li.menu-parent {

	background-position: bottom;

}



#nav li.menu-current a {

	color: #000;

}



#nav li.menu-parent a {

	color: #000;

}



#nav li a {

	display: inline;

	line-height: 39px;

}





/* --- Spotlight / Slider --- */



#spotlight {

	height: 315px;

	width: 900px;

	overflow: hidden;

	background: url(../images/bg-spotlight.jpg) top right no-repeat;

	position: relative;

}



#mover {

	position: relative;

	overflow: hidden;

	width: 3000px; /* Adjust the width based on spotlight-items number (1000*[items number]) */

}



#item {

	width: 820px;

}



.spotlight-item {

	margin: 15px 50px 0;

	overflow: hidden;

	width: 820px;

	float: left;

	position: relative;

	display: inline;

}



.spotlight-item h2 {

	color: #2a2a2a;

	font: 48px Arial, Helvetica, Verdana, sans-serif;
	/*font-family: "brevia-1","brevia-2",sans-serif;
	font-size: 48px;*/

	margin: 0px 0 15px 0;

}



.spotlight-item p {

	color: #444;

	font: 11px/18px Arial, Helvetica, Verdana, sans-serif;

	padding: 0 0 0 2px;

}



.spotlight-item .description {

	margin: 40px 0 0 10px;

	width: 260px;

}



.spotlight-item img {

	position: absolute;

	top: 0; right: 0;

}



.launch {

	background: url(../images/launch.png) top left no-repeat;

	display: block;

	width: 95px;

	height: 25px;

	text-indent: -9999px;

	margin: 10px 0 0 -1px;

	cursor: pointer;

}



.pause {

	background: url(../images/pause.png) top left no-repeat;

	display: block;

	width: 97px;

	height: 25px;

	text-indent: -9999px;

	position: absolute;

	bottom: 2px; right: 20px; 

	cursor: pointer;

}



#spotlight img.preview {

	float: right;

}





/* --- MAIN CONTENT --- */



/* --- Content: First Row --- */



#mainContent {

	background: transparent url(../images/bg-maincontent.jpg) top left no-repeat;

	margin: 2px 0 0;

}



#topMain {

	padding: 13px 0 0 18px;

	margin: 0 0 20px 0;

	overflow: hidden; 

}



#who {

	width: 490px;

	float: left;

	padding: 0 20px 0 0;

}



#who img {

	background-color: #eee;

	border: 1px solid #ccc;

	padding: 7px;

	margin: 0 25px 5px 5px;

	float: left;

}



#who h3 {

	color: #393939;

	font: 18px/24px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

	text-transform: uppercase;

	width: 435px;

	background: transparent url(../images/bg-h3.jpg) bottom left repeat-x;

	padding: 0 0 15px 5px; 

	margin: 0 0 20px 0;

}



#who p {

	margin: 0 0 20px 0;

}



#who p.more {

	text-align: right;

}



#who p.more a {

	text-decoration: underline;

}



#services {

	width: 345px;

	float: right;

	margin: 38px 0 0 0;

	padding: 0 0 0 25px; 

	border-left: 1px solid #e4e4e4;

}



#subpage #services{margin: 0;}



#services li {

	width: 260px; 

	height: 47px;

	display: block;

	padding: 10px 0 5px 70px;

}



#services li h5 {

	color: #111;

	font: 12px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

}



#services h3 {

	color: #111;

	font: 14px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

	padding: 20px 0 10px 0;

}



#services h4 {

	color: #333;

	font: 13px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

	padding: 5px 0 5px 0;

}



#services li h5 a {

	color: #111;

}



#services li p {

	color: #545454;

	font: 11px "Lucida Grande", Tahoma, Verdana, sans-serif;

}



#services li#first {

	border-top: 1px solid #fff;

	background: #f6f6f6 url(../images/first.png) top left no-repeat;

}



#services li#first:hover {

	text-decoration: none;;

	background: #fff url(../images/first.png) top left no-repeat;

}



#services li#second {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #e4e4e4;

	background: #f6f6f6 url(../images/second.png) top left no-repeat;

}



#services li#second:hover {

	text-decoration: none;;

	background: #fff url(../images/second.png) top left no-repeat;

}



#services li#third {

	border-top: 1px solid #fff;

	background: #f6f6f6 url(../images/third.png) top left no-repeat;

}



#services li#third:hover {

	text-decoration: none;;

	background: #fff url(../images/third.png) top left no-repeat;

}





#services li#fourth {

	border-top: 1px solid #fff;

	background: #f6f6f6 url(../images/fourth.png) top left no-repeat;

}



#services li#fourth:hover {

	text-decoration: none;;

	background: #fff url(../images/fourth.png) top left no-repeat;

}

#services li#fifth {

	border-top: 1px solid #fff;

	background: #f6f6f6 url(../images/fifth.png) top left no-repeat;

}



#services li#fifth:hover {

	text-decoration: none;;

	background: #fff url(../images/fifth.png) top left no-repeat;

}



#services li#sixth {

	border-top: 1px solid #fff;

	background: #f6f6f6 url(../images/sixth.png) top left no-repeat;

}



#services li#sixth:hover {

	text-decoration: none;;

	background: #fff url(../images/sixth.png) top left no-repeat;

}



#services li#seventh {

	border-top: 1px solid #fff;

	background: #f6f6f6 url(../images/seventh.png) top left no-repeat;

}



#services li#seventh:hover {

	text-decoration: none;;

	background: #fff url(../images/seventh.png) top left no-repeat;

}



#services li#eight {

	border-top: 1px solid #fff;

	background: #f6f6f6 url(../images/eight.png) top left no-repeat;

}



#services li#eight:hover {

	text-decoration: none;;

	background: #fff url(../images/eight.png) top left no-repeat;

}

#services li#ninth {

	border-bottom: 1px solid #e4e4e4;

	background: #f6f6f6 url(../images/ninth.png) top left no-repeat;

}



#services li#ninth:hover {

	text-decoration: none;;

	background: #fff url(../images/ninth.png) top left no-repeat;

}

#services li#tenth {

	border-top: 1px solid #fff;

	background: #f6f6f6 url(../images/tenth.png) top left no-repeat;

}



#services li#tenth:hover {

	text-decoration: none;;

	background: #fff url(../images/tenth.png) top left no-repeat;

}

#services li#eleventh {

	border-top: 1px solid #fff;

	background: #f6f6f6 url(../images/eleventh.png) top left no-repeat;

}



#services li#eleventh:hover {

	text-decoration: none;;

	background: #fff url(../images/eleventh.png) top left no-repeat;

}

/* --- Content: Second Row --- */



#bottomMain {

	border-top: 1px solid #e4e4e4;

	padding: 15px 15px 0;

	margin: 0 0 25px 0;

	overflow: hidden; 

}



#notes {

	width: 265px;

	padding: 0 25px 0 0;

	float: left;

}



#swipe {

	width: 270px;

	padding: 0 25px 0 25px;

	float: left;

	border-right: 1px solid #e4e4e4;

	border-left: 1px solid #e4e4e4;

}



#bulb {

	width: 220px;

	float: left;

	padding: 0 0 0 25px;

}



#notes h4, #swipe h4, #bulb h4 {

	color: #222;

	font: 14px/24px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

	margin: 0 0 10px 0;

	height: 20px;

	padding: 0 0 0 25px;

}



#notes h4 {

	background: url(../images/h4-notes.jpg) top left no-repeat;

}



#swipe h4 {

	background: url(../images/h4-swipe.jpg) top left no-repeat;

}



#bulb h4 {

	background: url(../images/h4-bulb.jpg) top left no-repeat;

}



/* --- FOOTER --- */



#footer, .push {

    height: 120px;

    padding: 15px 0 0 0;

}



#footer {

	background: #f0f0f0 url(../images/bg-h3.jpg) top left repeat-x;
	height:100%;
}



#footer-inner {

	width: 850px;

	margin: 0 auto;

	overflow: hidden;

}



#footer-inner p {

	float: left;

}



#footer-inner p.validate {

	float: right;

	line-height: 18px;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

}



#footer-inner p.validate a {

	color: #555;

	background: url(../images/valid.jpg) top left no-repeat;

	padding: 0 0 0 20px;

	margin: 0 25px 0 0;

	height: 20px;

	display: block;

	float: left;

}





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

--------- SUBPAGES ---------

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



#content {

	width: 100%;

	background: transparent url(../images/bg-maincontent.jpg) top left no-repeat;

	margin: 36px 0 0 0;

	overflow: hidden;

}



#portfolio {

	margin: 10px 5px 0;

	overflow: hidden;

}



/* --- Single Portfolio Item --- */



.item {

	width: 425px;

	float: left;

	margin: 0 10px 40px;

	color: #565656;

}



.item img {

	background-color: #ececec;

	border: 1px solid #ddd;

	padding: 6px;

	margin: 0 0 15px;

}



.item h2 {

	font: 18px "Lucida Grande", Tahoma, Verdana, sans-serif;

	border-top: 1px solid #e4e4e4;

	border-bottom: 1px solid #e4e4e4;

	padding: 12px 0 12px 2px;

	margin: 0 7px 15px;

}



.item p {

	padding: 0 10px;

}



/* --- Portfolio Nav --- */



#folioNav {

	width: 100%;

	height: 35px;

	margin: 0 5px;

	background: #ececec url(../images/bg-h3.jpg) top left repeat-x;

	border-bottom: 1px solid #e4e4e4;

	overflow: hidden;

}



#folioNav span#previous {

	float: left;

	width: 96px;

	height: 26px;

	background: transparent url(../images/previous.png) top left no-repeat;

	text-indent: -9999px;

	margin: 5px 10px;

}



#folioNav span#next {

	float: right;

	width: 96px;

	height: 26px;

	background: transparent url(../images/next.png) top left no-repeat;

	text-indent: -9999px;

	margin: 5px 10px;

}



/* --- Clients & Testimonials --- */



#wrap {

	margin: 40px 10px 25px 20px;

	overflow: hidden;

}



#clients {

	width: 600px;

	float: left;

	padding: 0 10px 0 0;

	border-right: 1px solid #e4e4e4;

}



#testimonials {

	width: 230px;

	float: left;

	margin: 0 0 0 20px;

}



#clients h4, #testimonials h4 {

	color: #222;

	font: 14px/16px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

	margin: 0 0 10px 0;

	height: 16px;

	padding: 0 0 0 22px;

}



#clients h4 {

	background: url(../images/h4-clients.jpg) top left no-repeat;

}



#testimonials h4 {

	background: url(../images/h4-testi.jpg) top left no-repeat;

	line-height: 10px;

	margin-left: 18px;

}



#clientlist {

	overflow: hidden;

}



#clientlist li {

	float: left;

	margin: 0 15px 0 0;

}



#clientlist li img {

	background-color: #ececec;

	border: 1px solid #ddd;

	padding: 6px;

	margin: 0 0 15px;

}



#testimonials blockquote {

	background: url(../images/quotes.jpg) top left no-repeat;

	padding: 0 10px 0 25px;

	margin: 0 0 15px 0;

	color: #999;

	font-style: italic;

}



#testimonials p.author {

	padding: 0 10px 0 25px;

}



#testimonials span.readmore {

	display: block;

	width: 96px;

	height: 25px;

	background: transparent url(../images/readmore.png) top left no-repeat;

	text-indent: -9999px;

	margin: 0 20px;

}



/* --- CONTACT PAGE --- */



#contactForm {

	width: 470px;

	float: left;

	padding: 0 20px 0 0;

	margin: 0 0 25px 20px;

}



.topBorder {

	border-top: 1px solid #e4e4e4;

	padding-top: 30px;

}



#contactInfo {

	margin-bottom: 50px;

}



#contactInfo p {

	color: #545454;

}



#contactInfo h4 {

	color: #222;

	font: 14px/16px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

	background: url(../images/contact.png) top left no-repeat;

	margin: 0 0 10px 0;

	height: 16px;

	padding: 0 0 0 25px;

}



/* --- Contact Form --- */



#contactForm form label {

	/*display: none;*/

}



#contactForm form input {

	display: block;

	height: 15px;

	border: none;

	border-bottom: 1px solid #ccc;

	background-color: #f6f6f6;

	width: 230px;

	margin: 0 0 20px 0;

	color: #2c2c2c;

	padding: 5px;

	font: 11px/20px "Lucida Grande", Tahoma, sans-serif;

}





#contactForm form input#submit {

	display: inline;

	height: 25px;

	width: 97px;

	background: transparent url(../images/send.png) top left no-repeat;

	border: 0;

	text-indent: -9999px;

	float: right;

	margin: 5px 55px 0 0; 	

}



#contactForm form textarea {

	display: block;

	border: none;

	border-bottom: 1px solid #ccc;

	background-color: #f6f6f6;

	width: 300px;

	margin: 0 0 20px 0;

	color: #2c2c2c;

	padding: 5px;

	font: 11px/20px "Lucida Grande", Tahoma, sans-serif;

	

}





#contactForm form input.field_radio {

        display: inline;

	height: 15px;

	width: 30px;

	border: none;

	border-bottom: 1px solid #ccc;

	background-color: #f6f6f6;

	margin: 0 0 20px 0;

	color: #2c2c2c;

	padding: 5px;

	font: 11px/20px "Lucida Grande", Tahoma, sans-serif;

}

#contactForm form label.radio_label {

	height: 15px;

	width: 30px;

	border: none;

	border-bottom: 1px solid #ccc;

	background-color: #f6f6f6;

	color: #2c2c2c;

	font: 11px/20px "Lucida Grande", Tahoma, sans-serif;

}

#breadcrumbs {

	padding: 8px 0 0 18px;

}

#portfolio h1 {

	color: #393939;

	font: 18px/24px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

	text-transform: uppercase;

	background: transparent url(../images/bg-h3.jpg) bottom left repeat-x;

	padding: 0 0 15px 5px; 

	margin: 0 0 20px 0;

}

#portfolio h3 {

	color: #393939;

	font: 12px/18px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

	text-transform: uppercase;

	background: transparent url(../images/bg-h3.jpg) bottom left repeat-x;

	padding: 0 0 15px 5px; 

	margin: 0 0 20px 0;

}



.leistungenimg {

margin: 5px 10px;

padding-right: 10px;

float: left;

}

.leistungentable {

width: 50%

}

#clientlist {

	list-style-type: none;

	

}

.orderbox {padding: 8px; float: left;}



#services h2 {color: #393939;

	font: 16px/22px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

	padding: 10 0 5px 10px;

	margin: 0 0 20px 0; 

	}

#services fieldset {

	margin: 0 0 20px 0; 

	}

#hostingpreisvergleich table {

	border-collapse: collapse;

	width: 100%;

	font-size: 1em;

}



#hostingpreisvergleich th {

	color: #fff;

	font-weight: bold;

	padding: 2px 11px;

	text-align: center;

	line-height: 1.2;

	vertical-align: top;

}



#hostingpreisvergleich td {

	padding: 6px 11px;

	border-bottom: 1px solid #95bce2;

	vertical-align: middle;

}



#hostingpreisvergleich td.tableleft {

	padding: 6px 11px;

	border-bottom: 1px solid #95bce2;

	text-align: left;

}



#hostingpreisvergleich td {

	padding: 6px 11px;

}



#hostingpreisvergleich tr.alt td {

	background: #ecf6fc;

}



#hostingpreisvergleich tr.over td {

	background: #bcd4ec;

}



#hostingpreisvergleich td.hostingpreis {

	background: #fff url(../images/preis_hosting.png) center center no-repeat;

	color: #fff;

	font: 30px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

	width: 83px;

	height: 70px;

}

.euro {

	color: #fff;

	font: 10px/12px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

	padding-top:-10px;

	

}

#hostinghead {

	background: #fff url(../images/mczweihosting.png) center center no-repeat;

	width: 534px;

	height: 183px;

	margin-bottom: -30px;

}





th h2 {color: #fff; font-size: 14px;}



abbr{border-bottom: 1px dashed #ccc;cursor: help;}

.webdesign_row td{border-bottom: 1px solid #666;padding: 10px;}

.webdesign_row td.preis{border:none;}



h2 {color: #393939;

	font: 16px/22px "Lucida Grande", Tahoma, Verdana, sans-serif;

	font-weight: bold;

	padding: 10 0 5px 10px;

	margin: 0 0 20px 0; 

	}

	

/* --- Single Portfolio Item --- */



.item_portfolio {

	width: 410px;

	float: left;

	margin: 0 10px 40px;

	color: #565656;

}



.item_portfolio img {

	background-color: #ececec;

	border: 1px solid #ddd;

	padding: 6px;

	margin: 0 0 15px;

}



.item_portfolio h2 {

	font: 18px "Lucida Grande", Tahoma, Verdana, sans-serif;

	border-top: 1px solid #e4e4e4;

	border-bottom: 1px solid #e4e4e4;

	padding: 12px 0 12px 2px;

	margin: 0 7px 15px;

}



.item_portfolio p {

	padding: 0 10px;

}



/* --- Portfolio Nav --- */
#mobileviewtext {position:absolute;
width:98%;
z-index:10;}

.stag_class {
	font-weight: 500;
	color: #000000;
	font-size: 1.4em;
	padding: 8px;
}
.stag_title {
	margin: 0px 0px 16px 0px;
	text-align: left;
	font-weight: bold;
}

div.stag_class a {
	color: #000000 !important;
	font-weight: 500 !important;
	line-height: 150% !important;
	text-decoration: none !important;
}

.stag_class a:link {font-weight: 500; color: #000000; text-decoration: none; }
.stag_class a:visited {font-weight: 500; color: #000000; text-decoration: none; }
.stag_class a:focus {font-weight: 500; color: #000000; text-decoration: none; outline-style: none; border-style: none;}
.stag_class a:hover {font-weight: 500; color: #336699; text-decoration: none; }
.stag_class a:active {font-weight: 500; color: #000000; text-decoration: none; }

span .stag_tag {
	white-space: pre-wrap;
	word-spacing: 0em;
}

.stag_size_7 {
	font-size: 170%;
	font-weight: 900;
	word-spacing: 0em;
}
.stag_size_6 {
	font-size: 150%;
	font-weight: 900;
	word-spacing: 0em;
}
.stag_size_5 {
	font-size: 140%;
	font-weight: 500;
	word-spacing: 0.1em;
}
.stag_size_4 {
	font-size: 120%;
	font-weight: 500;
	word-spacing: 0.2em;
}
.stag_size_3 {
	font-size: 100%;
	font-weight: 500;
	word-spacing: 0.4em;
}
.stag_size_2 {
	font-size: 90%;
	font-weight: 100;
	word-spacing: 0.6em;
}
.stag_size_1 {
	font-size: 75%;
	font-weight: 100;
	word-spacing: 0.8em;
}
.stag_size_0 {
	font-size: 60%;
	font-weight: 100;
	word-spacing: 1.0em;
}
.stag_age_4 {
	color: #2a1b00;
}
.stag_age_3 {
	color: #5a3b00;
}
.stag_age_2 {
	color: #805400;
}
.stag_age_1 {
	color: #a86f00;
}
.stag_age_0 {
	color: #d2a651;
}


/* for lists like Last-Visitors list */
.slist_class {
	font-weight: 500;
	color: #000000;
	font-size: 1.6em;
	text-align: left;
	display: block;

	padding: 8px;
	overflow: hidden;
}
.slist_title {
	margin: 0px 0px 8px 0px;
	text-align: left;
	font-weight: bold;
}
.slist_line_spacer {
	margin: 0px 0px 2px 0px;
}
.slist_hostname {
	font-size: 55%;
	font-weight: 500;
}
.slist_age {
	font-size: 50%;
	font-weight: 300;
}
.slist_flag {
	font-size: 50%;
	font-weight: 300;
}