/* CSS - Schriftsatzgestaltung der IHB Webpräsenz */
/* by Holger Behring */
/* no copyright to the idea of this css, just copy and use */


/* ================================= CLEAN UP =============================== */
* { 
	font-family: verdana, arial, sans-serif;
	margin:0px; 
	padding:0px; 
	font-size: 90.01%;
}

body {
	font-family: verdana, arial, sans-serif;
    min-height: 101%;
    font-size: 80.01%;
    position: relative;
    color: black;
    background: #ffffff;
    text-align: left;
	min-width: 770px;
	margin: 0px;
}

fieldset, img { border:0; }

select, input, textarea { font-size: 99% }


/* ========================================TEXT BASICS============================== */

h1, h2, h3, h4, h5, h6 {
	color: #000000;
	/* background-color: #CCCCCC; */
	letter-spacing: 0.3em;
	text-align: left;
	vertical-align: middle;
	word-spacing: 0.3em;
} 

h1 {font-size:95%;letter-spacing: 0.2em; margin:0px;}
h2 {font-size:90%;}
h3 {font-size:80%;font-style:italic;}
h4 {font-weight:bold}
h5 {}
h6 {}
p {margin-top:0px; padding-left:3px;}

.main{
	font-style: normal;
	line-height:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}

.navi{
	padding-left:2px;
	margin-top:5px;
}

.important {
	font-size: 60%;
	text-transform: uppercase;
	color: #ff6600;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.27em;
}

.permlink{
	font-size: 70%;
	padding-left:0px;
	margin-left:20px;
}

.overview{
	font-size: 80%;
}

.info{
	font-size: 75%;
	padding-left:4px;
	color:black;	
}


#clear{
	/* Clearing the floats */
	\clear:both;
}

/* ================================= H1 - H6 in different classes ============= */
h1.important {
	text-align:center;
	border-top: 1px solid #ff6600;
	border-right: 1px none #ff6600;
	border-bottom: 1px solid #ff6600;
	border-left: 1px none #ff6600;
}

h1.navi{
	text-align:left;
	color:#003366;
	line-height: 2.7em;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	border-top: 0px dotted #003366;
	border-bottom: 1px dotted #003366;
	top: 5px;
	height: 30px;
	width: 175px;
	overflow: hidden;
	padding: 1px;
	font-size: 87%;
	font-weight: lighter;

}

/* ===================================LINKS================================== */


/*a:link, a:visited, a:active, a:hover*/
a{ 
  text-decoration:none;
  font-weight:normal;
  color:#FFFFFF;
  bgcolor: #CBDBFE;
}

a:active, a:hover{ 
  color:#003366;
}

/* =============Die Hyperlinks in OVERVIEW */
a.overview{
	text-align: right;
	padding-left: 3%;
	padding-right:1%;
	letter-spacing: 0.3em;
	vertical-align: bottom;
	color: #CECFC6;
	font-weight: normal;
	text-transform: lowercase;
}

a.overview:link, a.overview:visited{
	text-transform: lowercase;
	color: #CECFC6;
}

a.overview:active, a.overview:hover{ 
  	color:#FFFFFF;
}

/* =============Die Hyperlinks in PERMLINK */
a.permlink{
	text-transform: lowercase;
	font-weight: normal;
	color: #cecfc6;
}

a.permlink:link, a.permlink:visited
{ 
  color:#CECFC6;
  text-decoration:none;
}

a.permlink:active, a.permlink:hover
{ 
  color:#FFFFFF;
}

/* ==================Die Hyperlinks in NAVI */
a.navi{
	color:#003366;
	line-height: 1.4em;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	text-align: left;
	border-top: 1px none #003366;
	border-bottom: 1px none #003366;
	width: 175px;
	font-size:120%;
	padding-top:10px;
	border-bottom:thin;
}

a.navi:link, a.navi:visited
{
	color:#003366;
}

a.navi:active, a.navi:hover
{ 
  	color:#6699ff;
}

/* ========================================COLUMN============================== */

.columntext {
	white-space: normal;
	width: 250px; /*49%*/
	float:left;
	text-align: left;
	height: 100%;
	font-size:78%;
	font-style: normal;
	line-height:1.15em;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	z-index: auto;
	clear: none;
	padding-left: 1%;


}

.columnend {
	white-space: normal;
	float:left;
	text-align: left;
	padding-left:2%;
	height: 100%;
	font-size:78%;
	font-style: normal;
	line-height:1.15em;
	font-family: Arial, Helvetica, sans-serif;

}

.columnend li{
	font-size:100%;color:red;
	padding-left:5px;
	margin-left:15px;
}

.columnend ul{
	padding-top:10px;
	padding-bottom:10px;
}


/* ===================== Hauptseite Text ================ */

.main p{
	font-size:100%;
	color:blue;
	padding-top:20px;
}

.main br{
	margin-top:150%;
}

.main ul{
	padding-left:10px;
	margin-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	color:red;
}


/* ===================== FORMULAR ======================= */

.kontakt p
{
    font-size:10px;
    text-align:left;
}