/*-----------------------------

CSS 2.0 Bartels International

-----------------------------*/

BODY {
	BACKGROUND: url(../images/bg_1.jpg) #000000 top repeat-x;
	TEXT-ALIGN: center;
	PADDING: 0;
	MARGIN: 0;
	color:#ffffff;
}

DIV {
	PADDING:0;
	MARGIN:0;
	TEXT-ALIGN:left;
	position:relative;
}

/*-----------------------------

Building Blocks

-----------------------------*/

.clear {
	clear:both;
}

.fleft {
	float:left;
}

.margin {
	margin-right:10px;
}

.fright {
	float:right;
}

.namefield_image {
	margin:0px 5px;
	padding:0px 35px 0px 10px;
	height:40px;
	background:url(../images/namefield_bg.gif) no-repeat right top;
}

.namefield {
	margin:0px;
	height:37px;
}

.namefield div {
	position:absolute;
	height:33px;
	padding:7px 25px 0px 15px;
	background:url(../images/namefield_bg.gif) no-repeat right top;
}


.siderow {
	padding:5px 15px;
	height:20px;
}



/*-----------------------------

Building Blocks

-----------------------------*/


#bg_1 {
	margin:0px;
	width:100%;
	text-align:center;
	background: url(../images/bg_2.jpg) top center no-repeat;	
}

#content_holder {
	width:940px;
	margin:0px auto;
	padding:65px 0px;
}

#top_header {
	width:940px;
	height:115px;
	background: url(../images/bg_top.gif) top center no-repeat;
}

#logo_holder {
	position:absolute;
	left:20px;
	top:20px;
	width:214px;
	height:71px;
}

#dga_info {
	position:absolute;
	left:260px;
	top:15px;
	width:250px;
	height:71px;
}

#dga_register {
	position:absolute;
	left:665px;
	top:25px;
	width:250px;
	height:71px;
}

#dga_arrow {
	position:absolute;
	left:500px;
	top:5px;
	width:250px;
	height:71px;
}

#content {
	background:url(../images/bg_content.gif) #ffffff no-repeat right top;
	width:940px;
	margin:0px;
	padding:0px;

}

#footer {
	width:940px;
	padding-top:25px;
	height:120px;
	border-top:2px solid #aaaaaa;
	background: url(../images/footer.gif) #ffffff bottom center no-repeat;
}

#left {
	float:left;
	width:600px;
	margin:20px;
}

#right {
	float:left;
	width:280px;
	margin:20px 20px 0px 0px;
}

.line_600 {
	padding:2px 0px;
	width:600px;
	clear:both;
}

.devider_600 {
	border-top:1px dashed #c6c6c6;
	width:600px;
	height:15px;
	clear:both;
}

.line_280 {
	padding:2px 0px;
	width:280px;
	clear:both;
}

.devider_280 {
	border-top:1px dashed #c6c6c6;
	width:280px;
	height:5px;
	clear:both;
}


/*-----------------------------

Text formatings

-----------------------------*/

DIV {
	FONT-FAMILY: Arial;
	FONT-SIZE: 12px;
	LINE-HEIGHT:18px;
	COLOR:#444444;
}

.text_header {
	FONT-FAMILY: Verdana, helvetica, arial;
	FONT-SIZE: 20px;
	COLOR:#454545;
}

.text_title {
	FONT-FAMILY: Helvetica, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 20px;
	COLOR:#454545;
}

.text_info {
	line-height:12px;
	
}

.text_small {
	FONT-SIZE: 10px;
	LINE-HEIGHT: 15px;
}

.text_titlebig {
	FONT-FAMILY: Helvetica, Arial;
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 20px;
	COLOR:#f7921e;
}



.text_light {
	Color:#777777;
}

.text_header_title {
	COLOR: #FFFFFF;
	FONT-SIZE:20px;
	LINE-HEIGHT:22px;
	FONT-WEIGHT:BOLD;
}

.text_logo_title {
	COLOR: #FFFFFF;
	FONT-SIZE:26px;
	LINE-HEIGHT:30px;
	FONT-WEIGHT:BOLD;
}


.text_logo_sub {
	COLOR: #FFFFFF;
	FONT-SIZE:10px;
	LINE-HEIGHT:14px;
}

