/* ### BASICS ### */

body {
	margin: 20px 0px 0px 0px;
	padding: 0;
	background: #eee url("images/bg-main.jpg") repeat-x;
	font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	
}

div,p,table,form,ul,h1,h2,h3,h4,h5,h6,img {
	margin: 0;
	padding: 0;
	border: 0;
}

.clearer {
	clear:both;
	font: normal normal 1px/1px Verdana, Arial, Helvetica, sans-serif;
	}


/* ### SITE ### */

#site {
	width:945px; /* 985px - 20px - 20px */
	margin:0 auto;
	background:#fff;
	padding:20px 20px 0px 20px;
	position: relative; 
}

#logo-print {
	display:none;
}

#header #brown-line {
	background:#4D2202;
	padding:4px 7px 4px 7px;
	color:#A69181;
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
}

#header #brown-line a {
	color:#A69181;
	text-decoration:none;
}

#header #brown-line a:hover {
	color:#A69181;
	text-decoration:underline;
}

#header #brown-line #lang-select {
	float:right;
}

#header #brown-line #lang-select .english-version a {
	background: url("images/flag-en-p.gif") right no-repeat;
	padding: 0px 20px 0px 0px;

}

#header #brown-line #lang-select .english-version a:hover {
	background: url("images/flag-en-a.gif") right no-repeat;
}

#header #brown-line #lang-select .german-version {
	background: url("images/flag-de-p.gif") right no-repeat;
	padding: 0px 20px 0px 0px;
}

#header #brown-line #lang-select .german-version:hover {
	background: url("images/flag-de-a.gif") right no-repeat;
}

#header #image-area {
	background: url("images/bg-header.jpg") repeat-x;
	padding:10px 0px 0px 0px;
}

#header #image-area .images-left {
	float:left;
	width:351px;
}

#header #image-area .images-left .logo { 
	float:left;
	width:234px;
	height:117px;
	background: url("images/logo-kkl.jpg") no-repeat;
}

#header #image-area .images-left .image1 { 
	float:left;
	width:117px;
	height:117px;
}

#header #image-area .images-left .image2 { 
	float:left;
	width:117px;
}

#header #image-area .images-left .image3 { 
	float:left;
	width:117px;
}

#header #image-area .images-left .image4 { 
	float:left;
	width:117px;
}

#header #image-area .image5 { 
	float:left;
	width:370px;
}

#header #image-area .image6 { 
	float:left;
	width:224px;
}


#container {
	background: url("images/bg-container.jpg") repeat-y;
	margin:20px 0px 0px 0px;
	padding:0;
	width:945px;	
}

#container #left {
	float:left;
	width:204px; /*234px - 20px - 10px */
	padding:20px 20px 0px 10px;	
}

#navigation {
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
}

#navigation ul.first-level {
	list-style-type:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
}

/* 1st Level */
#navigation ul.first-level li a {
	border-top:1px solid #fff;
	padding:7px 0px 7px 18px;
	margin:0;
	background: url("images/navigation_1st_arrow_p.gif") 6px 10px no-repeat;	
	display:block;
	color:#333;
	text-decoration:none;
}

#navigation ul.first-level li a:hover {
	border-top:1px solid #fff;
	padding:7px 0px 7px 18px;
	margin:0;
	background: #DAE5F0 url("images/navigation_1st_arrow_a.gif") 6px 10px no-repeat;	
	display:block;
	color:#065198;
	text-decoration:none;
}

#navigation ul.first-level li a.selected {
	border-top:1px solid #fff;
	padding:7px 0px 7px 18px;
	margin:0;
	background: #DAE5F0 url("images/navigation_1st_arrow_a.gif") 6px 10px no-repeat;	
	display:block;
	color:#065198;
	text-decoration:none;
}

/* 2nd Level */

#navigation ul ul.second-level {
	list-style-type:none;
	padding:0;
	border-top:1px solid #fff;
	text-transform:none;
}

#navigation ul ul.second-level li a {
	border-top:0px solid #fff;
	padding:4px 0px 4px 28px;
	margin:0;
	background: url("images/navigation_2nd_arrow_p.gif") 18px 7px no-repeat;	
	display:block;
	color:#333;
	text-decoration:none;
}

#navigation ul ul.second-level li a:hover {
	border-top:0px solid #fff;
	padding:4px 0px 4px 28px;
	margin:0;
	background: url("images/navigation_2nd_arrow_a.gif") 18px 7px no-repeat;	
	display:block;
	color:#065198;
	text-decoration:none;
}

#navigation ul ul.second-level li a.selected {
	border-top:0px solid #fff;
	padding:4px 0px 4px 28px;
	margin:0;
	background: url("images/navigation_2nd_arrow_a.gif") 18px 7px no-repeat;	
	display:block;
	color:#065198;
	text-decoration:none;
}

/* 3rd Level */

#navigation ul ul ul.third-level {
	list-style-type:none;
	padding:0;
	border-top:0px solid #fff;
	text-transform:none;
}

