/******************************************************************************
**
**	Pfaeffl Gerullis.de - css core file
**
******************************************************************************/


/******************************************************************************
** RESET BROWSER SETTINGS
******************************************************************************/

/* global reset of all HTML elements */
* {
	margin:0;
	padding:0;
	border:0 solid;
	font-family: 'Verdana', 'Deja-Vu Sans', 'Bitstream Vera Sans', sans-serif;
	font-size:inherit;
	vertical-align:baseline;
}

/* global body settings */
body {
	 line-height: 1.5;
}


/******************************************************************************
** SOME DEFAULT TYPO.
******************************************************************************/

/* body font settings */
body {
	margin:15px; 
	font-size:0.9em;
	color: #2e3436; 
	background: #D9DDE1;
	font-family: 'Verdana', 'Deja-Vu Sans', 'Bitstream Vera Sans', sans-serif;
}


/* headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; line-height:1; }

h1 { font-size:3em; margin-bottom:0.3em;}
h2 { font-size:2.5em; margin-bottom:0.4em;}
h3 { font-size: 2em; margin-bottom: 0.5em; }
h4 { font-size: 1.6em; margin-bottom: 0.6em; }
h5 { font-size: 1.4em; margin-bottom: 0.7em; }
h6 { font-size: 1.2em; margin-bottom: 0.8em;}


/* text Elements */
p { margin: 0 0 1.5em 0;}
p.ct {margin: 0 0 3em 0;}

a:focus, a:hover{ color: #000; }
a { color: #009; text-decoration: underline; }


/* useful classes */
.small { font-size:0.8em;}
.large { font-size:1.1em;}


/******************************************************************************
** LAYOUT SETTINGS 
******************************************************************************/

/* wrap for your layout (center layout) */

.wrap_layout {
  width:920px;
  padding:2px;
  margin:0 auto;
  background:#fff;
}

/* basic collumn settings */
div.colsize-1, div.colsize-2, div.colsize-3, div.colsize-4, div.colsize-5,
div.colsize-6, div.colsize-7, div.colsize-8, div.colsize-9, div.colsize-10,
div.colsize-11, div.colsize-12, div.colsize-13, div.colsize-14, div.colsize-15,
div.colsize-16, div.colsize-17, div.colsize-18, div.colsize-19, div.colsize-20
div.colsize-21, div.colsize-22, div.colsize-23, div.colsize-24
{
	margin-right:10px;
	float:left;
}

/* collumn sizes */
div.colsize-1 { width:40px; }
div.colsize-2 { width:80px; }
div.colsize-3 { width:120px; }
div.colsize-4 { width:150px; }
div.colsize-5 { width:200px; }
div.colsize-6 { width:260px; }
div.colsize-7 { width:290px; }
div.colsize-8 { width:320px; }
div.colsize-9 { width:360px; }
div.colsize-10 { width:420px; }
div.colsize-11 { width:440px; }
div.colsize-12 { width:450px; }
div.colsize-13 { width:460px; }
div.colsize-14 { width:560px; }
div.colsize-15 { width:600px; }
div.colsize-16 { width:640px; }
div.colsize-17 { width:680px; }
div.colsize-18 { width:720px; }
div.colsize-19 { width:760px; }
div.colsize-20 { width:800px; }
div.colsize-21 { width:840px; }
div.colsize-22 { width:910px; }
div.colsize-23 { width:920px; }
div.colsize-24 { width:960px; }
div.colsize-25 { width:1000px; margin-right:0; }

/* Include some empty collumns(space) after the cols. */
.after-1  { padding-right: 15px; }  
.after-2  { padding-right: 80px; } 
.after-3  { padding-right: 120px; } 
.after-4  { padding-right: 160px; } 
.after-5  { padding-right: 200px; } 
.after-6  { padding-right: 240px; } 
.after-7  { padding-right: 280px; } 
.after-8  { padding-right: 320px; } 
.after-9  { padding-right: 360px; } 
.after-10 { padding-right: 400px; } 
.after-11 { padding-right: 440px; } 
.after-12 { padding-right: 480px; } 
.after-13 { padding-right: 520px; } 
.after-14 { padding-right: 560px; } 
.after-15 { padding-right: 600px; } 
.after-16 { padding-right: 640px; } 
.after-17 { padding-right: 680px; } 
.after-18 { padding-right: 720px; } 
.after-19 { padding-right: 760px; } 
.after-20 { padding-right: 800px; } 
.after-21 { padding-right: 840px; } 
.after-22 { padding-right: 880px; } 
.after-23 { padding-right: 920px; } 
.after-24 { padding-right: 960px; }

/* Include some empty collumns(space) in front of the cols. */
.infront-1  { padding-left: 40px; }  
.infront-2  { padding-left: 80px; } 
.infront-3  { padding-left: 120px; } 
.infront-4  { padding-left: 160px; } 
.infront-5  { padding-left: 200px; } 
.infront-6  { padding-left: 240px; } 
.infront-7  { padding-left: 280px; } 
.infront-8  { padding-left: 320px; } 
.infront-9  { padding-left: 360px; } 
.infront-10 { padding-left: 400px; } 
.infront-11 { padding-left: 440px; } 
.infront-12 { padding-left: 480px; } 
.infront-13 { padding-left: 520px; } 
.infront-14 { padding-left: 560px; } 
.infront-15 { padding-left: 600px; } 
.infront-16 { padding-left: 640px; } 
.infront-17 { padding-left: 680px; } 
.infront-18 { padding-left: 720px; } 
.infront-19 { padding-left: 760px; } 
.infront-20 { padding-left: 800px; } 
.infront-21 { padding-left: 840px; } 
.infront-22 { padding-left: 880px; } 
.infront-23 { padding-left: 920px; } 
.infront-24 { padding-left: 960px; }

/* last collumn */
.last { margin:0; }

/* freespace top/bottom of collumn */
.space_top { margin-top:1.5em;}
.space_bottom { margin-bottom:1.5em; }

/* inline box for a collumgn */
.box { 
	padding: 1.5em; 
	margin-bottom: 1.5em; 
	background: #E5ECF9; 
}

/* clear floatings */
.clear { clear:both; display:block; }

/******************************************************************************
** MISC. STUFF
******************************************************************************/
.f_left { float:left; }
.f_right { float:right; }

.green {
	color: #558788;
}

.lower_info {
	font-size:0.8em;
	margin-left: 25px;
}

.lower_a {
	margin-left:-15px;
}

.b_right {
	padding-right:5px;
	border-right:1px dashed #e6e6e6;
}

.pic_one { 
	float:left;
	margin:5px;
}

.yellow_block {
	background:#fffce3;
	border:1px solid #efe37a;
	margin:0px 5px;
	padding:5px;
}

.gray_block {
	background:#f6f6f6;
	border:1px solid #e6e6e6;
	padding:5px;
}

.gray_a {
	background:#f3f3f3;
	border:1px solid #eeeeec;
	padding: 0.5em;
	margin:5px;
}

.info_block {
	border-top:1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding:0.5em;
}

.headline {
	margin-bottom:1.5em;
}