/*
Theme Name: ITT
Theme URI: http://www.tt.fh-koeln.de
Description: Theme fuer www.tt.fh-koeln.de
Author: Michael Schmitz, Hendrik Schlatmann & Constantin Höft
Version: 1.0
*/

/*main.css*/

html {
	font-family			: Arial, sans-serif;
	margin				: 0;
	padding				: 0;
}
body {
	color				: #888;
	margin				: 0;
	padding				: 0;
	font-size			: 80%;
	line-height			: 150%;
	background			: #fff url(images/misc/bg.png) repeat-x top left;
}
body form {
	margin				: 0;
	padding				: 0;
}

img {
	border				: none;
}

html a					{ color: #007dc2; text-decoration:underline;}
html a:hover			{ text-decoration:none;}
html a:focus			{ text-decoration:none;}

h1 {
	margin				: -1px 0 15px 0;
	padding				: 0;
	color				: #0081c7;
	font-weight			: normal;
	line-height			: 110%;
}
h1 a {
	text-decoration		: none;
}
h1 a:hover {
	background-color	: #eeeeee;
}
h3 {
	font-size			: 125%;
	line-height			: 100%;
	color				: #fff;
	margin				: 0;
	padding				: 0 0 20px 0;
}
h3.blue {
	font-size			: 125%;
	line-height			: 100%;
	color				: #007dc2;
	margin				: 0;
	padding				: 0 0 20px 0;
}
h3.date {
	font-size			: 100% !important;
	line-height			: 150% !important;
}
h4 {
	font-size			: 100%;
	line-height			: 100%;
	color				: #0081c7;
	margin				: 0;
	padding				: 0 0 15px 0;
}
h4.h4-widget {
	float				: left;
	width				: 200px;
	height				: 14px;
	color				: #fff;
	margin				: 0 0 20px 0;
	padding				: 1px 5px 0 5px;
	font-weight			: normal;
	background			: url(images/misc/bg_widget.png) repeat-x top left;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 190px;
	height				: 13px;
}
html>body h4.widget {
	width				: 190px;
	height				: 13px;
}
h5 {
	font-size			: 125%;
	line-height			: 100%;
	color				: #555;
	margin				: 0;
	padding				: 0 0 15px 0;
}
h6 {
	font-size			: 89%;
	line-height			: 100%;
	color				: #fff;
	margin				: 0;
	padding				: 0 0 5px 0;
}
.img_left, .alignleft {
	float				: left;
	margin-right		: 17px !important;
}

.img_right, .alignright {
	float				: right;
	margin-left			: 10px !important;
}
/*------------------------------------------------------------------------------
  Satz
-------------------------------------------------------------------------------*/
#canvas {
	float				: left;
	width				: 100%;
	padding				: 0;
}


/*------------------------------------------------------------------------------
  Header
-------------------------------------------------------------------------------*/

#canvas #head .print {
	float				: left;
	margin				: 50px 0 30px 0;
}
#canvas #head .container {
	display				: none;
}
#canvas #head .container .content {
	width				: 1014px;
	height				: 140px;
	margin				: 0 auto;
	text-align			: left;
}
#canvas #head .logo_uni {
	float				: left;
	width				: 441px;
	height				: 96px;
	margin				: 0;
	padding				: 31px 0 0 81px;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 360px;
	height				: 65px;
}
html>body #canvas #head .logo_uni {
	width				: 360px;
	height				: 65px;
}
#canvas #head .logo_itt {
	float				: left;
	width				: 547px;
	height				: 85px;
	margin				: 0;
	padding		 		: 42px 0 0 94px;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 453px;
	height				: 43px;
}
html>body #canvas #head .logo_itt {
	width				: 453px;
	height				: 43px;
}


/*------------------------------------------------------------------------------
  Body
-------------------------------------------------------------------------------*/