#navigation ul ul ul.third-level li a {
	border-top:0px solid #fff;
	padding:4px 0px 4px 40px;
	margin:0;
	background: url("images/navigation_3rd_arrow_p.gif") 30px 7px no-repeat;	
	display:block;
	color:#333;
	text-decoration:none;
}

#navigation ul ul ul.third-level li a:hover {
	border-top:0px solid #fff;
	padding:4px 0px 4px 40px;
	margin:0;
	background: url("images/navigation_3rd_arrow_a.gif") 30px 7px no-repeat;	
	display:block;
	color:#065198;
	text-decoration:none;
}

#navigation ul ul ul.third-level li a.selected {
	border-top:0px solid #fff;
	padding:4px 0px 4px 40px;
	margin:0;
	background: url("images/navigation_3rd_arrow_a.gif") 30px 7px no-repeat;	
	display:block;
	color:#065198;
	text-decoration:none;
}

#partners {
	padding:20px 0px 0px 0px;
}

#container #center {
	float:left;
	width:434px; /*476px - 21px - 21px */
	padding:20px 21px 0px 21px;
	border-top:1px solid #D9D9D9;
	font: normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

#content h1 {
	padding:0px 0px 10px 0px;
	margin:0;
	font: normal normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
}

#content a {
	color:#333;
}

#content a:hover {
	color:#000;
}

#content .highlights .left-box {
	width: 201px; /*216px - 5px - 5px - 5px */
	margin:0px 5px 0px 0px;
	padding:5px;
	background:#E6EDF4;
	float:left;
}

#content .highlights .left-box h2 {
	color:#065198;
}

#content .highlights .right-box {
	width: 201px; /*216px - 5px - 5px - 5px */
	margin:0px 0px 0px 5px;
	padding:5px;
	background:#EDEAE8;
	float:right;
}

#content .highlights .event-image {
	float:right;
}

#content .highlights .event-item {
	padding:0px 0px 20px 0px;
	font: normal normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

#content .guestbook .left-box {
	width: 201px; /*216px - 5px - 5px - 5px */
	margin:0px 5px 0px 0px;
	padding:5px 5px 3px 5px;
	background:#E6EDF4;
	float:left;
}

#content .guestbook .right-box {
	width: 201px; /*216px - 5px - 5px - 5px */
	margin:0px 0px 0px 5px;
	padding:5px 5px 3px 5px;
	background:#E6EDF4;
	float:right;
}

#content .guestbook .box {
	width: 408px; 
	margin:0px 5px 0px 0px;
	padding:5px 5px 3px 5px;
	background:#E6EDF4;
}

#content .guestbook .oddlistitem {
	width: 201px; /*216px - 5px - 5px - 5px */
	margin:0px 5px 0px 0px;
	padding:5px 5px 3px 5px;
	background:#E6EDF4;
	float:left;
}

#content .guestbook .evenlistitem {
	width: 201px; /*216px - 5px - 5px - 5px */
	margin:0px 0px 0px 5px;
	padding:5px 5px 3px 5px;
	background:#E6EDF4;
	float:right;
}

#content .guestbook p {
	padding:5px 0px 0px 0px;
	margin:0px;
}

#content .guestbook span {
	color:#065198;
	float:right;
	padding:0;
}

#content ul {
	list-style-type:none;
	padding:0px 0px 0px 0px;
}

#content ul li {
	padding:0px 0px 6px 12px;
	background: url("images/list-square.gif") 0px 5px no-repeat;
}

#content h2,
#container #right h2 {
	font: normal bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#4D2202;
	padding:0px 0px 10px 0px;
	margin:0;
}

#content table.data-table {
	font: normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	width:100%;
}

*html #content table.data-table {
	width:98%;
}

#content table.data-table th.blank {
	background:#fff;
	border-left:0px solid #fff;
	border-bottom:1px solid #fff;
}

#content table.data-table td.left-cell {
	background:#EAF0F6;
	border-left:0px solid #fff;
	border-bottom:1px solid #fff;
	font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

#content table.data-table th {
	background:#EAF0F6;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	
	padding:2px;
}

#content table.data-table tr.head td {
	background:#EAF0F6;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	font: normal bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
}

#content table.data-table td {
	background:#EDEAE8;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:center;
	padding:2px;
	}

#content a.link-pfeil {
	background: url("images/link-pfeil.gif") 0px 5px no-repeat;
	padding:0px 0px 0px 10px;
}


#content .image-right {
	float:right;
	padding:5px 0px 10px 10px;
}

#content .image-left {
	float:left;
	padding:5px 10px 10px 0px;
}

#content .formular {
	border:0px;
	margin:0;
	padding:0px;
	background:#eaf0f6;
}


#content .formular  label {
    margin:0px 10px 2px 0px;
 	float: left;
	text-align: left;
 	width: 135px;
 	display: block;
}

#content .formular div {
	clear:both;
	padding:3px 2px 3px 2px;
	border-bottom:1px solid #fff;
}

#content .formular .inputbox {
	padding:1px;
	border:1px solid #999;
	font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
	width:200px;
}

