/*   CSS Layout www.alladin.at   */
/*     Version 1.0 18.5.2009     */
/*           r.horaczek          */


@import url(css_reset.css);

body, html {
	behavior: url(fileadmin/template/alladin/css/csshover.htc);
}

.clear	{
	clear:both;
}

.red	{
	color:#CC0000;
}
.marginright	{
	margin-right:1em;
}

body	{
	background:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.75em;
	letter-spacing:0.05em;
	line-height:130%;
}
a	{
	text-decoration:none;
}

div.wrapper	{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	min-width:60em;
    position:relative;
}
* html div.wrapper  {
    height:100%;
}

/* ACCESSIBLE NAVIGATION */
div#topnav {
	text-align:center;
	position:absolute;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
div#topnav a.skip   {
    color:#FFFFFF;
    text-decoration:none;
}
.skip, .hideme {
	left:-1000em;
	position:absolute;
	top:-1000em;
}
.skip:focus, .skip:active {
    position: static;
    left: 0;
    top:0;
}

/* METANAVIGATION */
div#meta	{
	background:#1F1F1F;
	color:#FFFFFF;
	padding-top:0.5em;
	padding-bottom:0.5em;
	text-transform:uppercase;
	margin-bottom:3em;
}
div#meta div.wrapper div#metaLeft	{
	width:24em;
	float:left;
}
div#meta div.wrapper div#metaLeft ul li	{
	float:left;
	margin-right:1em;
}
div#meta div.wrapper div#metaLeft ul li a	{
	color:#FFFFFF;
}
div#meta div.wrapper div#metaLeft ul li a:hover,
div#meta div.wrapper div#metaLeft ul li.current a   {
	color:#CC0000;
}

div#meta div.wrapper div#metaRight	{
	width:auto;
	margin-left:24em;
	text-align:right;
}
div#meta div.wrapper div#metaRight a.kundenbereich	{
	color:#999999;
}
div#meta div.wrapper div#metaRight a:hover	{
	color:#CC0000;
}

/* LOGO */
div.wrapper div#logo	{
	width:35%;
	float:left;
	margin-bottom:3em;
}
div.wrapper div#logo a	{
	display:block;
	width:234px;
	height:73px;
	text-indent:-9000px;
	background:url(../images/alladin_logo.gif) no-repeat;
}

/* HAUPTNAVIGATION */
div.wrapper div#mainNavi	{
}
div.wrapper div#mainNavi ul	{
	float:right;
	width:65%;
}
div.wrapper div#mainNavi ul li	{
	float:left;
	font-size:1.2em;
}
div.wrapper div#mainNavi ul li.first	{
	width:45%;
}
div.wrapper div#mainNavi ul li	{
	width:27%;
}
div.wrapper div#mainNavi ul li	{
	width:27%;
}
div.wrapper div#mainNavi ul li a	{
	display:block;
	text-transform:uppercase;
	color:#FFFFFF;
	background:#CC0000;
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:0.3em;
	padding-right:1em;
	border-left:solid 1px #FFFFFF;
}
div.wrapper div#mainNavi ul li.first a	{
	border-left:none;
}
div.wrapper div#mainNavi ul li ul	{
	/*display:none;*/
	left:-9000px;
	position:absolute;
	border-left:solid 1px #CC0000;
	padding-top:0.2em;
    background-color: #ffffff;
    opacity: 0.7;
}
div.wrapper div#mainNavi ul li:hover ul	{
	display:block;
	left:auto;
    width:auto;
}
div.wrapper div#mainNavi ul li ul li	{
	float:none;
	font-size:0.9em !important;
}
/* nur für IE 6 */
* html div.wrapper div#mainNavi ul li ul li	{
border:solid 1px #FFFFFF;
}
div.wrapper div#mainNavi ul li ul li a	{
	background:none;
	color:#CC0000;
	padding-top:0.25em;
	padding-bottom:0;
    font-size: 0.85em;
}
div.wrapper div#mainNavi ul li ul li a:hover,
div.wrapper div#mainNavi ul li ul li.current a,
div.wrapper div#mainNavi ul li ul li.active a  {
	color:#777777;
}

body.menu_grey div#mainNavi ul li a  {
    background:#777777;
}
body.menu_grey div#mainNavi ul li.current a,
body.menu_grey div#mainNavi ul li.active a {
    background:#CC0000;
}
/*
body.menu_grey div#mainNavi ul li.current ul,
body.menu_grey div#mainNavi ul li.active ul    {
    display:block;
    left:auto;
    width:auto;
}
*/
body.menu_grey div#mainNavi ul li.current ul li a,
body.menu_grey div#mainNavi ul li.active ul li a   {
    background:none;
}

