* {margin: 0;}

/** ------------------------------------------------------------------	
*	Definitionen für den kompletten 'body'-Bereich
*/

body {
	padding: 0;
	font-size: small; font-family: "Verdana" "Arial" "Times New Roman";
	width:100%;
	background: #fff url(../images/body_bg.gif) repeat-x top left;
}

* html body {
	font-size: x-samll; /* Für IE5/Win*/
	f\ont-size: small; /* Für andere IE-Versionen*/
}

/** ------------------------------------------------------------------	
*	Definitionen für den 'wrap'-Container. 
*	Der Container umschließst den Kompletten
*	 Inhalt der Seite
*/

#wrap {
    margin: 0 auto;
	width: 800px;
	padding:0; padding-left: 5px; padding-right: 5px;  padding-top: 160px;
	border: none;
	border-left: 2px solid #A8A8A8; border-right: 2px solid #A8A8A8;
	font-size: inherit;
	background: #fff url(../images/header_bg_plus.gif) no-repeat top;
	z-index: -1;
	
}


/** ------------------------------------------------------------------	
*	Definitionen für den 'wrap'-Container. 
*	Der Container umschließst den Kompletten
*	 Inhalt der Seite
*/

#header_pics {
	margin: 0; padding: 0;
	height: 160px;
	width: 800px;
}
  
/** ------------------------------------------------------------------		
*	Definitionen für den 'HEADER'-Container
*/

#header{
	margin: 0; padding: 0;
	width: 800px;
	background: url(../images/header_bg.gif) repeat-x;
	height: 100px;
	z-index:2;
}

#header img {
	float: left;
	margin-top: -100px;
   /* position: relative; bottom:100px;*/
}
  
/** ------------------------------------------------------------------	
*	Definitionen für den 'Navigations'-Container.
*/

#nav {
	float: right;
	margin: 0; margin-right: 20px;
	padding: 0px;
}
  
#nav ul {
	margin: 0; padding: 0;
	list-style: none;  
}
  
#nav ul li{
	float: left;
	width: 30px; height:100px;
	margin: 0; padding: 0;
}
  
#nav a {
	display: block;
	width: 30px; height: 100px;
	background: url(../images/header_bg.gif) repeat-x;
	border: none;
}
  
#nav a#agb{
	background: url(../images/btn_agb.gif) no-repeat;
}
  
#nav a#agb:hover{
	background: url(../images/btn_agb_hover.gif) no-repeat;
}

#nav a#kontakt{
	background: url(../images/btn_kontakt.gif) no-repeat;
}
  
#nav a#kontakt:hover{
	background: url(../images/btn_kontakt_hover.gif) no-repeat;
}

#nav a#impressum{
	background: url(../images/btn_impressum.gif) no-repeat;
}
  
#nav a#impressum:hover{
	background: url(../images/btn_impressum_hover.gif) no-repeat;
 }
  
/** ------------------------------------------------------------------	
*	Definitionen für den 'Navigations2'-Container.
*/

#nav2 {
    clear: both;
    margin: 0 ; padding: 0;
    margin-left: -5px; margin-right: -5px; margin-top: 5px; 
	width: 810px; height: 2em;
	background-color: #A6D636;
	border-top: 1px solid #D3EB9C;
	border-bottom: 2px solid #7BA321;
	/*position: relative; bottom:95px;*/
}
  
#nav2 ul {
	margin: 5px 15px; padding: 0;
	list-style: none;  
}
  
#nav2 ul li{
	float: left;
	width: 100px;
	margin: 0; padding: 0;
	font-size: 1em;
}
  
#nav2 a{
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	border-right: 1px solid #D3EB9C;
  }

#nav2 a#btn_right {
	border: none;
}

#nav2 a:hover {
	font-weight: bold;
}
  
#nav2 a#btn_right {
	border: none;
}

/*  Navileiste im CMS */

#nava2 {
    clear: both;
    margin: 0 ; padding: 0;
    margin-left: -5px; margin-right: -5px; margin-top: 5px; 
	width: 810px; height: 3.2em;
	background-color: #A6D636;
	border-top: 1px solid #D3EB9C;
	border-bottom: 2px solid #7BA321;
	/*position: relative; bottom:95px;*/
}
  
#nava2 ul {
	margin: 5px 15px; padding: 0;
	list-style: none;  
}
  
#nava2 ul li{
	float: left;
	width: 100px;
	margin: 0; padding: 0;
	font-size: 1em;
}
  
