/* 				Name:	Frank Meyering (Agentur3B GmbH - www.agentur3b.de)
				Kunde:	D+L Reichenberg
				Date:	09.11.2009
------------------------------------------------------------------------------------------------------------------------------------*/

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

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

.white {color:#FFFFFF;}

.yellow-light {color:#ffdd00;}
.yellow-normal {color:#ffcc00;}
.yellow-dark {color:#ffaa00;}

h1.yellow-normal {color:#ffcc00;}

.blue-light {color:#ddd;}
.blue-normal {color:#cdb076;}
.blue-dark {color:#aaa;}

.beige-light {color:#ddd;}
.beige-normal {color:#dd7600;}
/*.beige-normal {color:#cdb076;}*/
.beige-dark {color:#aaa;}


/*	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:#003366;
}

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:19px;
	letter-spacing: normal;
	color:#003366;
}

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.col_2sp_05 h1 {
	font-size:17px;
	line-height:18px;
}

div.col_2sp_05 h2 {
	font-size:14px;
	line-height:15px;
}



div.col_2sp_07 h1 {
	font-size:17px;
	line-height:16px;
}

div.col_2sp_07 h2 {
	font-size:13px;
	line-height:15px;
}


/*	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/framework/agentur3b-full-service-werbeagentur-bocholt.jpg) 0px 5px no-repeat;
}


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

div.col_2sp_01_right ul,
div.col_2sp_01_right ul,
div.col_2sp_01_right ol,
div.col_2sp_01_right ol {
	list-style:disc;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

div.col_2sp_01_right ul li,
div.col_2sp_01_right ul li,
div.col_2sp_01_right li,
div.col_2sp_01_right li {
	display:block;
	list-style:disc;
	margin:0px 0px 10px 0px;
	padding:8px 15px 8px 25px;
	border:1px solid #eee;
	background:url(../picts/framework/arrow/arrow_list_blue-small.gif) 0px 6px no-repeat;
}


div.col_2sp_01_right ul ul,
div.col_2sp_01_right ul ul,
div.col_2sp_01_right ol ol,
div.col_2sp_01_right ol ol {
	list-style:disc;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.col_2sp_01_right ul li ul li,
div.col_2sp_01_right ul li ul li,
div.col_2sp_01_right ol li ol li,
div.col_2sp_01_right ol li ol li {
	display:block;
	list-style:disc;
	margin:0px 0px 5px 0px;
	padding:0px 10px 0px 0px;
	border:none;
	background:none;
}




/*	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
---------------------------------------------------------------------------------------------------------------------------*/

div.csc-textpic div.csc-textpic-imagewrap IMG,
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image IMG {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #ccc;
}

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

div.csc-textpic DIV.csc-textpic-imagewrap {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

div.col_2sp_05 div.csc-textpic div.csc-textpic-imagewrap IMG,
div.col_2sp_05 div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image IMG {
	border:none;
}