/* HEADER */
div.wrapper div#header	{
	clear:both;
	width:100%;
	height:130px;
	/*background:transparent url(../images/header_content.jpg) no-repeat center center;*/
    background:transparent url(../images/header_unternehmen.jpg) no-repeat center center;
	margin-bottom:3em;
}
/* Nur für Referenzseiten */
.referenzen div.wrapper div#header	{
	clear:both;
	width:100%;
	height:130px;
    background:transparent url(../images/header_referenzen.jpg) no-repeat center center;
	margin-bottom:3em;
}
/* Nur für Startseite */
.homepage div.wrapper div#header	{
	clear:both;
	width:100%;
	height:170px;
	background:transparent url(../images/header_home.jpg) no-repeat center center;
	margin-bottom:3em;
}

/* INHALTSBEREICH */
div.wrapper div#content	{
	margin-bottom:6em;
}

div.wrapper div#content	a {
	color: #CC0000;
	text-decoration: underline;
}

div.wrapper div#content	a:hover {
	text-decoration: none;
}

div.wrapper div#content div#contentLeft	{
	width:24em;
	float:left;
}

/* Subnavigation */
div.wrapper div#content div#contentLeft	div#subNavi	{
	margin-bottom:3.5em;
	margin-right:6em;
}
div.wrapper div#content div#contentLeft	div#subNavi	ul li ul {
    margin-left: 1.5em;
    padding-left: 0.5em;
    font-size: 0.9em;
    margin-bottom: 0.5em;
    margin-top: 0.3em;
    border-left: 1px solid #CC0000;
}
/* Nur für Startseite */
.homepage div.wrapper div#content div#contentLeft	div#subNavi	{
	margin-bottom:2em;
	margin-right:6em;
}

div.wrapper div#content div#contentLeft	div#subNavi	ul li a:hover	{
    text-decoration: underline;
}

div.wrapper div#content div#contentLeft	div#subNavi	ul li a	{
	text-transform:uppercase;
	color:#CC0000;
	text-decoration: none;
}
div.wrapper div#content div#contentLeft	div#subNavi	ul li a:hover,
div.wrapper div#content div#contentLeft	div#subNavi	ul li.active>a,
div.wrapper div#content div#contentLeft	div#subNavi	ul li.current>a
{
    text-decoration:none;
	color:#777777;
}

/* Subcontent */
div.wrapper div#content div#contentLeft	div#subContent	{
	margin-right:6em;
	color:#777777;
	line-height:120%;
    margin-top:3.5em;
}
div.wrapper div#content div#contentLeft	div#subContent p	{
	margin-bottom:1em;
}
div.subLink	{
	margin-top:1em;
}
div.subLink a	{
	display:block;
	color:#FFFFFF;
	background:#1F1F1F;
	padding-left:1em;
	padding-top:2px;
	padding-bottom:1px;
}
div.subLink a:hover	{
	background:#777777;
}

div.wrapper div#content div#contentRight	{
	margin-left:24em;
}
/* Nur für Startseite */
.homepage div.wrapper div#content div#contentLeft div#subContent	{
	margin-right:4em;
	position: relative;
}
.homepage div.wrapper div#content div#contentLeft div#subContent div.subContentText {
    left: 3px;
	top: 3px;
}
.homepage div.wrapper div#content div#contentLeft div#subContent div.subContentText h2	{
	color:#CC0000;
	font-size:150%;
	margin-bottom:1em;
}
 
.homepage div.wrapper div#content div#contentLeft div#subContent div.subContentText .shadow2,
.homepage div.wrapper div#content div#contentLeft div#subContent div.subContentText .shadow3,
.homepage div.wrapper div#content div#contentLeft div#subContent div.subContentText .shadowContainer {
	position: relative;
	left: -1px;
	top: -1px;
}
.homepage div.wrapper div#content div#contentLeft div#subContent div.subContentText .shadow1 {
	background: #E0E0E0;
}
.homepage div.wrapper div#content div#contentLeft div#subContent div.subContentText .shadow2 {
	background: #B2B2B2;
}
.homepage div.wrapper div#content div#contentLeft div#subContent div.subContentText .shadow3 {
	background: #9E9E9E;
}
.homepage div.wrapper div#content div#contentLeft div#subContent div.subContentText .shadowContainer {
	background:#F5E294;
	color:#333333;
	line-height:120%;
	padding-top:1em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:0.5em;
}

/* Breadcrumbs */
div.wrapper div#content div#contentRight div#breadcrumbs	{
	float:left;
	width:100%;
	margin-bottom:2em;
}
div.wrapper div#content div#contentRight div#breadcrumbs ul li	{
	float:left;
	text-transform:uppercase;
	color:#777777;
}

div.wrapper div#content div#contentRight div#breadcrumbs ul li a	{
	text-decoration:none;
}