#nava2 a{
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	border-right: 1px solid #D3EB9C;
  }
  
#nava2 a:hover{
	font-weight: bold;
}

#nava2 a#btn_right{
	border: none;
}

/** ------------------------------------------------------------------	
*	Definitionen für den 'Content'-Container
*/

#content {
	float: left;
	width: 550px;
	margin:100px 0 0 0; padding: 0;
	position: relative; bottom:90px;
}
 
#subPage, #team {
	width: 550px; 
	margin: 0; padding: 0;
	color: #333;
	word-spacing:0.1em;
	letter-spacing: 0.05em;
	font-size: small;	
}
  
#subPage h1, #team h1 {
	margin: 0 0 20px 0; padding: 17px 0 12px 0;
	width: 90%;
	color: #7BA321;
	letter-spacing: 0.1em;
	font-weight: lighter;
	border-bottom: 1px solid #CCC;
	font-size: 150%;
}

#subPage h2, #team h2 {
	margin: 0 0 5px 7px; padding: 0;
	color: #FF9E21;
	letter-spacing: 0.1em;
	font-size: 120%;
}

#subPage h3, #team h3 {
	margin: 0 0 5px 7px; padding: 0;
	color: #666;
	letter-spacing: 0.1em;
	font-weight: lighter;
	font-size: 100%;
}

#subPage h4, #team h4 {
	margin: 26px 0 5px 7px; padding: 0;
	color: #7BA321;
	letter-spacing: 0.2em;
	font-weight: lighter;
	font-size: 120%;
}


#subPage ul {
	margin: 1.2em 3em; padding: 0;
	font-weight: lighter;
	list-style-image: url(../images/list_arrow.gif);
	letter-spacing: 0.05em;
	line-height: 1.5em;
	word-spacing:0.1em;
}

#subPage ul li{
	color: #666;
}

#subPage ul li.answer {
	margin: 8px 5px;
	color: #333;
	text-decoration: none;
	list-style: none;
	font-size: 90%;
}

#subPage ul li a {
	color: #666;
	text-decoration: none;
}


#subPage ul li a:hover {
	text-decoration: underline;
}


/** ------------------------------------------------------------------	
*	Allgemeine Formatierungsklassen
*/
 
.leadingIn {
 	margin: 17px auto; padding: 0;
 	margin-bottom: 30px;
 	width: 450px;
	letter-spacing: 0.05em;
 	font-style:italic;
 	font-weight: lighter;
 	font-size: 120%;
 	color: #FF9E21;
} 

.leadingIn img {
 	float: left;
 	margin: 0 12px 12px 12px; padding: 2px;
	border: none;
	}

.wideText {
	clear: both;
	width: 430px;
	margin: 1.2em auto;
	text-align: justify;
	color: #333;
	word-spacing: -0.1em;
}

.wideText .imgRight{
float: right; width: 124px; height: 124px;
margin: 6px; margin-right: 0; padding: 2px;
border: 1px solid #CCC;
border-bottom-color: #999;
border-right-color: #999;
}


.wideText .imgLeft{
float: left; width: 124px; height: 124px;
margin: 6px; margin-left: 0;padding: 2px;
border: 1px solid #CCC;
border-bottom-color: #999;
border-right-color: #999;
}

.firstLetter {
  	font-size: 107%;
	font-weight: bold;
	color: #7BA321;
}
  
.bold {
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 2em 1.5em;
}

.textLink {
	text-decoration: none;
	color: #FF9E21;
}

.textLink:hover {
	text-decoration: underline;
}

.boldOrange {
	font-weight: bold;
	color: #FF9E21;
	font-size: 90%;
}
  
.space {
	margin-top: 0.7em;
}
  
.bigGreen {
	margin: 0; padding: 0;
	color: #7BA321;
	font-size: 150%;
	letter-spacing: 0.1em;
}  
  
.bigGray {
	margin: 0; padding: 0; 
	font-size: 170%;
	color: #333;
	letter-spacing: 0.1em;
}

.error  {
	color: red;
	font-size: 90%; 
}
a.headlineLink {
	font-size: 50%;
	color: #7BA321;
	text-decoration: underline;
}

a:hover.headlineLink {
	text-decoration: none;
}

.tableList {
	margin: 0.2em 1.5em; padding: 0;
	font-size: 80%;
	width: 300px;
	border: 1px solid #CCC;
	border-bottom-color: #999;
	border-right-color: #999;
	color: #333;
}

