/* CSS Document */

html, body, div, p, h1, h2, h3, h4, h5, ul, ol, span, a, table, td, form, img, li, blockquote {
	margin: 0px;
	padding: 0px;
	font: normal normal normal 12px/18px Arial, Helvetica, sans-serif;
	color:#607486;
}

body {	
	background:#A5C6F3;
	height:100%;
}

html {
	height:100%;
}

/* --------------------------------- links --------------------------------*/
 
a.menue, a.menue:link, a.menue:visited, a.menue:hover, .menue_aktiv {
	text-decoration:none;
	color:rgba(255,255,255,0.1);
	color:rgba(255,255,255,.5)\9;
	-moz-text-shadow:0 0 3px rgba(255,255,255,.7);
	-webkit-text-shadow:0 0 3px rgba(255,255,255,.7);
	text-shadow:0 0 3px rgba(255,255,255,.7);
	filter: alpha(opacity = 30);
	font: normal normal normal 30px/20px Arial, Helvetica, sans-serif;
	letter-spacing:-0.1em;
	/*opacity: 0.4;*/
	-moz-transition-delay:0s;
	-moz-transition-duration:0.5s;
	-moz-transition-timing-function:ease-out;
	-moz-transition-property:color, text-shadow, filter;
	-webkit-transition-delay:0s;
	-webkit-transition-duration:0.5s;
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-property:color, text-shadow, filter;
	-o-transition-delay:0s;
	-o-transition-duration:0.5s;
	-o-transition-timing-function:ease-out;
	-o-transition-property:color, text-shadow, filter;
	transition-delay:0s;
	transition-duration:0.5s;
	transition-timing-function:ease-out;
	transition-property:color, text-shadow, filter;
}

*+ html a.menue, *+html a.menue:link, *+html a.menue:visited, *+html a.menue:hover, *+html .menue_aktiv {
	color:rgba(255,255,255,0.1);
}

a.menue:hover, .menue_aktiv {
	/*opacity: 0.9;*/
	color:rgba(255,255,255,.8);
	text-shadow:0 0 0 rgba(213,234,251,0);
	color:rgba(255,255,255,.8)\9;
}


* html a.menue, * html a.menue:link, * html a.menue:visited, * html a.menue:hover, * html .menue_aktiv {
	line-height:24px;
	padding-right:5px;
	color:#D5EAFB;
}

* html a.menue:hover, * html .menue_aktiv {
	color:#fff;
}

a.submenue, a.submenue:link, a.submenue:visited {
	font: normal normal normal 14px/18px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
}

a.submenue:hover {
	color:#80AAC0;
}


a.ext, a.ext:link, a.ext:visited{
	color: #666;
	padding-right:15px;
	text-decoration: none;
	background: url(img/extern.gif) no-repeat right;
}

a.ext:hover {
	color:#104FA0;
	background: url(img/extern_over.gif) no-repeat right;
}

#text1 a, a:link, a:visited, a:hover {
	text-decoration:none;
	color:#6191A9;
	font: normal normal normal 12px/18px Arial, Helvetica, sans-serif;
}

#text1 a:hover {
	color:#fff;
}


/* ----------------------------- tabellen --------------------------*/

table.kuenstler {
	/*width:460px;*/
	border:none;
	border-collapse:collapse;
}

td.kuenstler_hl {
	/*width:460px;
	height:28px;*/
	vertical-align:top;
	color:#607486;
	font: normal normal normal 16px/18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding-bottom:5px;
}

td.kuenstler_bild {
	/*width:390px;
	height:270px;*/
	text-align:top;
	vertical-align:left;
	/*background-image:url(img/weiss20.png);
	background-color:rgba(100%,100%,100%,0.3);*/
	line-height:0px;
	font-size:0px;
}

td.kuenstler_navi {
	width:50px;
	/*height:270px;*/
	text-align:right;
	vertical-align:top;
}