#canvas #body .container {
	float				: left;
	width				: 100%;
	margin				: 0;
	padding				: 0;
	background-color	: #fff;
}
#canvas #body .container .content {
	width				: 1014px;
	margin				: 0 auto;
	text-align			: left;
}
#canvas #body .subhead {
	display				: none;
}
#canvas #body .subhead a {
	text-decoration		: none;
}
#canvas #body .subhead a:hover {
	text-decoration		: underline;
}
#canvas #body .main {
	float				: left;
	width				: 1014px;
	margin				: 30px 0 0 0;
	padding				: 0;
}
#canvas #body .box_key_home {
	float				: left;
	position			: relative;
	width				: 793px;
	margin				: 0;
	padding				: 0 0 35px 0;
	z-index				: 10;
}
#canvas #body .keyvisual {
	float				: right;
	margin				: 0;
	padding				: 0;
}
#canvas #body .infobox {
	position			: absolute;
	top					: 120px;
	width				: 240px;
	height				: 100px;
	padding				: 10px;
	color				: #fff;
	line-height			: 120%;	
	background-color	: #0081c7;
	overflow			: hidden;
	opacity				: 0.90;
	filter				: alpha(opacity=90);
	-moz-opacity		: 0.90;
	z-index				: 20;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 220px;
	height				: 80px;
}
html>body #canvas #body .infobox {
	width				: 220px;
	height				: 80px;
}
#canvas #body .hdl {
	position			: absolute;
	top					: 20px;
	left				: 55px;
	color				: #fff;
	font-size			: 250%;
	line-height			: 100%;
	z-index				: 30;
}
#canvas #body .infobox .left {
	float				: left;
	width				: 200px;
	margin				: 0;
	padding				: 0 10px 0 0;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 190px;
}
html>body #canvas #body .infobox .left {
	width				: 190px;
}
#canvas #body .infobox .right {
	float				: left;
	width				: 20px;
	margin				: 0;
	padding				: 60px 0 0 0;
}
#canvas #body .box_2-3 {
	float				: left;
	width				: 560px;
	margin				: 0;
	padding				: 0 0 30px 0;
}
#canvas #body .box_2-3 .logo {
	float				: left;
	margin				: 0;
	padding				: 0 0 35px 0;
}
#canvas #body .box_2-3 .site {
	float				: left;
	width				: 560px;
	margin				: 0 0 5px 0;
	padding				: 0;
}
#canvas #body .box_2-3 .site_functions {
	display				: none;
}
#canvas #body .box_2-3 .site_functions a {
	color				: #888;
/*	margin				: 0 5px 0 5px; */
	text-decoration		: none;
}
#canvas #body .box_2-3 .site_functions a:hover {
	text-decoration		: underline;
}

#canvas #body .box_2-3 .article {
	float				: left;
	width				: 560px;
	margin				: 0 0 30px 0;
	padding				: 0;
}
#canvas #body .box_2-3 .article img {
	margin				: 0 0 30px 0;
	padding				: 0;
}
#canvas #body .box_2-3 .article img.nomargin {
	margin				: 0;
	padding				: 0;
}
#canvas #body .box_2-3 .article-news {
	border-bottom		: 1px solid #ccc;
}

#canvas #body .box_2-3 .subarticle {
	float				: left;
	width				: 560px;
	margin				: 0 0 45px 0;
	padding				: 0;
}