.tableList td{
	padding: 0.2em 1.3em;
}

.tableList .link{
	padding: 0;
}

.tableList a{
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	height: 3em;
	width: 8em;
	padding: 0.5em;
	padding-top: 2em;
	text-align: center;
}

.tableList a.price {
	margin: 0; padding:0;
	font-size: 80%;
	color: #333;
	text-align: left;
	font-weight: normal;
	text-decoration: underline;
	width: 7em;
}

.tdGray {
	background-color: #EAEAEA;
}

.tdLightGray {
	background-color: #DFDFDF;
}

.tdLightGray2 {
	background-color: #EAEAEA;
}



.pack1 {
	background: #D3EB9C url(../images/table_shine_1.gif) repeat-x top left;
	
}

.pack2 {
	background: #CCC url(../images/table_shine_2.gif) repeat-x top left;
}

.pack3 {
	background: #7BA321 url(../images/table_shine_3.gif) repeat-x top left;

}

.pack4 {
	background: #666 url(../images/table_shine_4.gif) repeat-x top left;
}

.topLink {
	color: #7BA321;
	text-decoration: none;
	letter-spacing: 0.3em;
	margin-top: 20px;
	padding: 4px;
	border-top: 1px solid #CCC;
}



/** ------------------------------------------------------------------	
*	Definitionen für die "Item"-Elemente.
*	Ein Item besteht aus Überschrift, Bild, unformatierten Listen, 
*	und Paragraphen in 2 versch. Formatierungen. 
*	Zusätzlich existiert ein "itemInverse" bei welchem die Ausrichtung
*	geändert ist.
*/

.item{
	clear: both;
	margin: 33px 0; padding: 5px;
	color: #333;
}

.img {
	float: left;
	width: 170px;
}  

.imgBorder {
	float: left; width: 124px; height: 124px;
	margin: 6px; margin-left: 0;padding: 2px;
	border: 1px solid #CCC;
	border-bottom-color: #999;
	border-right-color: #999;
}

.textBox {
	float: right;
	margin: 0;
	width: 320px;
	padding-right: 50px;
	
}
  
/* Umgekehrter Float*/
  
.img_inverse {
	float: right;
	width: 170px;
}  

.textBox_inverse {
	float: left;
	margin: 0;
	width: 370px;
}
  
/* ENDE Umgekehrter Float*/

.textBox h2, .textBox_inverse h2 {
	margin: 1em 0; padding: 0;
	color: #FF9E21;
	letter-spacing: 0.05em;
	word-spacing:0.1em;
	font-size: 130%;
}
  
.textBox h2 a, .textBox_inverse h2 a {
	margin: 1em 0; padding: 0;
	color: #FF9E21;
	letter-spacing: 0.05em;
	word-spacing:0.1em;
	text-decoration: none;
}

.textBox p, .textBox_inverse p {
	margin: 0.2em; padding: 0;
	letter-spacing: 0.05em;
}

.textBox p a, .textBox_inverse p a {
	margin: 0.2em; padding: 0;
	letter-spacing: 0.05em;
	text-decoration: none;
	color: #FF9E21;
}

.textBox p a:hover, .textBox_inverse p a:hover {
	text-decoration: underline;
}

.textBox p.small, .textBox_inverse p.small{
	margin: 1.5em 0.9em ; padding: 0;
	font-size: 70%;
	letter-spacing: 0.05em;
}

.textBox ul, .textBox_inverse ul {
	margin: 1.2em 3em; padding: 0;
	color: #7BA321;
	font-weight: lighter;
	list-style-image: url(../images/list_arrow.gif);
	letter-spacing: 0.05em;
	line-height: 1.5em;
	word-spacing:0.1em;
}
  
.textBox p.dark, .textBox_inverse p.dark {
  	margin: 0.5em; padding: 0;
  	letter-spacing: 0.05em;
  	color: #333;
}
.item hr {
	clear: both;
	color:#FFF;
	background-color:#FFF;
	border: none;
}
  

/** ------------------------------------------------------------------	
*	Definitionen für alle Service-Seiten
*	unterhalb der Services.php
*/
  
.list {
	margin-left: 1em; padding: 0;
	font-weight: lighter;
	list-style-image: url(../images/list_image.gif);
	letter-spacing: 0.05em;
	line-height: 1.5em;
	word-spacing:0.1em;
}
  
.list .listHead {
	font-size: 105%;
	margin: 1em 2em;
	color: #7BA321;
	letter-spacing: 0.05em;
 	 font-weight: bold;
 	 list-style: none;
}