td.kuenstler_credits {
	/*width:390px;*/
	height:50px;
	text-align:left;
	vertical-align:top;
	padding-top:10px;
	color:#607486;
	font: normal normal normal 11px/12px Arial, Helvetica, sans-serif;
}

table.showroom {
	width:430px;
	border:none;
	border-collapse:collapse;
}

td.showroom_hl {
	width:430px;
	height:28px;
	vertical-align:top;
	text-align:left;
	color:#607486;
	font: normal normal normal 16px/18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

td.showroom_bild {
	width:390px;
	text-align:center;
	vertical-align:top;
	background-image:url(img/weiss30.png);
	/*background-color:rgba(100%,100%,100%,0.3);*/
	line-height:0px;
	font-size:0px;
}

td.showroom_navi {
	width:40px;
	text-align:right;
	vertical-align:top;
}


/* -------------------------------- ebenen ------------------------------*/

#distance { 
	width:0px;
	height:0px;
	background-color:#fff;
	margin-bottom:0px; /* half of container's height */
	float:left;
	z-index:3;
}

#container {
	margin:0px auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:100%;
	width:100%;
	clear:left;
	border:0px;
	z-index:3;
}

#hgr {
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
}

* html #hgr {
	position:absolute;
}

#wrapper {
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2;
}


#logo {
	display:block;
	position:absolute;
	top:8%;
	left:50%;
	margin-left:-195px;
	width:390px;
	height:100px;
	z-index:5;
	text-align:center;
	overflow:hidden;
	background:url(img/logo_hgr.png) no-repeat;
}


#logo img, #logo:hover img {
	-moz-transition-delay:0.6s;
	-moz-transition-duration:1s;
	-moz-transition-timing-function:ease-out;
	-moz-transition-property:opacity;
	-webkit-transition-delay:0.6s;
	-webkit-transition-duration:1s;
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-property:opacity;
	-o-transition-delay:0.6s;
	-o-transition-duration:1s;
	-o-transition-timing-function:ease-out;
	-o-transition-property:opacity;
	-ms-transition-delay:0.6s;
	-ms-transition-duration:1s;
	-ms-transition-timing-function:ease-out;
	-ms-transition-property:opacity;
	margin-top:5px;
	margin-left:1px;
	opacity:0.1;
}

#logo:hover img {
	-moz-transition-delay:0s;
	-webkit-transition-delay:0s;
	-o-transition-delay:0s;
	-ms-transition-delay:0s;
	opacity:1;
}


#sprache {
	display:block;
	position:absolute;
	top:80px;
	left:195px;
	height:20px;
	width:140px;
	margin-left:-70px;
	text-align:center;
	z-index:6;
}



#menue, #menue_en {
	display:block;
	position:absolute;
	top:80%;
	left:0px;
	width:30%;
	height:18%;
	z-index:10;
	text-align:right;
	font: normal normal normal 14px/18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
}

#menue_en {z-index:11;}

#submenue, #submenue1, #submenue2, #submenue3, #submenue4, #submenue5 {
	display:block;
	position:absolute;
	top:20%;
	left:0px;
	width:30%;
	height:55%;
	z-index:10;
	background-image:url(img/weiss30.png);
	text-align:right;
	font: normal normal normal 14px/18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	overflow:auto;
}


#submenue1 {z-index:11; visibility:hidden;}
#submenue2 {z-index:12; visibility:hidden;}
#submenue3 {z-index:13; visibility:hidden;}
#submenue4 {z-index:14; visibility:hidden;}
#submenue5 {z-index:15; visibility:hidden;}

* html #submenue, * html #submenue1, * html #submenue2, * html #submenue3, * html #submenue4, * html #submenue5 {
	background:none;
	background-color:#CFE6FA;
}


#inhalt {
	display:block;
	position:absolute;
	top:20%;
	left:32%;
	width:68%;
	height:55%;
	z-index:10;
	background-image:url(img/weiss30.png);
	/*background-color:rgba(100%,100%,100%,0.3);*/
	text-align:left;
}

