/* =========================== */
/*                             */
/* CSS by Michael Ibsen        */
/*                             */
/* michael.ibsen (a) xisio.com */
/* http://www.xisio.com        */
/*                             */
/* 25.7.2007                   */
/*                             */
/* =========================== */


/* ----------------------- */
/* Browser-Nivellierung    */
/* passt die verschiedenen */
/* Browser aneinander an   */
/* ----------------------- */

* {
	margin:0; 
	padding:0;
} 

html {
	height:100%; 
	font-size:100.01%;
} 

body { 
	text-align:center; 
	min-height:101%; 
	font:100.01%/130% Verdana, Helvetica, sans-serif; 
	color:#4E4C4C;
	background:#676767; 
	width:980px; 
	margin:0 auto; 
} 

body * {
	text-align:left;
	font-size:9pt;
} 


/* -------------------- */
/* Bullet list          */
/* -------------------- */

ul.csc-bulletlist li {
	/* csc-bulletlist-1 */
	padding:0px 0px 0.7em 0px;
}

ul {
	margin: 0px;
	padding: 0.7em 0px 0px 2em;
	line-height: 1.3em;
}


/* -------------------- */
/* Container            */
/* zentriert das Layout */
/* -------------------- */

div.container {
	width: 980px;
	margin:0 auto 0 auto;
	margin-bottom: 10px;
}


div.leftmenu {
	float: left;
	width: 180px;
	padding:0px;
	margin:0px;
	background-color: transparent;
	

}

	
div.contentwrap {
	float: left;
	width: 580px;
	margin:0px 0px 0px 20px;
	padding:0px;
	background-color: transparent;
	background-image:url(../images/layout/content_bg.gif);
	background-repeat: repeat-y;
	
}

div.content {
	width: 550px;
	margin:0px 0px 20px 20px;
	padding:0px;
	background-color: transparent;
}

div.rightborder {
	float: right;
	width: 180px;
	position: relative;
	top: -80px;
	right: 0px;
	background-color: transparent;
	background:#FFF url("../images/layout/rightborder_bg.gif") repeat-y top right;
	background-repeat: repeat-y;
}

h1.rightbordertop {
	background-color: #373737;
	color: #fff;
	font-size: 11pt;
	line-height:1.3em;
	padding: 0px 0px 5px 10px;
}

div.rbox {
	padding: 0px;
}

div.rbox p {
	padding: 5px;
	line-height: 1.7em;
	font-size: 8pt;
}

div.rbox h2 {
	padding: 5px 0px 0px 5px;
	line-height: 1.3em;
	font-size: 9pt;
}

div.headerwrap {
	background-image:url(../images/layout/header_xisio.jpg);
	width:980px;
	height:95px;
}

div.header {
	padding:55px 0px 0px 500px;
	text-align: left;
	font-size: 14pt;
	color: #52637b;
	background-color: transparent;
}

div.main {
	width:980px;
	height:auto;
	border:0px dotted gray;
}

div.footerwrap {
	width: 980px;
	height: 60px;
	position: relative;
	top: 0px;
	left: 0px;

	padding: 0px 0px 0px 0px;
	
	
	clear: both;

	background-color: #373737;
	background-image: url("../images/layout/footer_bg.jpg");
}

div.footer {
	padding:33px 15px 0px 10px;
	text-align: right;
	font-size: 7pt;
	color: #fff;
	background-color: transparent;
}

a.footerlink {
	color: #fff;
	font-size: 7pt;
}

div.headerimg {
	height: 215px;
	width:980px;
	margin:0px;
	padding:0px;
	background-color: #fff;
	background-image:url(../images/layout/foto-bruecke.jpg);
	background-repeat:no-repeat;
}

img.menu_top {
	margin:0px;
	padding:0px;
	float:left;
}

img.rightborder_top {
	margin:0px;
	padding:0px;
	float:right;
}

img.content_top {
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
}

div.headline {
	font-size:18px;
	font-weight:bold;
	padding:125px 0px 0px 325px;
	margin:0px;
	float:left;
	width:400px;
}

#wrapper1 {
	position:relative;
	text-align:left;
	width:100%;
	background:#FFF url("../images/layout/rightborder_bg.gif") repeat-y top right;
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	background:url("../images/layout/leftmenu_bg.gif") repeat-y top left;
	}



/* -------------------- */
/* Menu links           */
/* -------------------- */

ul.lmenu {
	text-align:right;
	color: #fff;
	padding: 0px 20px 0px 0px;
	margin:0px;
	line-height:1.3em;
	
}

ul.level2 {
	padding: 0px 0px 0px 0px;
	line-height:1.2em;
}

li.lmenu {
	text-align:right;
	font-size:14px;
	font-weight:bold;
	list-style:none;
	padding:1.3em 0px 0.2em 0px;
	margin:0px;
}

/* die einzelnen Level */

li.level1-no {
	text-transform:uppercase;
}

li.level1-act {
	text-transform:uppercase;
}

li.level2-no {
	text-transform:none;
	font-size:12px;
	padding:0px;
	font-weight:normal;
}

li.level2-act {
	text-transform:none;
	font-size:12px;
	padding:0px;
	font-weight:normal;

}

a.lmenu {
	color: #efeff7;
	background-color: transparent;
	text-decoration: none;
}

a.lmenu:hover {
	text-decoration: underline;
}

a.level1-act {
	font-weight: bold;
	color: #ffbc33;
}

a.level2-act {
	font-weight: bold;
	color: #ffbc33;
}

a.level3-act {
	font-weight: bold;
	color: #ffbc33;
}


/* -------------------- */
/* Textformatierung     */
/* -------------------- */

p {
	padding:0px 0px 0px 0px;
	line-height:1.3em;
}

p.feedback {
	font-weight:bold;
	font-style:italic;
}

h1 {
	font-size:10pt;
}

h2 {
	font-size:8pt;
	padding: 0.7em 0px 0px 0px;
}


/* --------------------- */
/* Microformats, Kontakt */
/* --------------------- */

div.vcard {

}

div.vcard p {
	padding: 10px 0px 5px 0px;
}

span.subtitle {
	font-size: 80%;
}

span.organization-name {
	font-weight: bold;
}


/* ----------------------- */
/* Blindtext / Lorem Ipsum */
/* ----------------------- */



.lorem {   
					height: 207px;   
					width: 487px;
					padding-top:30px;
					padding-left:10px;

					}
.ipsum {
			   		height: 207px;
			   		width: 487px;
			   		padding-top:10px;
			   		padding-left:10px;
			   		

			   		}
.zeichenfolge {
							padding-top:80px;
							padding-left:10px;

							}
.send {
					padding-top:20px;
					padding-left:250px;

		   			}
.fehler {
					padding-left:10px;

		   			}
.tex {
					padding-left:10px;
					padding-top: 30px;
					width: 487px;

		   			}