/*
Theme Name: TQUWiki v1.3.1
Theme URI: http://www.tquwiki.de/
Description: A theme for http://www.tquwiki.de and http://www.soziwiki.de
Author: Markus Zondler
Author URI: http://www.markus-zondler.de/

	TQUWiki Theme v1.3.1
	http://www.tquwiki.de

	This theme was designed and built by Markus Zondler | http://www.markus-zondler.de

*/

@import url('css/reset.css');
@import url('css/960.css');
@import url('weblog.css');
@import url('type.css');


/*----- general html-element styling */

html {
	height:100%;
}

body { /* index.php has its own background image */
	background:#f5f5f5 url('img/bg_body_index.jpg') repeat-x top left;
	
}

body.page_body { /* pages have a different background image */
	background: #ffffff url('img/bg_body_page.gif') repeat-x top left;
}

h2 {
	padding: 20px 0px 10px 0px;
}

h3 {
	padding: 20px 0px 0px 0px;
}

p {
	padding: 0 0 10px 0;
}

ul {
	padding: 0 0 10px 0;
}

ul.no_bullet li {
	list-style-type: none;
	padding: 0 0 10px 15px;
}

li {
	padding: 0 0 10px 25px;
	margin: 0 0 0 0px;
	list-style-type: circle;
	
}

ul.tick li {
	list-style-type: none !important;
	background: url('img/tick.gif') left top no-repeat;
	margin: 0 !important;
	padding: 0px 0 10px 22px !important;
	border: none !important;
}

blockquote {
	float: left;
	padding: 0 10px 0 10px;
	background-color: #fefefe;
}

cite {
	float: left;
	padding: 0 0 15px 0;
}




/*----- general website structure */

.column {
	padding: 20px 0 30px 0;
}

.underline {
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

.invisible {
	display: none;
}

/*----- rules for logo #1

#logo h1 {
	height:93px;
	width:455px;
	position:relative;
	font-size:.8em;
	margin: 0;
}
/* hide from Mac IE5.x \*/
/*#logo h1{overflow:hidden;}
/* end hide*/

/*#logo h1 span, #logo h1 em {
	background-image: url('img/tqu-umsetzer-logo.gif');
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 88px;
	position:absolute;
	left:0;top:0;
	display:block;
	width:455px;
}

/*----- rules for logo #2 -----*/
#logo {
	float: left;
	padding: 13px 0 6px 0;
}

#logo img {
	display: inline;
	float: left;
	padding: 5px 0 0 10px;
}

#logo h1 {
	float: left;
	display: inline;
	padding: 0px 0 0 10px;
}

#logo h1 a{
	margin: 0;
	padding: 0;
	color:#818A89;
	font-size:16px;
	font-weight: normal;
}

/*----- search form on top right */

#search {
	float: right;
	margin: 0;
	padding-top: 14px;
	padding-right: 60px;
	padding-bottom: 0;
	padding-left: 0px;
}

#search span#tqu {
	display:none;
}

#search span#international {
	float: right;
	color:#818A89;
	font-size:16px;
	margin:0px;
	padding: 2px 9px 0 38px;
}

#top_search {
	float:right;
	display:block;
	padding: 0;
}

input#searchsubmit {
	float: left;
	width: 60px;
	display:block;
	font-size:15px;
	font-weight:normal;
	color:#818A89;
	border: none;
	padding: 1px 0 0 0;
	margin: 0;
	background: none;
	letter-spacing: -1px;
}

input#s {
	font-size:14px;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #c8ced0;
	padding:2px 4px 3px 3px;
	width:125px;
	background: #ffffff;
}

/*----- main navigation */

/* ul#top_navigation {
	margin: 0;
	padding: 0;
}

	ul#top_navigation li {
		padding: 0;
		margin: 0;
	}

	ul#top_navigation li a {
		float:left;
		padding: 6px 10px 5px 10px;
		margin: 0px;
	}


	ul#top_navigation li a:hover {
		background-color:#022D73;
	} 
	
	ul#top_navigation li a.current {
		background-color:#022D73;
	} */

/* ---- test -----*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 0px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
padding: 1px 0 0 0;
}

	ul.dropdown li {
	font-size: 16px;
	line-height: 18px;
	padding: 6px 10px 10px 10px;
	}
	
	ul.dropdown li a {
	color: #818A89;
	}
	
	ul.dropdown li.current {
	background: transparent url('img/bg_menu_current.png') no-repeat center bottom;
	}
	
	ul.dropdown li.hover,
	ul.dropdown li:hover {
		background-image: none;	
	}
	
	ul.dropdown li.current a {
		color: #001F53;
	}
	
	ul.dropdown li.hover a,
	ul.dropdown li:hover a {
	 color: #001F53;
	}

	/* -- level mark -- */

	ul.dropdown ul {
	 width: 110px;
	 margin-top: 0px;
	 background-color: #F5F5F5;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		 line-height: 18px;
		 padding: 10px 10px 7px 10px;
		 border-left: 3px solid #F5F5F5;
		}
		
		ul.dropdown ul li a {
			font-size: 16px;
			color: #818A89 !important;
		}
		
		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
			color: #001F53;
			border-left: 3px solid #001F53;
		}
		
		ul.dropdown ul li.hover a,
		ul.dropdown ul li:hover a {
			color: #001F53 !important;
		}


/*----- second level navigation on pages */

#page_top_nav {
	float: left;
	padding: 0;
}

#page_top_nav ul {
	float: left;
	padding: 0;
	margin: 10px 0 0 0;
}

