/* CSS Document */

h1,h2,h3,h4,h5,h6,ul,li,ol,div,p,img ,form,input,div{
	float: left;
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {
	text-decoration: none;
}

a img {
	border: 0px;
}

a span {
	display: none;
}

ul li {
	float: left;
	list-style: none;
}

body {
	margin: 0px;
	padding: 0px;
	background: #999999 url(/web-hosting-provider/images/bg_body.jpg) repeat-x;
}

	#page {
		position: relative;
		float: none;
		width: 787px;
		margin: 0px auto 0px auto;
		padding: 0px 17px 0px 0px;
		background: #FF0000;
	}

	#header {
		position: absolute;
		top: 0px;
		width: 775px;
		height: 303px;
		padding: 15px 0px 0px 11px;
		background: url(/web-hosting-provider/images/bg_header.gif) no-repeat;
	}

		#logo {
			float: left;
			width: 775px;
			height: 50px;
		}

		#header ul {
			width: 775px;
			height: 23px;
			padding: 30px 0px 0px 0px;
		}

			#header ul li {
				height: 23px;
				background: url(/web-hosting-provider/images/bg_header_ul_li.gif) no-repeat right;
				padding: 0px 1px 0px 0px;
			}

			#header ul li.right {
				background: url(/web-hosting-provider/images/bg_header_ul_li.gif) no-repeat left;
				padding: 0px 0px 0px 1px;
			}

			#header ul li.first {
				background: url(/web-hosting-provider/images/bg_header_ul_li.gif) no-repeat 81px 0px; /* alt: no-repeat 81px 0px; */
				padding: 0px 0px 0px 82px; /* alt: padding: 0px 0px 0px 104px; */
			}

				#header ul li a {
					float: left;
					height: 19px;
					padding: 4px 10px 0px 10px;
					color: #333333;
					font-size: 13px;
					background: url(/web-hosting-provider/images/bg_header_ul_li_a.gif) repeat-x 0px 0px;
				}
				#header ul li a:hover {
					background: url(/web-hosting-provider/images/bg_header_ul_li_a.gif) repeat-x 0px -23px;
				}

		#main_banner {
			float: left;
			height: 190px;
		}

	#content {
		position: absolute;
		top: 318px;
		left: 0px;
		width: 786px;
		background: #FFFFFF url(/web-hosting-provider/images/bg_content.gif) repeat-y;
	}

		img#balken {
			float: right;
			width: 11px;
		}

		#text {
			float: right;
			width: 559px;
			margin: 1px 11px 0px 8px;
			padding: 10px 9px 10px 11px;
			background: url(/web-hosting-provider/images/bg_text.gif) repeat-y;
			border-top: 1px solid #BCBCBC;
			border-bottom: 1px solid #BCBCBC;
			z-index: 1;
		}

			#text h1 {
				width: 535px;
				padding: 11px 13px 8px 11px;
				font-size: 18px;
				font-weight: normal;
				text-transform: uppercase;
				line-height: 27px;
				background: url(/web-hosting-provider/images/bg_text_top.gif) repeat 0px top;
			}

			#text h2 {
				width: 533px;
				font-size: 11px;
				padding: 0px 13px 16px 13px;
				background: url(/web-hosting-provider/images/bg_text_p.gif) repeat-y;
			}

				#text h2 a {
					color: #333333;
					text-decoration:underline;
				}
				#text h2 a:hover { text-decoration: none; }

			#text p {
				width: 535px;
				padding: 0px 13px 16px 11px;
				line-height: 16px;
				background: url(/web-hosting-provider/images/bg_text_p.gif) repeat-y;
			}

				#text p a {
					color: #333333;
					text-decoration: underline;
				}
				#text p a:hover { text-decoration: none; }

			#text ul {
				width: 533px;
				padding: 13px 13px 13px 13px;
				border-top: 1px solid #BCBCBC;
				text-align: center;
				background: url(/web-hosting-provider/images/bg_text_bottom.gif) no-repeat bottom;
			}
			
			/* Anfang Korrekturen von TVM */
      #text ul#list {      
				border-top: 0;
				padding-top:0;
				background: url(/web-hosting-provider/images/bg_text_p.gif) repeat-y;
      }
      
      #text ul#list li{      
				display: list-item;
				list-style-type: square;
				line-height:200%;
				text-align:left;
				margin-left:15px;
				padding-left:15px;
      }
      
      #text ul#list a{
        text-decoration: underline;
      }
      
      #empfehlung {
			width: 753px;
			height: 20px;
			padding: 10px 11px 0px 0px;
			text-align: right;
		  }

			#empfehlung a { 
      color: #333333; 
      }
      
			#empfehlung a:hover { 
      text-decoration: underline; 
      }			
      /* Ende Korrekturen von TVM */
      

				#text ul li {
					float: none;
					display:inline;
					margin: 0px 5px 0px 0px;
				}

					#text ul li a {
						float: none;
						display:inline;
						color: #313131;
					}
					#text ul li.bold a {font-size: 12px;font-weight: bold;}
					#text ul li.big a {font-size: 14px;font-weight: bold; text-decoration:underline;}
					#text ul li a:hover {text-decoration: underline;}


		#col_left {
			float: right;
			width: 166px;
		}

			#col_left ul {
				width: 166px;
				margin: 0px 0px 10px 0px;
				border-top: 1px solid #999999;
			}

					#col_left ul li a {
						float: left;
						width: 128px;
						height: 41px;
						padding: 0px 24px 0px 14px;
						color: #FFFFFF;
						font-weight: bold;
						line-height: 16px;
						background: url(/web-hosting-provider/images/bg_col_left_li_a.gif) no-repeat 0px 0px;
					}
					#col_left ul li a:hover {
						background: url(/web-hosting-provider/images/bg_col_left_li_a.gif) no-repeat 0px -41px;
					}

			#col_left p {
				clear: both;
				float:none;
				width: 115px;
				margin: 0px auto 0px auto;
				padding: 5px 20px 7px 10px;
				font-weight: bold;
				line-height: 16px;
				border: 1px solid #BCBCBC;
			}

				#col_left p a {
					color: #333333;
					font-weight: normal;
					text-decoration: underline;
				}
				#col_left p a:hover { text-decoration: none; }

		#footer {
			width: 753px;
			height: 20px;
			padding: 10px 11px 0px 0px;
			text-align: right;
		}

			#footer a { color: #333333; }
			#footer a:hover { text-decoration: underline; }
			