#content .formular .inputbox:hover,
#content .formular .inputbox:focus {
	border:1px solid #065198;
	color:#065198;
}


#content .formular .pulldown {
	padding:1px;
	border:1px solid #999;
	font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#content .formular .pulldown:hover,
#content .formular .pulldown:focus {
	border:1px solid #065198;
	color:#065198;
}

#content .formular .button {
	padding:2px;
	border:1px solid #999;
	background:#ddd;
	color:#333;
	font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
}


#content .formular .button:hover,
#content .formular .button:focus {
	border:1px solid #065198;
	color:#065198;
}

#content table.events-table {
	font: normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	width:100%;
}

*html #content table.events-table {
	width:98%;
}

#content table.events-table td {
	border-bottom:1px solid #fff;
	vertical-align:top;	
}

#content table.events-table tr.dark {
	padding:0px;
	background:#edeae8;

}

#content table.events-table tr.light {
	padding:0px;
	background:#f6f6f6;
}

#content table.events-table tr.oddlistitem {
	padding:0px;
	//background:#edeae8;
	background:#E2E0DC;
}

#content table.events-table tr.evenlistitem {
	padding:0px;
	background:#f6f6f6;
}


#content table.events-table tr th {
	font: normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	background:#EAF0F6;
	text-align:left;
	border-bottom:1px solid #fff;
}

#content table.events-table tr.oddlistitem td.date,
#content table.events-table tr.evenlistitem td.date,
#content table.events-table tr th.date {
	border-right:1px solid #fff;
	padding:2px 5px 2px 2px;
	width:100px;
}

#content table.events-table tr.oddlistitem td.description,
#content table.events-table tr.evenlistitem td.description,
#content table.events-table tr th.description {
	border-right:1px solid #fff;
	padding:2px 5px 2px 5px;
}

#content table.events-table tr.oddlistitem td.price,
#content table.events-table tr.evenlistitem td.price,
#content table.events-table tr th.price {
	border-right:1px solid #fff;
	padding:2px 5px 2px 5px;
	width:110px;
}

#content table.events-table tr.oddlistitem td.time,
#content table.events-table tr.evenlistitem td.time,
#content table.events-table tr th.time {
	border-right:1px solid #fff;
	padding:2px 5px 2px 5px;
}

#content table.events-table tr.oddlistitem td.booking,
#content table.events-table tr.evenlistitem td.booking,
#content table.events-table tr th.booking {
	padding:2px 5px 2px 5px;
	
}


#container #right {
	float:right;
	width:224px; /*234px - 0px - 10px */
	padding:0px 0px 0px 10px;	
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
}

#container #right .box {
	padding:8px 10px 10px 10px;
	border-bottom:10px solid #fff;	
}

#container #right .box .event-date,
#content .highlights .event-date {
	font: italic normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	margin:0;
	padding:0;
}

#container #right a.link-pfeil {
	background: url("images/link-pfeil.gif") 0px 4px no-repeat;
	padding:0px 0px 0px 10px;
}

#container #right a {
	color:#333;
}

#container #right a:hover {
	color:#000;
}


#footer {
	width:985px;
	background: url("images/bg-footer.gif") no-repeat;
	margin:0 auto;
	padding:50px 0px 10px 0px;
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#999;	
}

#footer a {
	color:#999;	
	text-decoration:none;
}

#footer a:hover {
	color:#999;	
	text-decoration:underline;
}

#footer .footer-right {
	float:right;
	padding:0px 20px 0px 0px;
}

#footer .footer-right .print a {
	background: url("images/icon-print.gif") no-repeat;
	padding: 0px 0px 0px 17px;
}

#footer .footer-right .login a {
	background: url("images/icon_login.gif") no-repeat;
	padding: 0px 0px 0px 17px;
}

#footer .footer-right .sitemap a {
	background: url("images/icon-sitemap.gif") no-repeat;
	padding: 0px 0px 0px 17px;
}

#footer .footer-right .top a {
	background: url("images/icon-top.gif") no-repeat;
	padding: 0px 0px 0px 16px;
}


.facebook-button {
    position: absolute;
    right: -39px;
    top: 295px;
}
.facebook-button a {
    background: url("images/facebook-button.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 116px;
    text-indent: -999999em;
    width: 39px;
}
.facebook-button a.flickr {
    background-position: 0 -116px;
}
.facebook-button a.youtube {
    background-position: 0 -232px;
}

.facebook-button a.greenevents{ 
	background-position: 0px -349px; 
	height: 164px; 
}

/**
 * Raumfinder
 */
#map-view-container,
#map-container { background: url("http://www.kongresszentrum-stuttgart.de/fileadmin/sys/images/raumfinder/map.png") no-repeat top left; width: 205px; height: 262px; }
#map-view-container.en,
#map-view-container.en #map-container{ background-image: url("http://www.kongresszentrum-stuttgart.de/fileadmin/sys/images/raumfinder/map_en.png"); }
#map-view-container img.map { position: relative; z-index: 100; }