/* 1. DESIGN */
body{ 
	background-color: #FFFFFF;
	background:url(http://www.business-hoster.com/media/design/kachel.jpg);
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: auto;
	scrollbar-3dlight-color: #333333;
	scrollbar-arrow-color: #333333;
	scrollbar-base-color: #B3B3B3;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #B3B3B3;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #333333;
	scrollbar-track-color: #FFFFFF;
}

#leftborder{
	width:12px;
	height:100%;
	padding:0px;
	float:left;
	background-color: #d85151;
	border: 1px solid #ffffff;
}
#contentbg{
	background:url(http://www.business-hoster.com/media/design/bgmain.jpg) top left no-repeat;
	float:left;
	width:613px;
	min-height:587px;
	visibility: visible;
	display: block;
}
#content{
	margin:15px;
}
#navi{
	top: 0px; 
	float:left;
	width:932px;
	height:37px;
	overflow: hidden;
}
#rightborder{
	width:319px;
	height:618px;
	padding:0px;
	float:left;
}
#teaser1{
	background:url(http://www.business-hoster.com/media/design/teaser1-bg.jpg);
	width:319px;
	height:152px;
	padding-left:40px; 
	padding-top:35px;
	overflow: hiden;
}
#teaser2{
	background:url(http://www.business-hoster.com/media/design/teaser2-bg.jpg);
	width:319px;
	height:181px;
}
#teaser3{
	background:url(http://www.business-hoster.com/media/design/teaser3-bg.jpg);
	width:319px;
	height:250px;
}
#footer{
	top: 0px; 
	background:url(http://www.business-hoster.com/media/design/footer.jpg) top left repeat-x;
	float:left;
	width:946px;
	height:19px;
	overflow: hidden;
	visibility: visible;
	display: block;
	border-top: 1px solid #ffffff;
}
/* HTML */
h1{
	margin-bottom: 5px;
	font-family: 'Arial', Helvetica, sans-serif
	font-weight: bold;
	font-size:16px;
	color:#000000;
}
h2{
	margin-bottom: 3px;
	font-family: 'Arial', Helvetica, sans-serif
	font-weight: bold;
	font-size:14px;
	color:#000000;
}
h3{
	font-family: 'Arial', Helvetica, sans-serif
	font-weight: bold;
	font-size:11px;
	color:#000000;
}
a{
	font-family: 'Arial', Helvetica, sans-serif
	font-weight: bold;
	font-size:11px;
	color:#4169E1;
	text-decoration:none;
}
a:hover{
	font-family: 'Arial', Helvetica, sans-serif
	font-weight: bold;
	font-size:12px;
	color:#4169E1;
	text-decoration:underline;
}
/* 1. Formatierungen für Kontaktformulares */
textarea{width: 350px; height: 100px;}
/* 1.1. Feldbezeichnungen */
.form_title{}
/* 1.2. KEIN Pflichtfeld */
.form_input, input{border: 1px solid #333333; background-color: #E6E6E6;}
/* 1.3. Tabelle die das Formular umgibt */
.form_table{}
/* 1.4. Formular-Button(s) */
.form_inputbutton{border: 1px solid #333333; background-color: #E6E6E6; font-family:'Arial', Helvetica, sans-serif font-weight: bold;}

/* 2. Formatierungen für Pflichtfeld eines Kontaktformulares */
/* 2.1. Kennzeichnung eines Pflichtfeld */
input.required, textarea.required {border: 1px solid #333333; background-color: #E6E6E6;}
/* 2.2. Pflichtfeld nicht ausgefüllt */
input.validation-failed, textarea.validation-failed {
	border: 1px solid #CC4400;
	background-color: #FAEBD7;
}
/* 2.3. Pflichtfeld richtig ausgefüllt */
input.validation-passed, textarea.validation-passed {}
/* 2.4. Warnhinweis wenn Pflichtfeld nicht ausgefüllt */
.validation-advice {}

/* 3. NEWSLETTER-START */
/* Alle HIER angegebenen Styles werden in jede Newslettervorlage eingebaut */
/* Die Kommentare "3. NEWSLETTER-START" und "3. NEWSLETTER-ENDE" dürfen deshalb nicht gelöscht werden */
/* 3. NEWSLETTER-ENDE */

/* 4. FOTOGALERIE */
#fotogalerie_td{}
#fotogalerie_td:hover{}
#fotogalerie_td_big{}
#fotogalerie_table{}
#fotogalerie_td_title{}
.fotogalerie_imglink{}