/** ------------------------------------------------------------------	
*	Menü inerhalb der Service Hosting Page
*/
  
#hostingMenu {
	width: 450px;
	height: 190px;
}

#hostingMenu li {
	float: left;
	list-style: none;
}


#hostingMenu li a#domain {
	height: 190px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff;
	width: 130px; 
	background: #fff url(../images/men_domain.gif) no-repeat top right;
}

#hostingMenu li a:hover#domain {
	color: #7BA321;
}

#hostingMenu li a#basic {
	height: 190px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff;
	width: 90px; 
	background: #fff url(../images/men_basic.gif) no-repeat top right;
}

#hostingMenu li a:hover#basic {
	color: #7BA321;	
}

#hostingMenu li a#adv {
	height: 190px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff;
	width: 100px; 
	background: #fff url(../images/men_adv.gif) no-repeat top right;
}

#hostingMenu li a:hover#adv {
	color: #7BA321;
}

#hostingMenu li a#prof {
	height: 190px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff;
	width: 130px; 
	background: #fff url(../images/men_prof.gif) no-repeat top right;
}

#hostingMenu li a:hover#prof {
	color: #7BA321;
}
  
/** ------------------------------------------------------------------	
*	Definitionen für den contact-Container
*	und alle untegeordneten Elemente
*/
  
#contact h2 {
	margin: 0 0 0 2em; padding: 0;
	color: #7BA321;
	font-size: 150%;
	letter-spacing: 0.1em;
	font-weight: normal;
}

#contact ul {
	margin: 2em 0 0.5em 7.5em; padding: 0;
	color: gray;
	letter-spacing: 0.1em;
	font-weight: lighter;
	list-style: none;
	font-size: 110%;
} 
  
  
#contact li {
	text-decoration: none;
}
  
#contact a {
	color: #7BA321;
}

#contactForm {
	margin: 0 30px; padding: 5px;
	width: 380px;
	color: gray;
}

#contactForm p {
	margin-top: 0.7em;
} 
  
#contactForm p label{
	font-size: 80%;
	width: 150px;
	}
  
#contactForm p input{
	width: 230px;
}
  
.input {
	border: 1px solid #7BA321
}
  
#contactForm p input.btn {
	border: 2px solid #7BA321;
	margin-bottom: 0.5em;
	background: #EAEAEA;
	color: #7BA321;
	font-weight: bold;
	letter-spacing: 0.1em;
	width: 120px;
}

/** ------------------------------------------------------------------	
*	Definitionen des Layouts für den Content-Bereich
*	der Seite 'TEAM'
*/

#team dl {
	float: left;
	width: 500px;
	margin: 25px; padding: 0;
	display: inline;
}

#team dt {
	float: right;
	width: 332px;
	margin: 0 0 4px 0; padding: 0;
	font-size: 130%;
	letter-spacing: 1px;
	color: #666;
}

#team dd {
	margin: 0 0 0 158px; padding: 0;
	font-size: 90%; text-align: justify;
	line-height: 1.5em;
	color: #666; 
}
  
#team dl dd.image {
	 margin: 0;
 }
  
#team dd.image img {
	float: left;
	margin: 0 8px 0 0; padding: 4px;
	border: 1px solid #CCC;
	border-bottom-color: #999;
	border-right-color: #999;
	background: #ffffff;
  }

#team dl dd.Function {
	margin: 0 0 0 158px;
	color:#7BA321;
	font-size: 80%;
}

#team dl dd.About {
	margin: 0 0 0 158px; padding: 1em 2em;
	font-size: 85%;
	font-style:italic;
	text-align: left;
}

#team dl dd.innerList { 
	margin: 0 0 0 158px; padding: 0;
}
  
#team hr {
	clear: both;
	color:#FFF;
	background-color:#FFF;
	border: none;
}

.discription { 
	width: 120px;
	color: #7BA321;
	font-weight: bold;
}

.value {
	width: 200px;
}

/* Umgekehrter Float*/


#team .alt dt {
	float: left;
	width: 332px;
}
  
#team .alt dd.image img {
	float: right;
	margin: 0 0 0 8px;
}

#team .alt dd {
	margin: 0 158px 0 0;
	text-align: justify;
}
  
#team .alt dd.altFunction {
	margin: 0 120px 0 0;
	color:#7BA321;
	font-size: 80%;
}

