/* CSS Media YTPI Start */
* {
margin:0;
padding:0;
}
body {
background-color: #333;
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
}
#page {background-color: #FFF; width: 850px; position: static; margin-left: 20px; margin-top: 269px;}
#logo { display: none; position: absolute; top: 0px; left: 70px; background-image: url(../pic/bg_logo.jpg); height: 217px; width: 850px;}
#logo2 { display: none; position: absolute; top: 0px; left: 70px; background-image: url(../pic/bg_logo2.jpg); height: 217px; width: 850px;}
#logo3 { display: none; position: absolute; top: 0px; left: 70px; background-image: url(../pic/bg_logo3.jpg); height: 217px; width: 850px;}
#logo4 { display: none; position: absolute; top: 0px; left: 70px; background-image: url(../pic/bg_logo4.jpg); height: 217px; width: 850px;}
#logo5 { display: none; position: absolute; top: 0px; left: 70px; background-image: url(../pic/bg_logo5.jpg); height: 217px; width: 850px;}
#logo6 { display: none; position: absolute; top: 0px; left: 70px; background-image: url(../pic/bg_logo6.jpg); height: 217px; width: 850px;}
#logo7 { display: none; position: absolute; top: 0px; left: 70px; background-image: url(../pic/bg_logo7.jpg); height: 217px; width: 850px;}
#menue { display: none;  top: 10px; left: 10px; width: 850px; height: 52px; background-color: #CCC;}
#main {position: absolute; top: 0px; left: 20px; width: 600px; background-color: #FFF;}
#main_admin {position: static; float: left; width: 850px; background-color: #FFF;}
#vorteil {
	width: 550px;
	height: 217px;
	background-image: url(../pic/vorteile_bg.gif);
	background-repeat: no-repeat;
	margin: 5px;
	padding-top: 40px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#web_h_p {
	width: 550px;
	height: 430px;
	background-image: url(../pic/webhosting_pakete.gif);
	background-repeat: no-repeat;
	margin: 5px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#web_h_h {
	width: 540px;
	background-image: url(../pic/stichwort.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#main_right { display: none; position: static; float: right; width: 249px; background-color: #FFF;}
#box1a { display: none; position: relative; background-image: url(../pic/box/green_box_01.jpg); width: 238px; height: 53px; margin-left: 5px; margin-top: 3px;}
#box1b { display: none; position: relative; background: url(../pic/box/green_box_02.jpg) repeat; width: 238px; padding: 2px; margin-left: 5px; color:#FFF;}
#box1c { display: none; position: relative; background-image: url(../pic/box/green_box_03.jpg); width: 238px; height: 21px; margin-left: 5px;}
#box2a { display: none; position: relative; background-image: url(../pic/box/blue_box_01.jpg); width: 238px; height: 53px; margin-left: 5px; margin-top: 3px;}
#box2b { display: none; position: relative; background: url(../pic/box/blue_box_02.jpg) repeat; width: 238px; margin-left: 5px; padding: 2px; color:#FFF;}
#box2c { display: none; position: relative; background-image: url(../pic/box/blue_box_03.jpg); width: 238px; height: 21px; margin-left: 5px;}
#box3a { display: none; position: relative; background-image: url(../pic/box/grau_box_01.jpg); width: 238px; height: 39px; margin-left: 5px; margin-top: 3px;}
#box3b { display: none; position: relative; background: url(../pic/box/grau_box_02.jpg) repeat; width: 238px; margin-left: 5px; padding: 2px; color:#FFF;}
#box3c { display: none; position: relative; background-image: url(../pic/box/grau_box_03.jpg); width: 238px; height: 21px; margin-left: 5px;}
#footer { display: none; position: static; width: 850px; margin-left: 70px; background: #CCC url(../pic/bg_footer.jpg) repeat; color: #FFF; font-size: 12px; line-height: 15px; text-align: center; padding-top: 7px; padding-bottom: 7px;}
/*Standard Formatierungen Anfang */
p {
margin: 5px;
padding: 5px;
color: #333333;
line-height: 1.3em;
}
#main h1 {
font-size: 13pt;
color: #006699;
font-weight: bolder;
padding: 5px;
margin: 5px;
}
#main h2 {
font-size: 13pt;
color: #006699;
font-weight: bolder;
padding: 5px;
margin: 5px;
}
#main_admin h1 {
font-size: 13pt;
color: #006699;
font-weight: bolder;
padding: 5px;
margin: 5px;
}
#main_admin h2 {
font-size: 13pt;
color: #006699;
font-weight: bolder;
padding: 5px;
margin: 5px;
}
#teaser h1 {
font-size: 13pt;
color: #006699;
font-weight: bolder;
padding: 5px;
margin: 5px;
}
#teaser h2 {
font-size: 13pt;
color: #006699;
font-weight: bolder;
padding: 5px;
margin: 5px;
}
#main a, #main a:link, #main a:visited {color: #093; font-weight: bold; text-decoration: none;}
#main a:hover, #main a:active, #main a:focus {color: #069; font-weight: bold; text-decoration: none;}
#main_admin a, #main_admin a:link, #main_admin a:visited {color: #093; font-weight: bold; text-decoration: none;}
#main_admin a:hover, #main_admin a:active, #main_admin a:focus {color: #069; font-weight: bold; text-decoration: none;}
#teaser a, #teaser a:link, #teaser a:visited {color: #093; font-weight: bold; text-decoration: none;}
#teaser a:hover, #teaser a:active, #teaser a:focus {color: #069; font-weight: bold; text-decoration: none;}
#web_h_p a, #web_h_p a:link, #web_h_p a:visited {color: #FFF; font-weight: bold; text-decoration: underline;}
#web_h_p a:hover, #web_h_p a:active, #web_h_p a:focus {color: #FFF; font-weight: bold; text-decoration: underline;}
#web_h_h a, #web_h_h a:link, #web_h_h a:visited {color: #FFF; font-weight: bold; text-decoration: underline;}
#web_h_h a:hover, #web_h_h a:active, #web_h_h a:focus {color: #FFF; font-weight: bold; text-decoration: underline;}
/*Standard Formatierungen Ende */
#box1b p {
margin: 3px; 
margin-left: 18px; 
margin-right: 18px; 
padding: 3px;  
color: #FFF;
}
#box1b a, #box1b a:link, #box1b a:visited {
border: 1px solid #093;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 1px;
color: #FFF;
text-decoration: none;
line-height: 20px;
}
#box1b a:hover, #box1b a:active, #box1b a:focus {
border: 1px solid #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 1px;
color: #FFF;
text-decoration: none;
line-height: 20px;
}
#box2b a, #box2b a:link, #box2b a:visited {
border: 1px solid #069;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 1px;
color: #FFF;
text-decoration: none;
line-height: 20px;
}
#box2b a:hover, #box2b a:active, #box2b a:focus {
border: 1px solid #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 1px;
color: #FFF;
text-decoration: none;
line-height: 20px;
}
#box2b .left {
float: left;
border: solid 1px #000033;
padding: 3px;
margin: 3px;
margin-left: 18px;
}
#box2b p {
margin: 3px;
margin-left: 18px;
margin-right: 18px;
padding: 3px;
color: #FFF;
}
#vorteil p {
font-size: 15px;
margin-top: 40px;
margin-left: 35px;
margin-right: 40px;
margin-bottom: 40px;
padding: 3px;
color: #FFF;
}
#web_h_p p {
font-size: 14px;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding: 3px;
color: #FFF;
}
#web_h_h p {
font-size: 14px;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding: 3px;
color: #FFF;
}
.zitat {
font-style: italic;
}
#box3b a, #box3b a:link, #box3b a:visited {
border: 1px solid #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 1px;
color: #FFF;
text-decoration: none;
line-height: 20px;
}
#box3b a:hover, #box3b a:active, #box3b a:focus {
border: 1px solid #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 1px;
color: #FFF;
text-decoration: none;
line-height: 20px;
}
.box_h {
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bolder;
text-align: center;
letter-spacing: 0.2em;
}
#box3b p {
margin: 3px;
margin-left: 18px;
margin-right: 18px;
padding: 3px;
color: #FFF;
}
/* Menü Anfang */
#menue ul { 
text-align: center;
margin-top: 2px;
}
#menue li {
line-height: 20px;
list-style-type: none;
}
#menue a {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11pt; color: #FFF; background: url(../pic/g_verlauf_hg.gif) repeat #666; padding: 15px 16px 15px 16px;}
#menue a:hover {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11pt; color: #FFF; background: url(../pic/blau_verlauf_hg.jpg) repeat #3C0; padding: 14px 16px 14px 16px;}
#menue a:active{text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11pt; color: #FFF; background: url(../pic/grau_verlauf_hg.jpg) repeat #099; padding: 14px 16px 14px 16px;}
/* Menü Ende */
.mininav {
font-size: 10pt;
color: #999;
padding: 3px;
margin: 3px;
padding-left: 5px;
margin-left: 5px;
}
#main ul {
list-style: url(../pic/stern.jpg);
margin: 10px;
margin-left: 20px;
color: #069;
font-weight: bold;
}
#main li {
margin-left: 15px;
line-height: 15px;
padding: 5px;
color: #069;
font-weight: bold;
}
#main_admin ul {
list-style: url(../pic/stern.jpg);
margin: 10px;
margin-left: 20px;
color: #069;
font-weight: bold;
}
#main_admin li {
margin-left: 15px;
line-height: 15px;
padding: 5px;
color: #069;
font-weight: bold;
}
#smile ul {
list-style: url(../pic/smile.gif);
margin: 10px;
margin-left: 20px;
color: #069;
font-weight: bold;
}
#smile li {
margin-left: 15px;
line-height: 15px;
padding: 5px;
color: #069;
font-weight: bold;
}
#vorteil ul {
list-style: url(../pic/haken.gif);
margin: 26px;
padding: 10px;
font-size: 17px;
color: #FFF;
font-weight: bold;
}
#vorteil li {
margin-left: 20px;
line-height: 32px;
padding: 0px;
color: #FFF;
font-weight: bold;
}
/* divs im Logo Anfang */
#slogan {
	display: none; 
	position: absolute;
	top: 17px;
	left: 200px;
	width: 428px;
}
#slogan h1{font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 800; letter-spacing: 0.3em; color: #FFF;}
#words { display: none; position: absolute; top: 88px; left: 250px;}
#words h2 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFF; padding: 2px;}
/* divs im Logo Ende */
#footer a {text-decoration: none; color: #FFF;}
#footer a:hover {text-decoration: none; color: #666;}
div#bg {background-color: #FFF;}
div#ende {background-color: #FFF;}
#bg #ende {clear: both;}
/*Kontaktformular */
#main td {
font-size: 14px;
color: #006699;
font-weight: bold;
}
#main input {
border-color: #009933;
border: 2px;
background-color: #66ff66;
color: #666;
font-size: 13px;
}

