/* 				Name:	Frank Meyering (Agentur3B GmbH - www.agentur3b.de)
				Kunde:	HMD
				Date:	24.06.2010
------------------------------------------------------------------------------------------------------------------------------------*/

/* STYLES
------------------------------------------------------------------------------------------------------------------------------------*/


/*	Colors
----------------------------------------------------------------*/

.blue-hdm {color:#254e9b;}
.red-elesgo {color:#cc0000;}
.grey-light {color:#888;}

/*	ALIGN
----------------------------------------------------------------*/

.align-left { text-align:left;}
.align-right {	text-align:right;}
.align-center { text-align:center;}


/*	HYPERLINKS
----------------------------------------------------------------*/

a:link,
a:visited {
	text-decoration:none;
	outline: none;
	cursor:pointer;
	color:#254e9b;
}

a:focus {
	border:none;
	outline: none;
}

a:hover {
	text-decoration:none;
	outline: none;
	cursor:pointer;
	color:#999;
}

a:active {
	text-decoration:none;
	outline: none;
}

/*	HEADLINES
----------------------------------------------------------------*/

h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 20px;
	line-height:20px;
	letter-spacing: normal;
	/*text-shadow:#fff 1px 2px 5px;*/
}

h1.h1-10 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

h1.h1-15 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

h1.h1-20 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height:19px;
	letter-spacing: normal;
}

h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.3em;
	line-height:1.1em;
	letter-spacing: normal;
}

h4 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	line-height:1.0em;
	letter-spacing: normal;
}

h5 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	line-height:1.1em;
	letter-spacing: normal;
}


div.content h1 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 22px;
	line-height:21px;
	letter-spacing: normal;
}

div.content h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height:18px;
	letter-spacing: normal;
}


/*	ABSAETZE
----------------------------------------------------------------*/

p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

p.p-05 {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}

p.p-10 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

p.p-20 {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

p.p-30 {
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

p.p-40 {
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
}

p.p-imprint {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 60px;
	background:url(../picts/agentur3b-full-service-werbeagentur-bocholt.jpg) 0px 5px no-repeat;
}

p.p-download-pdf {
	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 20px;
	background: url(../picts/icons/pdf-download.gif) no-repeat;
}

p.p-text-11px {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	line-height:13px;
}


/*	LISTEN
---------------------------------------------------------------------------------------------------------------------------------*/

div#body_middle .content ul,
div#body_middle .content ol {
	list-style: square;
	margin:0px 0px 40px 10px;
	padding:0px 0px 0px 10px;
}

div#body_middle .content ul li,
div#body_middle .content ol li {
	list-style: square;
	margin:0px 0px 10px 5px;
	padding:0px 0px 0px 5px;
}




/*	TABELLEN
---------------------------------------------------------------------------------------------------------------------------------

table.contenttable {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	background:#FFFFFF;
	font-size:11px;
	line-height:14px;
	border:1px solid #ffdc00;
}

table.contenttable caption {
	display:none;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	line-height:16px;
	letter-spacing: normal;
	text-align:left;
	font-weight:bold;
	background:#ccc;
	color:#0075bd;
}

table.contenttable thead {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#fff;
	color:#0075bd;
}

table.contenttable thead tr th {
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #fff;
}

.thead-th-align-left { text-align:left;}
.thead-th-align-right { text-align:left;}
.thead-th-align-center { text-align:center;}

.tbody-td-align-left { text-align:left;}
.tbody-td-align-right { text-align:left;}
.tbody-td-align-center { text-align:center;}

.thead-th-width-300px {width:300px;}
.thead-th-width-120px {width:100px;}

table.contenttable tbody {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

table.contenttable tbody tr td {
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
}

.tbody-tr-color-01 {background:#fff4ac;}
.tbody-tr-color-02 {background:#ffed7a;}*/



/*	BILDER IM CONTENT
---------------------------------------------------------------------------------------------------------------------------*/

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
	border: 1px solid #ccc;
	padding: 0px 0px;
}


div.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin:0px 0px 20px 0px;
	padding:2px 0px 0px 0px;
	font-size:11px;
	line-height:13px;
	color: #aaa;
}