* html #inhalt {
	background-image:none;
	background-color:#CFE6FA;
}

#text1, #text2 {
	display:block;
	position:absolute;
	top:8%;
	left:5%;
	width:75%;
	min-width:460px;
	max-width:730px;
	height:90%;
	z-index:11;
	text-align:left;
	font: normal normal normal 12px/18px Arial, Helvetica, sans-serif;
	color:#607486;
	overflow:auto;
	padding-right:40px;
	background:none;
}

#text2 {
	visibility:hidden;
	z-index:12;
}

#bilder1, #bilder2, #bilder3, #bilder4, #bilder5, #bilder6, #bilder7, #bilder8, #bilder9, #bilder10, #bilder11, #bilder12, #bilder13, #bilder14, #bilder15, #bilder16, #bilder17, #bilder18, #bilder19, #bilder20, #bilder21, #bilder22, 
#karte, #kontakt, #blog, #presse
{
	display:block;
	position:absolute;
	top:8%;
	left:5%;
	width:75%;
	min-width:460px;
	height:85%;
	text-align:left;
	font: normal normal normal 12px/18px Arial, Helvetica, sans-serif;
	color:#607486;
	overflow:auto;
	visibility:hidden;
	background:none;
}

#bilder1 {z-index:15;}
#bilder2 {z-index:16;}
#bilder3 {z-index:17;}
#bilder4 {z-index:18;}
#bilder5 {z-index:19;}
#bilder6 {z-index:20;}
#bilder7 {z-index:21;}
#bilder8 {z-index:22;}
#bilder9 {z-index:23;}
#bilder10 {z-index:24;}
#bilder11 {z-index:25;}
#bilder12 {z-index:26;}
#bilder13 {z-index:27;}
#bilder14 {z-index:28;}
#bilder15 {z-index:29;}
#bilder16 {z-index:30;}
#bilder17 {z-index:31;}
#bilder18 {z-index:32;}
#bilder19 {z-index:33;}
#bilder20 {z-index:34;}
#bilder21 {z-index:35;}
#bilder22 {z-index:36;}


#karte {z-index:50;}
#kontakt {z-index:51; min-width:600px;}
#blog {z-index:52;}
#presse {z-index:53;}

#logo_karlsruhe {
	display:block;
	position:absolute;
	top:0px;
	left:350px;
}

#warnung {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:500px;
	height:35px;
	margin-top:-25px;
	margin-left:-250px;
	background-color:#FFF;
	border:3px solid #f00;
	text-align:center;
	padding:15px;
}

#add_mover {
	display:block;
	position:absolute;
	left:50%;
	margin-left:-50px;
	bottom:0px;
	padding:10px;
	height:15px;
	background-color:rgba(255, 255, 255, 0.3);
	border:1px solid #fff;
	border-bottom:none;
}

/* ----------------------------- listen -------------------------------*/

ul.menue_sub {
	margin-right:10%;
	margin-top:10%;
	line-height:20px;
	list-style:none;
}

* html ul.menue_sub {
	margin-top:40px;
}

li.hl {font: normal normal normal 16px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:20px;
}

li.lnk {font: normal normal normal 14px/18px Arial, Helvetica, sans-serif;
	color:#457C99;
}

#menue ul {
	margin-right:10%;
	list-style:none;
} 

#menue_en ul {
	margin-right:10%;
	list-style:none;
} 


/* ----------------------------- text -------------------------------*/

h1 {
	color:#607486;
	font: normal normal normal 16px/18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:9px;
}

p {margin-bottom:10px;
	font: normal normal normal 12px/18px Arial, Helvetica, sans-serif;
}

img {border:0px; padding:0px;}

.thb {padding-right:10px;}

.kontakt {float:left;margin-right:20px;margin-bottom:20px;}

.addthis_toolbox a {margin:0px 3px;}