/* Styles zusatz

-------------------------------------------- */



.spalteLinks {float:left;width:33%;}

.spalteLinks img {width:240px;}

.spalteRechts {float:left;width:60%;padding-left:4%;}



/* GENERIC STYLES 

-------------------------------------------- */

 

.typography * {

		font-family: "Segoe UI",Arial,Helvetica,sans-serif;

}



/* PARAGRAPHS 

-------------------------------------------- */

.typography p { 

 	color: #333;

 	/*line-height: 18px;

 	font-size: 0.9em;*/

	margin: 0 0 18px 0;

	width:95%;

	font-size: 1em;

}

.blau {color: #069!important;}

/* QUOTES

-------------------------------------------- */

.typography blockquote {

	margin: 10px;

	font-style: normal;

}	

.typography q {

	display:block;

	font-size: 0.8em;

	margin: 1em 1em;

	padding: 0.5em;

	border: 1px #ccc solid;

}

code {

	font: 1.2em "Courier New", Courier, monospace;

	border: 1px solid #efefef;

	background: #afafaf;

}

/* LINKS 

-------------------------------------------- */



.typography a { 

 	text-decoration: none; 

	color: #006699;

}

	.typography a:hover { 

 		text-decoration: none;

		color:#990000;

	}



	/* LINK ICONS - shows type of file

	------------------------------------ */

	.typography a[href$=".pdf"],

	.typography a[href$=".PDF"],

	.typography a.pdf {

		padding: 2px;

		padding-left: 20px;

		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;

	}

	.typography a[href$=".doc"],

	.typography a[href$=".DOC"],

	.typography a.doc {

		padding: 2px;

		padding-left: 20px;

		background: url(../images/icons/page_word.png) no-repeat left center;

	}

	.typography a[href$=".docx"],

	.typography a[href$=".DOCX"],

	.typography a.doc {

		padding: 2px;

		padding-left: 20px;

		background: url(../images/icons/page_word.png) no-repeat left center;

	}

	.typography a[href$=".xls"],

	.typography a[href$=".XLS"],

	.typography a.xls {

		padding: 2px;

		padding-left: 20px;

		background: url(../images/icons/page_excel.png) no-repeat left center;

	}

	.typography a[href$=".xlsx"],

	.typography a[href$=".XLSX"],

	.typography a.xls {

		padding: 2px;

		padding-left: 20px;

		background: url(../images/icons/page_excel.png) no-repeat left center;

	}

	.typography a[href$=".gz"],

	.typography a[href$=".GZ"],

	.typography a[href$=".gzip"],

	.typography a[href$=".GZIP"],

	.typography a[href$=".zip"],

	.typography a[href$=".ZIP"],

	.typography a.archive {

		padding: 2px;

		padding-left: 20px;

		background: url(../images/icons/page_white_zip.png) no-repeat left center;

	}

	.typography a[href$=".exe"],

	.typography a[href$=".EXE"],

	.typography a.application {

		padding: 2px;

		padding-left: 20px;

		background: url(../images/icons/application.png) no-repeat left center;

	}

	

/* WEITERLESEN STYLES 

-------------------------------------------- */

.weiterlesen a, a.weiterlesen{

	margin: 8px 0;

	padding:2px 6px 2px 18px;

	border:1px solid #ccc;

	background: url(../images/readmore.png) no-repeat left center;

	cursor:pointer;

}

.weiterlesen a:hover, a.weiterlesen:hover {

	border:1px solid #990000;

	background: url(../images/readmore-over.png) no-repeat left center;

}

/* SOCIAL STYLES 

-------------------------------------------- */

.social a{

	border:1px solid #ccc;

	cursor:pointer;

}

.social a:hover {

	border:1px solid #990000;

}



/* LIST STYLES 

-------------------------------------------- */

.typography ul, 

.typography ol {

	margin: 0 0 18px 24px;

	font-size: 1em;

}

	.typography li {

		margin: 5px 10px;

	}

		.typography li li {

		}

.typography hr {

	border-top: 1px solid #ccc;

	margin: 4px;

	color: rgba(0,0,0,0);

}

		

/* HEADER STYLES 

-------------------------------------------- */



.typography h1,

.typography h2 {

 	color: #000;

	margin: 0 0 15px 0;

	font-weight: bold;

}



.typography h1 {

	font-size: 1.5em;

	max-width: 660px;

}

.typography h2 { 

	margin: 0 0 15px 0;

	clear: both;

	font-size: 1.1em; 

}	

.typography h3 {

	color: #006699;

	margin: 0 0 14px 0;

	font-weight: bold;

	clear: both;

	font-size: 14px;

}

.typography h4 {

	font-size: 13px;

	color: #006699;

	width: 95%;

	font-weight: 300;

	line-height: 18px;

	border-bottom: 1px solid #006699;;

	margin: 0 0 16px 0;

}

.typography h5 {

	font-size: 12px;

	color: #006699;

	font-weight: 700;

	margin: 0 0 12px 0;

}

.typography h6 {

	font-size: 11px;

	color: #006699;

	line-height: 1.4em;

	margin: 0 0 12px 0;

}



/* PRE STYLES 

-------------------------------------------- */	

.typography pre {

	font-family:"Courier New",Courier;

	display:block;

	font-size:1.2em;

	margin:1em 0em;

	padding:0.5em;

	border:1px #ccc solid;

	background:#eee;;

}



/* TABLE STYLING 

-------------------------------------------- */

.typography table {

	margin: 0 0 18px 0;

	color: #666;

	border-collapse:collapse;

}

	.typography tr {}

	

		.typography td {

			padding-right:5px;

		}



/* WYSIWYG EDITOR ALIGNMENT CLASSES 

-------------------------------------------- */

.typography .left {

	text-align: left;

}

.typography .center {

	text-align: center;

}

.typography .right {

	text-align: right;

}

.typography img.left {

	text-align: left;

	padding-right:8px;

}



/* IMAGES 

-------------------------------------------- */



.typography .captionImage {

	width:100%!important;

	max-width:600px;

	height:auto;

}

.typography img {

	border: none;

	height:auto;

	width:100%;

}

.typography img.FileThumb {

	height:36px;

	width:auto;

	}

	.typography img.right {

		float: right;

		margin-left: 20px;

	}

	.typography img.left {

		float: left;

	}

	.typography img.leftAlone {

		float: left;

		/*margin-right: 100%;*/

	}

	.typography img.center {

		float: none;

		margin-left: auto;

		margin-right: auto;

		display: block;

	}



	.infoRechts { 

	width:160px;

	float: right; 

	border: 1px solid #ccc;

	padding:6px;

	-moz-border-radius: 9px;

	border-radius: 9px;

	margin-bottom:12px;

	}

	.infoRechts p {

	font-size:0.8em!important; 

	padding:0;

	margin:0;

	}

	/* Watson Formate */

.widget.quote.shorttext h6 {

    text-align: center;

    font-weight: bold;

    font-size: 2em;

    font-style: italic;

    color: #f40f97;

    line-height: 1.1em;

}

.widget.infobox {

    padding: 0 0 10px 0;

    width: auto;

    background: #eee;

}

.widget.infobox h4, .widget.infobox h5 {

    font-size: 1.3em;

    line-height: 1.3em;

    font-weight: bold;

    color: #fff;

    padding: 5px 10px !important;

    margin: 0 !important;

}

.color_combo_72 .combo_bg, .color_combo_72.combo_bg {

    background-color: #00c1f6 !important;

}