.red {
	color:#ff2222;
}

/*-----------------------------

Link formatings

-----------------------------*/

A:link, A:active, A:visited {
	BACKGROUND: none; 
	COLOR:  #ee8d1d; 
	FONT-SIZE: 12px; 
	FONT-weight:bold;
	FONT-FAMILY: Helvetica, Arial; 
	TEXT-DECORATION:none
	}
/*A:visited     {
	COLOR: #aa3333;
	}*/
A:hover     {
	COLOR: #aa4330;
	}
	
A.title:link, A.title:active, A.title:visited {
	BACKGROUND: none; 
	COLOR:  #333333; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: Helvetica, Arial; 
	TEXT-DECORATION:none
	}
/*A:visited     {
	COLOR: #aa3333;
	}*/
A.title:hover     {
	COLOR: #ee8d1d;
	}

A.mainmenu:link, A.mainmenu:active, A.mainmenu:visited {
	BACKGROUND: none; 
	COLOR: #ffffff; 
	FONT-WEIGHT: normal;
	FONT-SIZE: 16px; 
	FONT-FAMILY: Verdana, Arial; 
	TEXT-DECORATION:none
	
	}
/*A.mainmenu:visited     {
	COLOR: #aa3333;
	}*/
A.mainmenu:hover     {
	COLOR: #ee0000;
	}

A.buttons:link, A.buttons:active, A.buttons:visited {
	display:block;
	height:30px;
	padding:7px 20px 0px 0px;
	background: url(../images/button_bg1.gif) no-repeat right;
	COLOR: #ff2222; 
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px; 
	FONT-FAMILY: Verdana, Arial; 
	TEXT-DECORATION:none
	
	}
/*A.mainmenu:visited     {
	COLOR: #aa3333;
	}*/
A.buttons:hover     {
	COLOR: #70ff5d;
	background: url(../images/button_bg2.gif) no-repeat right;
	}


A.footermenu:link, A.footermenu:active, A.footermenu:visited {
	BACKGROUND: none; 
	COLOR: #888888; 
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px; 
	FONT-FAMILY: Helvetica, Arial; 
	TEXT-DECORATION:none
	
	}
/*A.footermenu:visited     {
	COLOR: #aa3333;
	}*/
A.footermenu:hover     {
	COLOR: #B8A987;
	}


	/* ------------------------------------//

GENERAL INPUT

//--------------------------------------*/


INPUT {
	font-family:Verdana;
	color:#555555;
	font-size:12px;
	
}



/* ------------------------------------//

GENERAL INPUT

//--------------------------------------*/

.input_login {
	width:140px;
	height:21px;
	border:0px;
	padding:3px 0px;
	background:url(../images/form_bg_login.gif) no-repeat;
}

.input_general {
	height:17px;
	width:200px;
	border:1px solid #0075cc;
}

.input_savefilter {
	height:18px;
	width:150px;
	padding:3px;
	font-size:11px;
	border:1px solid #0075cc;
}

.input_area {
	height:100px;
	width:400px;
	border:1px solid #0075cc;
	font-family:Verdana;
	color:#555555;
	font-size:12px;
	
}

.input_area_small {
	height:150px;
	width:200px;
	border:1px solid #0075cc;
	font-family:Verdana;
	color:#555555;
	font-size:12px;
	
}

/*--------------------------------------------/
Forms
/--------------------------------------------*/


.block_form_name {
	width:150px;
	float:left;
	padding:0px 10px;
	height:20px;
}

.block_form_image {
	width:150px;
	float:left;
	padding:0px 10px;
}


.block_form_field {
	float:left;
	height:20px;
	width:200px;
}

.block_form_area {
	float:left;
	height:150px;
	width:200px;
}

.block_form_extra {
	float:left;
	height:20px;
	padding:0px 5px;
}

.block_form_imageextra {
	position:absolute;
	left:170px;
	top:100px;
	width:200px;
	height:20px;
	padding:0px 5px;
}


.block_form_row {
	float:left;
	clear:both;
	height:24px;
	padding:5px;
}

.block_form_rowarea {
	float:left;
	clear:both;
	height:100px;
	padding:5px;
}

.block_form_avatar {
	float:left;
	clear:both;
	height:130px;
	padding:5px;
}