.clear
{clear:both;}

.hidden
{display:none;}

#content
{font-size:0.85em;
line-height:1.6em;
position:relative;
}


#content p, #content ul,#content table,content h2,content h3
{margin:0 0 1.2em 0;
}

#content li
{list-style-type:disc;
margin:0 0 0 20px;
line-height:1.7em;
}

#content em
{font-style:italic;}

#content b,#content strong
{font-weight:bold;}



#content a
{color:#000;}

#content table td
{line-height:1.6em;
font-size:0.9em;
vertical-align:middle;
}

#content h2
{font-size:1.2em;
font-weight:bold;}


#content table td a
{color:#4781C3;}


.floatright
{float:right;
margin:0 0 10px 10px;}

.floatleft
{float:left;
margin:0 10px 10px 0;}


.zum-angebot-button
{
display:block;
width:104px;
height:25px;
margin:15px auto;}


#content .checklist li
{
list-style-type:none;
display:block;
background:url(../img/check.jpg) no-repeat left;;
font-size:1.5em;
margin:0 0 10px 0px;
padding:0 0 0 35px;
}


/****Startseiten Slider*****/
			

	
#slider
{
display:block;
width:960px;
height:324px;
overflow:hidden;
margin:0 0 0 -38px;
position:relative;
}

#slider #slogan,#slider #pakete
{position:absolute;
z-index:2;
}


#slider #slogan
{right:85px;top:35px;}


#slider #pakete
{right:45px;top:70px;}



#slider li
{ 
display:block;
width:960px;
height:324px;
margin:0px;
position:relative;
z-index:1;
list-style-type:none;
}
			
	

/*												
#prevBtn a, #nextBtn a{  
  display:block;
  position:absolute;
  z-index:99999;
  width:41px;
  height:108px;
  background:url(../img/arrow-left.png) no-repeat 0 0;
  margin:-210px 0px 0px -38px;
  text-indent:-9900000px;
}

*/

#prevBtn a, #nextBtn a
{display:none;}

	

#nextBtn a{ 
	background:url(../img/arrow-right.png) no-repeat 0 0;
	margin:-210px 0px 0px 881px !important;
}	



/***Link Positionen auf Slider 1***/


#slider .slider1-link1,
#slider .slider1-link2,
#slider .slider1-link3
{display:block;
width: 160px;
height:205px;
position:absolute;
z-index:5;
}



#slider .slider1-link1
{
top:80px;
left:395px;
}

#slider  .slider1-link2
{
top:80px;
left:568px;
}


#slider .slider1-link3
{
top:80px;
left:740px;
}



/*** Angebotsboxen ***/
.angebotsboxen{
	display: block;
	padding: 0;
	margin: 5px 0 0 !important;
	overflow: hidden;
	clear: both;
}
.angebotsboxen li{
	float: left;
	background: #fff;
	margin: 0 0.5% !important;
	width: 33%;
	overflow: hidden;
	padding: 0;
	display: block;
	
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.angebotsboxen li:first-child{
	margin: 0 !important;
}
.angebotsboxen li:last-child{
	margin: 0 !important;
}
.angebot a{
	display: block;
}
.angebot img{
	width: 100%;
	height: auto;
}


/***Text auf Startseite***/

#startseitentext p, #content p, #content ul,#content table,content h2,content h3
{margin:0 0 1.2em 0;
}

#startseitentext
{
margin:0px 5px 10px 5px;
font-size:0.85em;
line-height:1.4em;
overflow:hidden;
}


#start-links
{
display:block;
width:600px;
float:left;
}

#start-rechts
{
display:block;
width:310px;
padding:10px 0 0 0;
text-align:center;
float:right;
}

#start-rechts img
{
margin:60px 0 0 0;
}



#startseitentext b, #startseitentext strong, #content b,#content strong
{font-weight:bold;}


#startseitentext a,#content a
{color:#000;}


.fullwidth
{
margin:10px 0px 10px -39px;
line-height:1.4em;
overflow:hidden;
width:940px;
}

#startseitentext h1,
.fullwidth h1
{
font-size:1.3em;
color:#2055A6;
margin:0 0 1em 0;
font-weight:normal;
}


#startseitentext h2,
.fullwidth h2
{
font-size:1.2em;
color:#2055A6;
margin:0 0 1em 0;
font-weight:normal !important;
}


#startseitentext h3,
.fullwidth h3
{
font-size:1.15em;
font-weight:bold;
margin:0 0 1em 0;
font-weight:normal !important;
}


hr {
  border: 0;
  height:1px;
background:#D8D8D8;
display:block;
margin:0 0 1em 0;
}




/***Ueberschriften Modul***/


#content #headline
{display:block;
height:138px;
border:1px solid #dfdfdf;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
position:relative;
margin:0 0 20px -38px;
}


#content #headline h1
{display:block;
position:absolute;
background:#fff;
font-size:1.4em;
line-height:1.6em;
padding:0 10px 0 10px;
border:1px solid #dfdfdf;
border-bottom:0px;
bottom: -1px;
left:20px;
color:#2f6db3;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-webkit-box-shadow: -1px -6px 7px #d1d1d1;
/* webkit browser*/ -moz-box-shadow: -1px -6px 7px #d1d1d1;
/* firefox */ box-shadow: -1px -6px 7px #d1d1d1;
min-width:240px;
margin:0px;
}





/***Fragenbox***/

#fragenbox .wuerfel
{display:block;
width:80px;
height:80px;
float:right;
}

#fragenbox
{border:1px solid #cecece;
padding:7px;
background:url(../img/bg-questions.jpg) no-repeat top right;
overflow:hidden;
}


/*****FAQ*****/

.faq h3
{display:block;
text-decoration:none;
padding:5px;
margin: 0 0 0px 0;
cursor:pointer;
}

.faq h3:hover
{text-decoration:underline;}

.faq h3.active
{
background:#2f6db3;
color:#fff;
text-decoration:none;
margin: 0px;
}

.faq .answer
{border:1px solid #cecece;
border-top:0px;
padding:5px;
line-height:1.5em;
}


/***Kundenmeinung***/

.kundenmeinung h3
{display:block;
margin:0 0 15px 0;}

.kundentext img
{position:absolute;
top:-9px;
left:0px;
}

.kundentext
{
position:relative;
background:#e6e6e6;
padding:10px;
-webkit-border-radius: 7px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 7px;
-moz-border-radius-topleft: 0;
border-radius: 7px;
border-top-left-radius: 0;
font-size:0.9em;
margin:0 0 30px 30px;
}


.kundentext p
{margin:0px !Important;}



/***Referenz***/




.referenz
{
border:1px solid #dfdfdf;
padding:10px;
overflow:hidden;
margin-bottom:20px;
display:block;
width:425px;
min-height:160px;
}

.ref-links
{
float:left;
margin-right:20px;
}

.ref-rechts
{
float:right;
}


.referenz-text-hidden
{display:none;}

.referenz-text-hidden.offen
{display:block !important;}

.referenz-name
{font-size:1.2em;
color:#296bb5 !important;
display:block;
margin:0 0 10px 0;}

.referenz-bild
{display:block;
width:150px;
margin:0 20px 0 0;
overflow:hidden;
border:1px solid #dfdfdf;
float:left;}

.referenz-text
{display:block;
float:left;
width:240px;}

.referenz-text .more-info
{text-decoration:underline;
cursor:pointer;}

.referenz-text p.referenz-leistung
{margin:0px !important;
color:#296bb5; }

/*******Tabellen********/



.line_top
 {
	border:1px solid #a9a9a9;
	background:#c3c3c3 url(../img/bg-table-top.gif) repeat-x top;
	color:#000;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding: 4px;
	font-size:0.95em !important;
	font-weight: bold;
	margin:0 0 0px 0;
 }

td.line_x
 {
  background:#2f6db3 url(../img/bg-domains-th.gif) repeat-x top;
  color:                    #FFFFFF;
  padding:                  4px;
  font-weight:              bold;
 }


td.line_a
{background-color:#F6F6F6; padding:4px;}


td.line_b
{background-color:#FDFDFD; padding:4px; }


table.webhosting,table.paketvergleich,table.domainpreise
{
width:100%;
cellpadding:0px;
border:1px solid #C3C3C3;
}


.show-resp{
	display: none;
}



table.webhosting .col2,table.paketvergleich .col2
{text-align:center;
width:125px !important;
}


#domain-einleitung td.line_a,#domain-einleitung td.line_b
{border:1px solid #C3C3C3 !important;
}


table.webhosting td.line_b.col2,table.webhosting td.line_a.col2
{
border-left:1px solid #cfcfcf;
width:100px;

}

table.paketvergleich td.line_a.col2,table.paketvergleich td.line_b.col2
{border-left:1px solid #cfcfcf;}

table.domainpreise .col2
{border-left:1px solid #cfcfcf;}


.scrollhinweis{
	display: none;
	font-size: 0.75em;
	text-align:right;
	background:#ececec;
	margin:0px 2px !important;
	padding:5px 5px;
-webkit-border-radius: 7px;
border-radius: 7px;
}


.scrollhinweis img{
	height: 12px;
	vertical-align:middle;
	margin:0 0 0 5px;
}


/***Admin***/

#leftcontent
{display:block;
width:200px;
float:left;
}


#content_inner2
{float:left;
display:block;
width:672px;
padding:5px 10px 5px 10px;
margin:0 0 10px 10px;
border:1px solid #cecece;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

@media only screen and (max-width:1000px){

	#slider
	{display:none;}
	
	#start-links,
	#start-rechts
	{width:49% !important;}
	
	#start-rechts img
	{width:100%;}
	
	.show-resp{
		display: block;
	}
	
	#content{
		padding: 5px;
	}
	
	.small-box1,
	.small-box2{
		margin: 5px 0 0;
	}
	
	p.btn-wrapper{
		width: 100%;
		text-align: center;
		display: block;
	}
	img.btn{
		display: inline-block;
	}
	
	li.id32{display:none;}

}

@media only screen and (max-width:970px){

	body {font-size:110%;}

	#headline {
		background-position:right !important;
		width:auto;
		margin:0 0 50px 0 !important;
		}
	
	#content #headline h1 {
		left:0px;
       bottom:-40px;
/* webkit browser*/ -moz-box-shadow: none;
      /* firefox */ box-shadow: none;
      border:0px !important;
		}
	
	#content {
		width:auto;
		padding:0px;
		margin:4px;
	}
	
	.formgen {
		width:auto !important;
		margin:0px;
		}
	
	#content-left,
	#content-right
	{
		width:48%;
		padding:0px;
	}
	#content-left{
		margin: 0 4% 0 0;
	}
	
	.content-eingerueckt
	{
		width:auto !important;
		margin:0px;
	}
	
	.tablescroll{
	width: 100%;
	overflow-x: scroll !important;
	height: auto;
	position: relative;
	padding-top: 20px;
    }
	
	.scrollhinweis.webhosting
	{
		display: block;
	}
	
	.referenz{
		width: 48%;
		box-sizing: border-box;
		-o-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.referenz.links{
		margin: 0 4% 0 0;
	}
	
}

@media only screen and (max-width:529px){
	
	.referenz{
		width: 100%;
	}
	
}

@media only screen and (max-width:449px){
#start-links {float:none; width:100% !important;}
#start-rechts {float:none; width:100% !important;}

	table.domainpreise,
	table.domainpreise tbody,
	table.domainpreise tr
	{
		width: 447px !important;
	}
	.scrollhinweis.domainpreise
	{
		display: block;
	}

}

@media only screen and (max-width:770px){
	
	table.paketvergleich,
	table.paketvergleich tbody,
	table.paketvergleich tr
	{
		width: 770px !important;
	}
	.scrollhinweis.paketvergleich
	{
		display: block;
	}
	
	img[src="files/ssl-anbieter.jpg"]{
		width: 100% !important;
	}
}

@media only screen and (max-width:740px){
	
	#content-left,
	#content-right
	{
		float:none;
		width:auto;
		margin:0px;
		padding:0px;
	}
	
	table.webhosting,
	table.webhosting tbody,
	table.webhosting tr
	{
		width: 740px !important;
	}

}

@media only screen and (max-width:499px){
	
	.angebotsboxen li{
		float: none;
		margin: 0 !important;
		width: 100%;
	}
	.angebotsboxen li,
	.angebotsboxen li:first-child,
	.angebotsboxen li:last-child{
		margin: 5px 0 !important;
	}
	.angebot img{
		width: 80%;
		display: block;
		margin: 10px auto;
	}
	
}


@media only screen and (max-width:375px){
	
	#content table td {}
}