#page_top_nav ul li {
	display:inline;
	padding: 0;
	margin: 0;
}

#page_top_nav ul li a {
	padding: 0 10px;
	margin: 0;
}

/*----- managentsystem 2.0 area on index page */

#ms20 {
	/*width:940px;*/
	width: 960px;
	height:400px;
	background: transparent url('img/bg_ms20.jpg') top left no-repeat;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#ms20 p {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#ms20 h1 {
	padding: 10px 0 0 0px;
	font-size: 14px;
	color: #fff;
}

#ms20 h1 a {
	padding: 10px 0 0 0px;
	font-size: 22px;
	color: #fff;
}


#ms20 h1 a.projects {
	background: transparent url('images/pfeil_gelb.png') no-repeat scroll right 7px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}

#ms20_feature_list {
	width: 100%;
	float:none;
}

.ms20_feature {
	position: relative;
	float:left;
	width: 252px;
	padding: 0px 0px 0px 0px;
	margin: 10px 48px 48px 0px;
	list-style-type: none;
}

.ms20_feature left {
	position: relative;
	float:left;
	width: 252px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	list-style-type: none;
}
.ms20_feature right {
	position: relative;
	float: right;
	width: 252px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	list-style-type: none;
}

.ms20_feature h2 {
	float: left;
	padding: 0;
	margin: 0;
	background-color: #f4c43e;
}

.ms20_feature h2 a {
	float: left;
	width: 252px;
	border-bottom: 1px solid #1c1c1c;
	font-size: 22px;
	padding:14px 10px 8px 10px;
}

.ms20_feature h2 a:hover {
	border-bottom: 1px solid #ffffff;
}

.ms20_feature p {
	background:#1c1c1c;
	padding: 10px 10px 10px 10px !important;
	height: 110px;
	width: 252px;
	float: left;	
}

/*----- content area */

#content {
}

#content p {
}

#content ul {
	padding-right: 30px;
}

#content li {
	padding: 6px 0 4px 0px;
	border-bottom: 1px dotted #cccccc;
	list-style-position: outside;
	margin: 0 40px 0 20px;
}

#content li:last-child {
	border-bottom: none;
}

#content table th {
	text-align: left;
	font-size: 14px;
	width: 50%;
	color: #111111;
	font-weight: normal;
}

#content table td ul {
	padding: 0 20px 10px 0;
}

.content_frame {
}

.content_frame td {
	padding: 20px 0 0 0;
	margin: 0;
	vertical-align: top; 
}

.content_frame h2 {
	text-align: right;
	padding: 0 20px 0 0;
	width: 350px;
	vertical-align: top;
}

.content_frame p {
	vertical-align: top;
}

/*----- team profiles */

.profile {
	float:left;
	width: 280px;
	color:#333333;
	padding: 0px 0px 40px 0px;
}

.profile img {
	float:left;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin: 0px 15px 0px 0px;
}

.profile_data {
	float:left;
	font-weight:normal;
}

.profile img.xing { 
	border:none;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

/*----- client feedback */

ul#accordion {
	padding: 0 !important;
	margin: 0;
}

ul#accordion li {
	list-style: none;
	margin: 0;
}

ul#accordion li div {
	padding: 0 0 0 20px;
}

ul#accordion li a {
	padding: 10px 0 10px 0;
	font-weight: bold;
}

ul#accordion li a.ui-state-focus {
}

ul#accordion table {
	clear: both;
	margin: 10px 0 10px 0;
	color: #555555;
}

ul#accordion table td {
	padding-top: 0px;
	font-size:12px;
}

ul#accordion table a {
	color: #999999; !important
}

ul#accordion table a:hover {
	color: #001F53;
}

ul#accordion table img {
	vertical-align: top;
	padding: 0 10px 0 0;
}

ul#accordion blockquote {
	padding: 10px 0 0 0px;
	margin: 0;
	color: #333333;
	font-style: normal;
}

ul#accordion blockquote p {
	font-style: italic;
	font-size:14px;
	line-height:18px;
	width: 500px;
}

/*----- network partners */

table.networkpartner {
	margin: 20px 20px 20px 0px;
}

table.networkpartner td.logo {
	width: 120px;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

table.networkpartner td.adress {
	width: 150px;
	padding: 0 10px 0 0;
	margin: 0;
}

table.networkpartner td.logo img {
	display: inline;
	float: left;
	width: 100px;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

table.networkpartner td.competence {
	padding: 15px 0 20px 120px;
	font-style: italic;
}

/*----- single projects */
table.project_contact td {
	padding: 0 0 0 0;
}

table.project_contact td.logo img {
	vertical-align: top;
	padding: 0 15px 0 0;
}

/*----- sidebar area */

#sidebar {
	background: #f5f5f5;
	margin: 5px 0 0 0;
	border: thin solid #dddddd;
	border-top: thin solid #ffffff;
}

#sidebar p {
	margin: 0 30px 0 30px;
	padding: 5px 0 5px 0;
}

#sidebar h3 {
	margin: 0 30px 0 30px;
	padding: 15px 0 0 0;
}

#sidebar h3:first-child {
	padding: 0;
}

#sidebar ul {
	margin: 0 30px 0 30px;
}

#sidebar li {
	padding: 6px 0 4px 0px;
	border-bottom: 1px dotted #cccccc;
	list-style-position: outside;
	margin: 0 0px 0 20px;
}


/*----- footer */

#footer {
	clear:both;
	padding: 0px 0 30px 0;
	text-align:center;
	font-size:10px;
	color:#777777;
}