#canvas #body .box_1-3 {
	display				: none;
}
#canvas #body .box_1-3 .widget {
	float				: left;
	width				: 200px;
	margin				: 0 0 40px 0;
	padding				: 0;
	font-size			: 80%;
	line-height			: 140%;
	color				: #000;
}
#canvas #body .box_1-3 .widget .news {
	float				: left;
	width				: 200px;
	margin				: 0;
	padding				: 5px;
	background-color	: #d8e3f2;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 190px;
}
html>body #canvas #body .box_1-3 .widget .news {
	width				: 190px;
}
#canvas #body .box_1-3 .widget .news p {
	margin				: 0;
	padding				: 0;
}
#canvas #body .box_1-3 .widget .news h2 {
	font-size			: 100%;
	color				: #007dc2;
	margin				: 0;
	padding				: 0 0 3px 0;
}
#canvas #body .box_1-3 .widget .news h2 a {
	text-decoration		: none;
}
#canvas #body .box_1-3 .widget .news h2 a:hover {
	text-decoration		: underline;
}
#canvas #body .box_1-3 .widget .news h3 {
	font-size			: 100%;
	color				: #888;
	margin				: 0;
	padding				: 0 0 5px 0;
}
#canvas #body .box_1-3 .widget .news .box {
	float				: left;
	margin				: 0;
	padding				: 0 0 20px 0;
}


/*------------------------------------------------------------------------------
  Image-Binde
-------------------------------------------------------------------------------*/

#canvas #binder .container {
	float				: left;
	width				: 100%;
	margin				: 0;
	padding				: 0;
	background			: #fff url(images/misc/bg_binder.png) repeat-x top left;
}
#canvas #binder .container .content {
	width				: 1014px;
	margin				: 0 auto;
	text-align			: left;
}
#canvas #binder .main {
	float				: left;
	width				: 1014px;
	margin				: 0;
	padding				: 0 31px 0 190px;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 793px;
}
html>body #canvas #binder .main {
	width				: 793px;
}
#canvas #binder .main .box_news {
	float				: left;
	width				: 240px;
	margin				: 0;
	padding				: 0;
}
#canvas #binder .main .box_news .img {
	float				: left;
	width				: 240px;
	margin				: 0;
	padding				: 0 0 10px 0;
}
#canvas #binder .main .box_news .txt {
	float				: left;
	width				: 220px;
	margin				: 0;
	padding				: 0 10px 0 0;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 210px;
}
html>body #canvas #binder .main .box_news .txt {
	width				: 210px;
}
#canvas #binder .main .box_news .link {
	float				: left;
	width				: 20px;
	margin				: 0;
	padding				: 15px 0 0 0;
}
#canvas #binder .main .abst {
	margin-right		: 36px;
}
#canvas #binder .main .news_wrapper {
	float				: left;
	padding				: 0 0 40px 0;
	border-bottom		: 1px solid #fff;
}


/*------------------------------------------------------------------------------
  Footer
-------------------------------------------------------------------------------*/

#canvas #footer .container {
	display				: none;
}
#canvas #footer .container .content {
	width				: 1014px;
	margin				: 0 auto;
	text-align			: left;
	color				: #fff;
	font-size			: 89%;
	padding				: 0 0 0 190px;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 824px;
}
html>body #canvas #footer .container .content {
	width				: 824px;
}

/*------------------------------------------------------------------------------
  Layout
-------------------------------------------------------------------------------*/
p {
	padding				: 0 0 20px 0;
	margin				: 0;
}
ol {
	margin				: 0;
	padding				: 0 0 10px 15px;
	list-style-type		: decimal-leading-zero;
	list-style-position	: inside;
}
ul {
	margin				: 0;
	padding				: 0 0 10px 15px;
	list-style-type		: square;
}
ul li {
	padding				: 0 0 5px 0;
}
ol li {
	padding				: 0;
}

/*------------------------------------------------------------------------------
  Little Helper
-------------------------------------------------------------------------------*/
/* Box Model Hack */

/*	voice-family      : "\"}\"";
	voice-family      : inherit;
	width             : 700px;
}
html>body #container {
	width            : 700px;
}*/



.clr					{ clear  : both; font-size:0.1em; }
img						{ font-family: Arial, Helvetica, sans-serif; }	
.none, .printonly		{ display : none; }
.block					{ display : block;}
.bottomnone				{ border-bottom: none;}
.preload 				{ float: left; visibility: hidden; }

