/* DDoS-Guard Homepage - main stylesheet used in the homepage */

/* Formats the main body of our page */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #6B8A83;
	background-image: url(../img/bg_home.gif);
	background-repeat: repeat-y;
	background-position: center;
	padding: 0px;
	margin: 0px;
}

/* Fix for IE, to avoid the <br> after a form tag */
form {
	margin:0px;
}

/* This ID holds the whole layout  -> we need it because of all the centered div's */
#wrapper {
	width: 701px;
	padding: 19px 24px 10px 24px;	
	background-image: url(../img/bg_green.jpg);
	background-repeat: repeat-x;
}

/* This ID holds the three main content columns - attack, damage and protection */
#content {
	/* no definitions for now */
}

/* Format the overall linkstyle in the content column */
#content a:link, #content a:active {
	color:#006B53;
	text-decoration:underline;
}

#content a:visited {
	color:#006B53;
	text-decoration:underline;
}

/* Formats the headline h1 -> used for the big white main headline */
#content h1 {
	font-size:16px;
	color:#FFFFFF;
	margin: 25px 0px 15px 0px;
	text-align:center;
}

/* Formats the headline h2 -> used for headlines in the attack, damage and protection boxes */
#content h2 {
	font-size:14px;
	font-weight: bold;
	line-height: 14px;
	text-transform: uppercase;
	margin: 8px 0px 4px 0px;
}

/* Formats the attack column */
#content .attack {
	font-size: 11px;
	background-color: #D4DCD8;
	border-left: 1px solid #6B8A83;
	border-top: 1px solid #6B8A83;
	border-bottom: 1px solid #6B8A83;
	padding: 0px 0px 0px 6px;
}

/* Formats the damage column */
#content .damage {
	font-size: 11px;
	background-color: #EAECEB;
	border-top: 1px solid #6B8A83;
	border-bottom: 1px solid #6B8A83;
	padding: 0px;
}

/* Formats the protection column */
#content .protection {
	font-size: 11px;
	background-color: #FFFFFF;
	border-top: 1px solid #6B8A83;
	border-right: 1px solid #6B8A83;
	border-bottom: 1px solid #6B8A83;
	padding: 0px 5px 0px 0px;
}

/* Formats the normal paragraph in the main content area */
#content p {
	margin: 0px;
}

/* Formats the list in the damage column */
#content .damagelist {
	margin-bottom: 8px;
	margin-top: 8px;
}

#content li {
	margin-left: -15px;
}

/* Formats the body of a list in content area */
#content .list {
	margin:0px;
	padding: 0px;
	list-style-type:none;
}

/* Formats the body of a list in content area */
#content .listentry {
	margin-left: 5px;
	padding: 0px 5px 6px 18px;
	background-image:url(../img/bullet01.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
}

/* This ID holds the three boxes at the bottom of the page */
#boxes {
	margin-top: 10px;
}

/* Format the overall linkstyle in the boxes area */
#boxes a:link, #boxes a:active, #boxes a:visited {
	color:#006B53;
	text-decoration:underline;
}

/* Formats the news column */
#boxes .news {
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #6B8A83;
	background-image:url(../img/bg_news.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding: 10px 7px 2px 25px; 

}

/* Formats the teaser column */
#boxes .teaser {
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #6B8A83;
}

/* Formats the login column */
#boxes .login {
	background-color: #EAECEB;
	border: 1px solid #6B8A83;
	font-size:11px;
	padding: 10px 10px 5px 10px; 
}

/* Formats the textfields of the login box */
#boxes .textbox {
	font-size: 11px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #A8A8A8;
	border-bottom: 1px solid #A8A8A8;
	padding: 2px;
	width: 115px;
}

/* Formats a listelement in the boxes area */
#boxes ul {
	margin:0px;
	padding: 0px;
	list-style-type:none;
}

/* Formats a listelement in the boxes area */
#boxes li {
	padding:0px 0px 7px 18px;
	background-image:url(../img/bullet01.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
}