@charset "utf-8";

/****************************************************
 * description:		main css-styles for intomedia.at
 * autor: 			christoph batik
 * email:			christoph.batik@keynet.at
 * web:				www.keynet.at
 * updated:			2010-01-29
 * **************************************************
 */



/* css normalisierungen
--------------------------------------------------- */

/* margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Entfernt list-style von Listen */
ol,ul { list-style : none; }

/* font-style und font-weight */
address, caption, cite, code, dfn, th, var
{ font-style : normal; font-weight : normal; }

/* Zellen-Abstände in Tabellen */
table { border-collapse : collapse; border-spacing : 0; }

/* Entfernt Rahmen um fieldset und img */
fieldset,img { border : 0; }

/* Entfernt legend */
legend { display: none; }



/* formatierung uebergeordnet
--------------------------------------------------- */

html { overflow-y: scroll; }
html, body { width: 100%; height: 100%;}

body, td, input, textarea, select {
	font-family: Verdana, Tahoma, Arial, Helvetica, "Trebuchet MS", sans-serif;
}

body {
	font-size: small;
	color: #000000;
	background-color: #747577;
	text-align: center;
	margin: 0 0 0 0;
}

* html body {
	font-size: x-small; /* für IE 5/Win */
	f\ont-size: small; /* für andere IE-Versionen */
}

#text, td, input, textarea, select {
	font-size: 90%;
}

.clearfix { clear: both; }

a { color: #000; }
a:link { color: #000; }
a:visited { color: #000; outline: none; }
a:hover { color: #747577; }
a:focus { color: #747577; -moz-outline-style: none; }


/* layout
--------------------------------------------------- */

#container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -289px auto 0 -484px;
	width: 968px;
	height: 579px;
	min-height: 579px;
	font-size: 90%;
	text-align: left;
	background-color: #ffffff;
	overflow: hidden;
}

img#logo {
	margin: 22px 0 15px 56px;
}

#bg {
	position: relative;
	top: -38px;
	width: 100%;
	height: 367px;
	min-height: 367px;
	background-image: url(../images/bg_main.jpg);
	background-repeat: no-repeat;
	z-index: 40;
	margin-bottom: -38px;
}

#pic {
	position: absolute;
	bottom: 28px;
	left: 0;
	z-index: 41;
}


/* navigation
--------------------------------------------------- */

ul#nav_top {
	position: relative;
	padding-left: 54px;
	height: 137px;
	background-image: url(../images/nav/bg.jpg);
	background-repeat: no-repeat;
	z-index: 50;
}

ul#nav_top li a {
	display: block;
	float: left;
	margin: 0 0 0 0;
	width: 141px;
	height: 25px;
	font-family: "Tahoma", "Verdana", sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(../images/nav/icons.jpg);
	background-repeat: no-repeat;
	padding-top: 74px;
	text-align: center;
	margin-left: 3px;
}

ul#nav_top li.medientraining a {
	background-position: -1px 0;
	margin-left: 0;
}

ul#nav_top li.medientraining a:hover {
	background-position: -1px -99px;
}

ul#nav_top li.medientraining a.active, ul#nav_top li.medientraining a.active:hover {
	height: 63px;
	background-position: -1px -198px;
}

ul#nav_top li.krisentraining a {
	background-position: -143px 0;
}

ul#nav_top li.krisentraining a:hover {
	background-position: -143px -99px;
}

ul#nav_top li.krisentraining a.active, ul#nav_top li.krisentraining a.active:hover {
	height: 63px;
	background-position: -143px -198px;
}

ul#nav_top li.diskussion a {
	background-position: -283px 0;
}

ul#nav_top li.diskussion a:hover {
	background-position: -283px -99px;
}

ul#nav_top li.diskussion a.active, ul#nav_top li.diskussion a.active:hover {
	height: 63px;
	background-position: -283px -198px;
}

ul#nav_top li.pressekonferenz a {
	width: 142px;
	background-position: -425px 0;
}

ul#nav_top li.pressekonferenz a:hover {
	background-position: -425px -99px;
}

ul#nav_top li.pressekonferenz a.active, ul#nav_top li.pressekonferenz a.active:hover {
	height: 63px;
	background-position: -425px -198px;
}

ul#nav_top li.n_medien a {
	background-position: -567px 0;
}