.feld {
font-weight: 400;
height: 20px;
width: 200px;
}
.button {
font-weight: bolder;
color: #666;
text-transform: uppercase;
height: 35px;
width: 235px;
}
.radio {
background-color: #FFFFFF;
}
#main textarea {
border-color: #009933;
border: 2px;
background-color: #66ff66;
color: #000;
font-size: 13px;
font-weight: 400;
height: 200px;
width: 440px;
}
/* Formular valdieren */
input.invalid:focus, textarea.invalid:focus {
	background-color: #FFE813;
	border: 0.2em;
	border-color: #BB0000 !important;
	border-style: solid;
	margin: 0 !important;
}

input:focus, textarea:focus {
	background-image: none;
	border: 0.2em;
	border-color: #7E9FDA;
	border-style: solid;
	margin: 0;
}
.left_ohne {
float: left;
padding: 5px;
margin: 5px;
margin-left: 5px;
}
.right_ohne {
float: right;
padding: 3px;
margin: 3px;
margin-left: 18px;
}
.left {
float: left;
border: solid 1px #000033;
padding: 5px;
margin: 5px;
margin-left: 5px;
}
.right {
float: right;
border: solid 1px #000033;
padding: 3px;
margin: 3px;
margin-left: 18px;
}
strong {
color: #069;
}
#web_h_p strong {
color: #FFF;
}
#web_h_h strong {
color: #FFF;
}
blockquote {
text-align: center;
font-style: italic;
}
table {
margin: 10px;
}
#teaser { 
width : 100%; 
height : 100%; 
margin : 0; 
padding : 0; 
}
#news {
width: 600px;
height: 100px;
}