/**
* CSS (screen)
*
* @author	Sebastian Müller <sebastian produktivbuero de>
* @date		13/03/2009
*/

@import url("../.admin/template/css_editor.css");

* {margin:0; padding:0;}

body {margin:0; padding:0; font-family:Lucida Sans Unicode, Verdana, sans-serif; font-size:12px; line-height:1.7em; color:#000000; background:#c3c3c3;}

h1 {font-size:1.4em; line-height:1.2em; padding-bottom:1em;}
h2 {font-size:1.2em; padding:1em 0;}
h3, h4, h5, h6 {font-size:1em; padding-top:0.5em; padding-bottom:0.5em;}
p {padding-bottom:0.5em;}

a {color:#000000;}

img {border:none;}

ol,ul {margin-left:2em;}
li {}

label {display:block;}

form {}
input,select,textarea {padding:2px 4px; width:300px;}
textarea {overflow:auto;}

span {}

acronym {cursor:help;}



/* ------------ Layout ------------ */

#position {position:relative; margin:0 auto; padding:0 30px 15px 30px; width:740px;}
#header {height:185px; text-align:center;}
#breadcrump {padding:0 30px; height:30px; line-height:30px; color:#888888;}
#content {padding:30px; background:#FFF;}
#navigation {position:absolute; top:3px; left:0; padding:0 30px; width:740px; line-height:30px;}
#footer {padding:18px 30px 30px 30px; color:#FFFFFF; background:#1A4A93;}

div.leftcol {padding-right:2%; width:48%; float:left;}
div.rightcol {padding-left:2%; width:48%; float:left;}

#content.block div.leftcol, #content.block div.rightcol {padding:0; width:auto; float:none;}

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

#navigation ol {margin:0; padding:0; list-style:none;}
#navigation ol li {margin:0 5px 0 0; padding:0 0 7px 0; width:90px; float:left; text-align:center;}
#navigation ol li a {text-decoration:none; display:block;}
#navigation ol li.right {margin:0 0 0 5px; float:right;}
#navigation ol li:hover, #navigation ol li.on {background:#1A4A93 url(images/nav-background.gif) no-repeat center bottom;}
#navigation ol li:hover a, #navigation ol li.on a {color:#C3C3C3;}

/* ------------ Inhalt ------------ */

#header h1 {position:relative; margin:0 auto; padding:0; width:300px; height:185px; overflow:hidden; text-indent:-10000px; background:url(images/it-audio-logo.jpg) no-repeat center bottom;}
#header h1 a {position:absolute; top:45px; left:0; width:300px; height:140px;}

#breadcrump a {color:#888888; text-decoration:none;}

.imagecaption {position:absolute; bottom:0; left:0; padding:0.5em 2%; width:96%; background:#FFF; -moz-opacity: 0.8; opacity: 0.8; filter:alpha(opacity=80);}

#slideContainer {margin:1em 0; width:678px;}
ul.ui-tabs-nav {margin:0; padding:0; list-style:none;}
ul.ui-tabs-nav li {width:113px; text-align:center; font-size:14px; line-height:30px; float:left; background:#A6ACB7 url(images/tab-nav-background.gif) repeat-y left top;}
ul.ui-tabs-nav li a {display:block; text-decoration:none;}
ul.ui-tabs-nav li.ui-state-active {background:#1A4A93 url(images/tab-nav-arrow.gif) no-repeat center top;}
ul.ui-tabs-nav li.ui-state-active a {color:#FFF;}
div.ui-tabs-panel {position:relative; padding:1em; color:#FFF; min-height:150px; background:#1A4A93;}
div.ui-tabs-content {padding-right:180px;}
div.ui-tabs-content a {color:#FFF;}
div.ui-tabs-content img {float:right; margin:5px 0 10px 10px;}
div.ui-tabs-hide {display: none;}

div#slideTab-1 {background:#1A4A93 url(images/tab-background-01.jpg) no-repeat right bottom;}
div#slideTab-2 {background:#1A4A93 url(images/tab-background-02.jpg) no-repeat right bottom;}
div#slideTab-3 {background:#1A4A93 url(images/tab-background-03.jpg) no-repeat right bottom;}
div#slideTab-4 {background:#1A4A93 url(images/tab-background-04.jpg) no-repeat right bottom;}
div#slideTab-5 {background:#1A4A93 url(images/tab-background-05.jpg) no-repeat right bottom;}
div#slideTab-6 {background:#1A4A93 url(images/tab-background-06.jpg) no-repeat right bottom;}

.skiptocontent {}
.skiptonavigation {}
.skiptotop {}

.note {font-size:0.8em;}
.button {width:auto;}
.error {color:#AF0000;}

#footer a {color:#FFFFFF;}
#footer .leftcol a {margin:0 10px;}
#footer .rightcol .leftcol {width:40%;}
#footer .rightcol .rightcol {width:56%;}

/* ------------ Sonstiges ------------ */

.hide {display: none;}
.print {display: none;}
.noprint {}

.clearfix {height:0; overflow:hidden; clear:both; visibility:hidden;}