ul#nav_top li.n_medien a:hover {
	background-position: -567px -99px;
}

ul#nav_top li.n_medien a.active, ul#nav_top li.n_medien a.active:hover {
	height: 63px;
	background-position: -567px -198px;
}

ul#nav_top li.p_presence a {
	width: 144px;
	background-position: -708px 0;
	padding-left: 3px;
}

ul#nav_top li.p_presence a:hover {
	background-position: -708px -99px;
}

ul#nav_top li.p_presence a.active, ul#nav_top li.p_presence a.active:hover {
	height: 63px;
	background-position: -708px -198px;
}

ul#nav_side, div#col_left {
	position: absolute;
	top: 246px;
	left: 70px;
	width: 180px;
	line-height: 100%;
	z-index: 50;
}

ul#nav_side li a { 
	display: block;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 3px 3px;
	margin-bottom: 3px;
}


ul#nav_side li a:hover {
	background-color: #fff;
	padding: 3px 3px;
}


ul#nav_side li.active {
	text-transform: uppercase;
	padding: 3px 4px;
	margin-bottom: 3px;
}

ul#nav_side_2 li, ul#nav_side_2 li a {
	display: inline;
}

ul#nav_side_2 li.active {
	float: left;
	display: block;
	margin-top: 1px;
}

ul#nav_side_2 li a {
	float: left;
	display: block;
}


/* content (text)
--------------------------------------------------- */

#text, div#text.cols_2 {
	position: absolute;
	top: 248px;
	left: 273px;
	width: 580px;
	height: 285px;
	line-height: 130%;
	z-index: 51;
	font-size: 90%;
}

div#col_left {
	font-size: 90%;
	line-height: 130%;
}

div#text.cols_2 {
	left: 290px;
}

#text h1 {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#text h2 {
	font-weight: normal;	
}


#text p, div#col_left p {
	margin: 8px 0;
}

#text li {
	margin-left: 15px;
	list-style: disc;
}

div#text.big_col {
	position: absolute;
	top: 246px;
	left: 70px;
	width: 830px;
	font-size: 90%;
}

div#text.big_col table.referenzen td {
	width: 225px;
	font-size: 77%;
	line-height: 145%;
}

div#col_left h1 {
	text-transform: normal;
	font-weight: bold;
	color: #e21e17;
	
}

table#team td {
	width: 140px;
	vertical-align: top;
	padding-right: 7px;
	font-size: 95%;
	line-height: 120%;
}

table#team td img {
	margin-bottom: 3px;
}

table#team.trainer td {
	padding-bottom: 20px;
	width: 115px;
}


/* Abstand zwischen Bildern vergrößern, wenn diese nebeneinander stehen */
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, 
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, 
div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
	margin:5px 0 0 10px;
}

/* Bilder Links in Bildunterschrift */
div.csc-textpic-caption-l .csc-textpic-caption a {
	text-decoration: none;
}

#text .arrow_more {
	position: absolute;
	top: 238px;
	right: -90px;
}

p.gewinnspiel {
	float: left;
}


/* footer
--------------------------------------------------- */

#footer {
	height: 29px;
	background-color: #e21e17;
}

ul#general {
	position: absolute;
	top: 558px;
	left: 72px;
	/* margin: -12px 0 0 72px; */
	z-index: 21;
}

ul#inactive {
	position: absolute;
	top: 558px;
	left: 72px;
	z-index: 19;
}

ul#general li, ul#inactive li {
	display: inline;
	margin-right: 30px;
	cursor: pointer;
}


ul#general li a, ul#inactive li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}

#footer a.bloglink {
	position: absolute;
	top: 558px;
	right: 65px;
	/* margin: -12px 65px 0 0; */
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

#footer a.langlink {
	position: absolute;
	top: 558px;
	right: 125px;
	/* margin: -12px 65px 0 0; */
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}


/* forms
--------------------------------------------------- */


#mailform {
	margin-top: -4px;
}

#contact_form label {
	float: left; 
	width: 110px;
	min-width: 110px; 
}

#seminarvorbereitung {
	margin-top: -20px;
}

#seminarvorbereitung .col_1, #seminarvorbereitung .col_2, #seminarvorbereitung .col_3 {
	float: left; 
	width: 265px;
}

#seminarvorbereitung .col_2 textarea {
	margin-bottom: 10px;
}