.border { border: 1px solid #000; }







/*nav.css*/

/*------------------------------------------------------------------------------
  Lefthand-Navigation
-------------------------------------------------------------------------------*/

#canvas #body .nav {
	float				: left;
	width				: 190px;
	padding				: 0 0 10px 0;
	margin				: -14px 50px 0 0;
}
#canvas #body .nav .logo {
	float				: left;
	margin				: 0;
	padding				: 5px 0 35px 0;
}
#canvas #body .nav ul {
	padding				: 0;
	margin				: 0;
	list-style-type		: none;
}
#canvas #body .nav ul li {
	width				: 160px;
	padding				: 14px 0 13px 0;
	margin				: 0;
	border-bottom		: 1px solid #a4a4a6;
	text-align			: right;
}
#canvas #body .nav ul li a {
	text-transform		: uppercase;
	text-decoration		: none;
	font-weight			: bold;
	color				: #888;
}
#canvas #body .nav ul li a:hover, #canvas #body .nav ul li.current-menu-item a {
	color				: #007dc2;
}

#canvas #body .nav ul li a:hover, #canvas #body .nav ul li.current-menu-ancestor a:hover, #canvas #body .nav ul li.menu-item a:hover, #canvas #body .nav ul li.current-menu-parent a {
	color				: #007dc2;
}

#canvas #body .nav ul li a:hover, #canvas #body .nav ul li.current-post-ancestor a:hover {
	color				: #007dc2;
}

#canvas #body .nav ul li .sub-menu a {
	color				: #888;
}

#canvas #body .nav ul li .sub-menu li.current-menu-item a, #canvas #body .nav ul li .sub-menu li.current-menu-parent a, #canvas #body .nav ul li .sub-menu li.current-post-ancestor a {
	color				: #007dc2;
}

#canvas #body .nav ul li.first {
	padding-top			: 0;
}
#canvas #body .nav ul li.last {
	border-bottom		: none;
}

/* 2. Ebene */
#canvas #body .nav ul li ul li {
	padding				: 7px 0 6px 0;
	border-bottom		: none;
	text-transform		: none;
}
#canvas #body .nav ul li ul li a {
	text-transform		: none;
	font-weight			: normal;
}
#canvas #body .nav ul li ul li.last {
	padding-bottom		: 0;
}


/*------------------------------------------------------------------------------
  Footer-Navigation
-------------------------------------------------------------------------------*/

#canvas #footer .nav {
	float				: left;
	width				: 112px;
	margin				: 0;
	padding				: 25px 12px 10px 0;
	voice-family		: "\"}\"";
	voice-family		: inherit;
	width				: 100px;
}
html>body #canvas #footer .nav {
	width				: 100px;
}
#canvas #footer .nav a {
	color				: #fff;
	text-decoration		: none;
}
#canvas #footer .nav a:hover {
	text-decoration		: underline;
}
#canvas #footer .nav ul {
	padding				: 0;
	margin				: 0;
	list-style-type		: none;
	white-space			: nowrap; 
}
#canvas #footer .nav ul li {
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 0 0 7px 0;
}
#canvas #footer .nav ul li a {
	float				: left;
	width				: 100px;
	padding				: 0 0 4px 0;
}
#canvas #footer .nav ul li ul li {
	font-weight			: normal;
	text-transform		: none;
	white-space			: normal;
	line-height			: 110%;
}
#canvas #footer .nav ul li ul li a {
	float				: none;
	padding				: 0;
}
#canvas #footer .legal {
	float				: left;
	clear				: both;
	width				: 560px;
	text-align			: center;
	padding				: 0 0 50px 0;
}
#canvas #footer .legal a {
	color				: #fff;
	text-decoration		: none;
}
#canvas #footer .legal a:hover {
	text-decoration		: underline;
}

/*
* Custom CSS fuer Plugins usw.
*/

/* Paginierung */
.pagination {
	text-align			: center;
	margin-bottom		: 20px;
}

.advanced_recent_posts_widget ul {
	background-color:#d4e4f4 !important;
	padding:5px 5px; !important;
}