div.wrapper div#content div#contentRight div#breadcrumbs ul li a:hover	{
	text-decoration: underline;
}
/* Doppelpunkt zwischen Breadcrumblinks (funktioniert nicht im IE) */
/*div.wrapper div#content div#contentRight div#breadcrumbs ul li.first:before {
	content:none;
}
div.wrapper div#content div#contentRight div#breadcrumbs ul li:before {
	content:"\003A";
}*/
div.wrapper div#content div#contentRight div#breadcrumbs ul li.first a	{
	/*margin-left:0;*/
}
div.wrapper div#content div#contentRight div#breadcrumbs ul li a:hover    {
    text-decoration:none;
}
div.wrapper div#content div#contentRight div#breadcrumbs ul li.current a	{
	color:#777777;
    cursor:default;
}
div.wrapper div#content div#contentRight div#breadcrumbs ul li a	{
	margin-left:0.5em;
	margin-right:0.5em;
	color:#CC0000;
}
div.wrapper div#content div#contentRight div#breadcrumbs ul li a:hover,
div.wrapper div#content div#contentRight div#breadcrumbs ul li a.active	{
	color:#777777;
}

div.wrapper div#content div#contentRight div#mainContent    {
    margin-left:0.5em;
    font-size:110%;
}
div.wrapper div#content div#contentRight div#mainContent h1	{
	font-size:180%;
	margin-bottom:1em;
	line-height: 1.4em;
}
div.wrapper div#content div#contentRight div#mainContent h2	{
	font-size:130%;
	margin-bottom:0.7em;
    margin-top:1.4em;
}
div.wrapper div#content div#contentRight div#mainContent h3	{
	font-size:110%;
	margin-bottom:0.7em;
    margin-top:1.4em;
}
div.wrapper div#content div#contentRight div#mainContent ul {
    list-style-type:disc;
    margin-left:4em;
    margin-right:8em;
    margin-bottom:1em;
}
div.wrapper div#content div#contentRight div#mainContent ol {
    list-style-type:decimal;
    margin-left:4em;
    margin-right:8em;
    margin-bottom:1em;
}

/* Nur für Startseite */
.homepage div.wrapper div#content div#contentRight div#mainContent h1	{
	font-size:180%;
	margin-bottom:1em;
	color:#CC0000;
}

div.wrapper div#content div#contentRight div#mainContent p	{
	margin-bottom:1em;
}

/* FOOTER */
div#footer	{
	background:#1F1F1F;
	color:#FFFFFF;
	padding-top:0.5em;
	padding-bottom:0.5em;
    width:100%;
    position:fixed;
    bottom:0;
}
div#footer div.wrapper div#footerLeft	{
	width:24em;
	float:left;
	font-size:0.9em;
}
div#footer div.wrapper div#footerRight	{
	width:auto;
	margin-left:24em;
	text-align:right;
	font-size:0.9em;
}

/* KONTAKTFORMULAR */
div.csc-mailform-field label {
    display:block;
    float:left;
    width:15%;
}
div.csc-mailform-field input,
div.csc-mailform-field textarea {
    display:block;
    width: 84%;
    border:1px solid #777777;
    margin-bottom:5px;
}
div.csc-mailform-field input:focus,
div.csc-mailform-field textarea:focus {
    background:#EEEEEE;
}
div.csc-mailform-field textarea {
    height: 10em;
}
div.csc-mailform-field input.csc-mailform-submit {
    margin-left: 15%;   
    width: 20%;
    background:#777777;
    color:#FFFFFF;
    border-top:solid 1px #CCCCCC;
    border-left:solid 1px #CCCCCC;
    border-right:solid 1px #444444;
    border-bottom:solid 1px #444444;
}
form#mailform {
    margin-bottom: 3em;   
}

/* TAGCLOUD */
.tx-vgetagcloud-pi1 {
    background-color:transparent;
    /*line-height: 150%;*/
}

.tx-vgetagcloud-pi1 ul {
    padding: 0;
    margin: 0 !important;
    
}

.tx-vgetagcloud-pi1 ul li {
    height: 1.8em;   
}

.tx-vgetagcloud-pi1 ul li a {
    text-decoration: none !important;
    color:#333333 !important;
    padding-left:6px;
    padding-right:6px;
    padding-top:0;
    padding-bottom:0;
}

.tx-vgetagcloud-pi1 ul li a:hover {
    /*text-decoration: underline !important;*/
    color:#CC0000 !important;
    
}

.tx-vgetagcloud-pi1 ul li.cloud1 a {
    font-size: 1.0em !important;
    
}

.tx-vgetagcloud-pi1 ul li.cloud2 a {
    font-size: 1.2em !important;
    
}

.tx-vgetagcloud-pi1 ul li.cloud3 a {
    font-size: 1.4em !important;
    
}

.tx-vgetagcloud-pi1 ul li.cloud4 a {
    font-size: 1.6em !important;
    
}

.tx-vgetagcloud-pi1 ul li.cloud5 a {
    font-size: 1.8em !important;
}