#seminarvorbereitung .col_3 .welche_erfahrungen {
	margin: 36px 0 7px 0;
}

#seminarvorbereitung label {
	display: block;
	font-size: 100%;
	margin-top: 5px;
}

#mailform div.csc-mailform-field {
	margin: 3px 0;
}

#mailform .textinput, #mailform .textarea, #mailform .select { 
	width: 232px;
	padding: 1px;
	border: 0;
	background-color: #fff;
	font-size: 100%;
} 

#seminarvorbereitung .textinput, #seminarvorbereitung .textarea, #seminarvorbereitung .select {
	display: block;
}

#mailform .select {
	width: 235px;
	
}

#mailform .textarea {
	height: 60px;
}

#mailform .submit {
	margin: 12px 0 0 110px;
	font-size: 100%;
}

#seminarvorbereitung .submit {
	margin: 5px 0 0 0;
}

#mailform .radio {
	margin: 10px 0 0 0;
}

#mailform .radio label, #mailform .radio input {
	float: left;
	margin: 0;
}

#mailform .radio input {
	margin-right: 10px;
}

#mailform .radio label {
	margin-right: 30px;
}

#mailform .error {
	vertical-align: middle;
}

#seminarvorbereitung .error {
	display: block;
}

#mailform .required {
	font-size: 90%;
	margin: 0 0 5px 110px;
}

#seminarvorbereitung .required {
	margin: 20px 0 5px 0;
}

#mailform .plz {
	width: 40px;
}

#mailform .city {
	width: 186px;
}

#mailform div.agb {
	margin: 5px 0 10px 110px;
	vertical-align: middle;
}

#mailform div.agb label {
	float: left;
	width: auto;
	margin-left: 6px;
}

#mailform div.agb input {
	float: left;
}

a span.error, a:hover span.error {
	color: #e21e17;
}

#mailform.kontakt {
	margin-top: 2px;
}

/* greybox
--------------------------------------------------- */

#greybox {
	background-color: #fff;
	text-align: left;
	padding: 0 30px;
	font-size: 90%;
	line-height: 130%;
	min-height: 100%;
}

#greybox .content {
	padding: 30px 0;
}

#greybox p {
	font-size: 90%;
	margin-bottom: 10px;
	line-height: 
}

#greybox h1 {
	font-weight: bold;
	font-size: 100%;
	margin: 10px 0 15px 0;
}

#greybox h2 {
	font-weight: bold;
	font-size: 90%;	
}


/* blog
--------------------------------------------------- */

#blog {
	position: absolute;
	left: 50%;
	float: left;
	margin-left: -355px;
	width: 710px;
	background-color: #fff;
	min-height: 100%;
	height:auto !important; /* Important Regel für moderne Browser */
	height: 100%;
	font-size: 90%;
	line-height: 140%;
	color: #656668;
}

#blog .content {
	float: left;
	width: 470px;
	margin: 30px 25px 30px 15px;
	text-align: left;
}

#blog .content p {
	margin: 14px 0;
}

#blog .content .date {
	padding-bottom: 2px;
}

#blog .content .autor {
	font-size: 90%;
	padding-bottom: 16px;
}

#blog .content h1 {
	border-bottom: 1px solid #d63a4c;
	padding-bottom: 2px;
	font-weight: normal;
	text-transform: uppercase;
}

#blog .big {
	width: 680px;
	margin: 30px 15px;
}

#blog .big .csc-textpic-text {
	margin-left: 15px;
}

#blog .big .back {
	float: right;
	font-size: 90%;
}

#blog .big .back a {
	text-decoration: none;
}

#blog .content h2 {
	font-size: 200%;
	color: #000;
	border-top: 1px solid #d63a4c;
	padding: 12px 0;
	font-weight: normal;
	line-height: 110%;
}

#blog .content h2 a {
	text-decoration: none;
}

#blog .content h3 {
	font-size: 130%;
	color: #000;
	font-weight: normal;
	line-height: 110%;
	margin-bottom: -3px;
}

#blog .content .blogList .item {
	margin-bottom: 90px;
}


#blog .menue {
	float: left;
	width: 186px;
	margin: 30px 0 0 0;
	text-align: left;
}

#blog .text-schwarz {
	color: #000;
}

#blog .text-rot {
	color: #cc071e;
}