/* CSS3 Button */

#button-center {
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  width: 557px;
	background-color: #fff;
	border-left: 1px solid #999;
	border-right: 1px solid #999;  
}

.button
{
  display: inline-block;
  white-space: nowrap;
  background-color: #fab400;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd875), to(#fab400));
  background-image: -webkit-linear-gradient(top, #ffd875, #fab400); /* eee - ccc */
  background-image: -moz-linear-gradient(top, #ffd875, #fab400);
  background-image: -ms-linear-gradient(top, #ffd875, #fab400);
  background-image: -o-linear-gradient(top, #ffd875, #fab400);
  background-image: linear-gradient(top, #ffd875, #fab400);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffd875', EndColorStr='#fab400');
  border: 1px solid #777;
  padding: 1em 2.5em;
  margin: 0.5em;
  font-family: 'Verdana', sans-serif;
	font-size: 16px;
	font-weight: bolder;
  text-decoration: none;
  text-align: center;
  color: #333;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  border-radius: .2em;
  -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
  -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
  box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover
{
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fab400), to(#ffd875));
  background-image: -webkit-linear-gradient(top, #fab400, #ffd875); /* fafafa - ddd */
  background-image: -moz-linear-gradient(top, #fab400, #ffd875);
  background-image: -ms-linear-gradient(top, #fab400, #ffd875);
  background-image: -o-linear-gradient(top, #fab400, #ffd875);
  background-image: linear-gradient(top, #fab400, #ffd875);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fab400', EndColorStr='#ffd875');
}

.button:active
{
  -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
  -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
  box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
  position: relative;
  top: 1px;
}

.button:focus
{
  outline: 0;
  background: #fab400;
}    

.button:before
{
  background: #ccc;
  background: rgba(0,0,0,.1);
  float: left;
  width: 1em;
  text-align: center;
  font-size: 1.5em;
  margin: 0 1em 0 -1em;
  padding: 0 .2em;
  -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
  -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
  box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
  -moz-border-radius: .15em 0 0 .15em;
  -webkit-border-radius: .15em 0 0 .15em;
  border-radius: .15em 0 0 .15em;
}

#button-center *{
  color:#333;
  text-decoration:none;
  font-weight:normal;
}

#button-center a{                         
  text-decoration:none;
}

.newgreybutton                                         
{
  display: inline-block;
  white-space: nowrap;
    
  background-color: #fcfcfc; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(51%,#e3e3e3), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e3e3e3 51%,#efefef 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top,  #fcfcfc 0%, #e3e3e3 51%, #efefef 100%); /* FF3.6+ */
  background: -o-linear-gradient(top,  #fcfcfc 0%,#e3e3e3 51%,#efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fcfcfc 0%,#e3e3e3 51%,#efefef 100%); /* IE10+ */
  background: linear-gradient(top,  #fcfcfc 0%,#e3e3e3 51%,#efefef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
                  
  border: 1px solid #D0D0D0;
  padding: 5px 5px;
  margin: 20px 5px 5px 5px;
  min-width:140px;
  text-decoration: none;
  text-align: center;
  color: #333;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);    
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.newgreybutton:hover,
.newgreybutton:active,
.newgreybutton:focus
{
  background-color: #efefef; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #efefef 0%, #e3e3e3 51%, #fcfcfc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(51%,#e3e3e3), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #efefef 0%,#e3e3e3 51%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #efefef 0%,#e3e3e3 51%,#fcfcfc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #efefef 0%,#e3e3e3 51%,#fcfcfc 100%); /* IE10+ */
  background: linear-gradient(top,  #efefef 0%,#e3e3e3 51%,#fcfcfc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-8 */
}