#team .alt dd.altAbout {
	margin: 0 158px 0 0;  padding: 1em 2em;
	font-size: 85%;
	font-style:italic;
}

#team .alt dd.innerList { 
	margin: 0 158px 0 0; padding: 0;
}
 
/*Ende - Umgekehrter Float*/    
  
  
/** ------------------------------------------------------------------		
*	Definitionen für den 'sidebar'-Container
*/
   
#sidebar {
	float: right;
	margin-top: 100px; padding-top: 30px;
	width: 250px; 
	position: relative; bottom: 77px;
} 
  

/** ------------------------------------------------------------------	
*	Definitionen für die 'box'-Container innerhalb der 'sidebar'-Containers'
*/ 


/* Box (dunkelgrau) */
.boxGray {
    margin: 0 0 23px 0;
	width: 250px;
	/*position: relative; left:50px;*/
	background: url(../images/box_gray_content.gif) no-repeat bottom left;
}

.boxGray h3 {
	margin: 0; padding: 8px 5px 6px 5px;
	font-size: 130%;
	text-align: center;
	color: #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	background: url(../images/box_gray_head.gif) no-repeat top left;
}

.boxGray h3 a {
	text-decoration: none;
	color: #c0c0c0;
}
	
.boxGray ul {
	margin: 0; padding: 14px 10px 18px 14px;
	list-style: none;
}

.boxGray ul li {
	margin: 0 0 6px; padding: 0; 
}

.boxGray ul li a{
	color: #FFFFFF;
}

/* Box (hellgrau) */
.boxLightgray {
	width: 250px;
    margin: 0 0 23px 0;
	/*position: relative; left:50px;*/
	background: url(../images/box_lightgray_content.gif) no-repeat bottom left;
}

.boxLightgray  h3 {
	margin: 0; padding: 8px 5px 6px 5px;
	font-size: 130%;
	color: #A8A8A8;
	text-align: center;
	border-bottom: 1px solid #A8A8A8;
	background: url(../images/box_lightgray_head.gif) no-repeat top left;
}
	
.boxLightgray  ul {
	margin: 0; padding: 14px 10px 18px 14px;
	list-style: none;
}

.boxLightgray  ul li {
	margin: 0 0 6px; padding: 0; 
}

.boxLightgray  ul li a{
	color: gray;
}

/* Box (gruen) */
.boxGreen {
    margin: 0 0 23px 0;
	width: 250px;
	/*position: relative; left:50px;*/
	background: url(../images/box_green_content.gif) no-repeat bottom left;
}

.boxGreen h3 {
	margin: 0; padding: 8px 5px 6px 5px;
	font-size: 130%;
	color: #7BA321;
	text-align: center;
	border-bottom: 1px solid #7BA321;
	background: url(../images/box_green_head.gif) no-repeat top left;
}

.boxGreen h3 a {
	text-decoration: none;
	color: #7BA321;
}
	
.boxGreen ul {
	margin: 0; padding: 14px 10px 18px 14px;
	list-style: none;
}

.boxGreen ul li {
	margin: 0 0 6px; padding: 0; 
}

.boxGreen ul li a{
	color: #7BA321; 
}
	
/* Box für Angebots Bilder */
.boxAdvertise{
    margin: 0 0 27px 0;
	width: 250px;
	/*position: relative; left:50px;*/
}

/* Box (gruen) */
.square {
    margin: 0 0 23px 0;
	width: 250px;
	background: url(../images/square_gray_content.gif) no-repeat bottom left;
}

.square h3 {
	margin: 0; padding: 8px 5px 6px 5px;
	font-size: 130%;
	color: #7BA321;
	text-align: center;
	border-bottom: 1px solid #7BA321;
	background: url(../images/square_gray_head.gif) no-repeat top left;
}
	
.square ul {
	margin: 0; padding: 14px 10px 18px 14px;
	list-style: none;
}

.square ul li {
	margin: 0 0 6px; padding: 0; 
}

.square ul li a{
	color: #7BA321; 
}

/** ------------------------------------------------------------------	
*	Definitionen für den 'footer'-Container
*/

#footer {
	height: 40px;
	padding: 6px 0 0 0;
	clear: both;
	text-align: center;
	background: #fff;
}
  
#footer  a {  
	color: #333;
	font-size: 0.8em;
	text-decoration: none;
}

#footer  a:hover{
	text-decoration: none;
} 
  
  
/** ------------------------------------------------------------------	
*	Definitionen für die Impressums Seite
*/