#blog .itemNav {
	display: block;
	border-top: 1px dotted #000;
	margin: 35px 0 35px 0;
	font-size: 90%;
	
}

#blog .itemNav a {
	color: #656668;
	text-decoration: none;
}

#blog .comments, #blog .permalink, #blog .bookmarks, #blog .trackback {
	float: left;
	display: block;
	margin-top: 9px;
	padding: 0 14px;
	border-right: 1px solid #cc071e;
	line-height: 100%;
}

#blog .permalink {
	padding: 0 14px 0 0;
}

#blog .bookmarks {
	border: 0;
	padding: 0 14px;
	margin-top: 6px;
}

#blog .bookmarks img {
	margin-right: 8px;
	vertical-align: middle;
}

#blog ul.impressum {
	text-align: left;
	margin-top: 40px;
}

#blog ul.impressum li a {
	color: #cc071e;
	font-size: 90%;
	text-decoration: none;
	padding-left: 1px;
}


#blog ul.blog_nav {
	text-align: left;
}

#blog ul.blog_nav a {
	text-decoration: none;
	text-transform: uppercase;
	color: #656668;
}

#blog ul.blog_nav li {
	padding-top: 2px;
	margin-bottom: 3px;
	height: 22px;
}

#blog ul.blog_nav li.first, #blog .menue h3 {
	border-bottom: 1px solid #d63a4c;
    height: auto;
    padding: 0 0 2px 0;
}

#blog ul.blog_nav li.second {
	margin-top: 10px;
}

#blog ul.blog_nav li.website {
	background-image: url('../images/blog/pfeil.gif');
	background-repeat: no-repeat;
	background-position: 140px 0px;	
}

#blog ul.blog_nav li.last {
	width: 160px;
}

#blogentry5 div.autor, #blog .content .single5 .autor {
	display: none;
}

#commentListTitle {
	display: block;
	margin-top: 50px;
}

#commentList, #commentFormNonAjax {
	padding-left: 40px;
}

#commentList div.commentListListing div.item {
	margin: 30px 0;
}

#commentList .author {
	font-weight: bold;
	color: #000;
}

#commentList .date, #commentList .time {
	display: inline;
	font-size: 90%;
}

#commentFormNonAjax {
	margin-top: 50px;
}

#commentFormNonAjax input, #commentFormNonAjax textarea {
	width: 250px;
	margin: 3px 0 10px 0;
}

#commentFormNonAjax textarea {
	height: 100px;
}

#commentFormNonAjax h4 {
	margin-bottom: 15px;
}

#commentFormNonAjax .button {
	width: auto;
}

#blog .rss {
	display: none;
}

#blog .menue h3 {
	text-transform: uppercase;
}

#blog .menue #categories {
	margin-top: 30px;
}

#blog .menue #categories ul {
	padding-top: 8px;
	line-height: 150%;
}

#blog .menue #categories a {
	color: #656668;
}

#blog ul.tag-cloud {
	float: left;
	margin-top: 30px;
}

#blog .tag-cloud li {
	float: left;
	display: block;
}

#blog .tagCloud {
	margin-top: 30px;
	line-height: 150%;
}

#blog .tagCloud a {
	float: left;
	margin-right: 6px;
}

#blog #archive {
	margin-top: 30px;
}

#blog #archive ul.archive {
	padding-top: 8px;
}

#blog ul.archive li.year {
	font-weight: bold;
}

#blog ul.archive ul.months {
	font-weight: normal;
}

#blog ul.archive ul.months li.month a {
	color: #656668;
	text-decoration: underline;
}

#blog #archive .postnum {
	margin-left: 5px;
}

#blogrollList {
	margin-top: 30px;
}

#blogrollList ul.blogrollList {
	padding-top: 8px;
}

#blogrollList ul.blogrollList a {
	color: #656668;
}

#blog .books_headline {
	margin-top: 30px;
}

#blog .books {
	font-size: 90%;
}

#blog .books img {
	margin-top: 15px;
	border: 1px solid #656668;
}

#blog .search_headline {
	margin-top: 30px;
}

#searchBox form {
	margin-top: 10px;
}

#searchBox input {
	display: inline;
}

#searchBox .button {
	background: transparent url('../images/blog/pfeil.gif') no-repeat;
	border: 0; 
	height: 26px;
	width: 30px;
	margin-left: 10px;
}

#categories span.postnum {
	display: none;
}