/*



***************************************************************************************

*                                                                                     *

*   www.classic-openair.ch                                                            *

*                                                                                     *

*   L A Y O U T . C S S                                                               *

*                                                                                     *

*   Copyright 2007, solweb.ch                                                         *

*                                                                                     *

**************************************************************************************/

html

{

	background : #000099 /*#3b507b #0b2e43 #122b4c #0b3a75 #380118 #370018 290010*/

}

body

{

	width:970px;

	margin: 0px auto 10px auto;

}



/* -------------------------------------------------------------------------*/

/* Containers                                                               */

/* -------------------------------------------------------------------------*/

#container_top

{

	padding-top: 1px;

	background : url('../images/bgnd_top.png') top no-repeat;

}



#container_bottom

{

	background : url('../images/bgnd_bottom.png') bottom no-repeat;

}



#container_full

{

	width: 820px;

	background : url('../images/bgnd_full.png') top repeat-y;

	margin: 30px auto 0px auto;

}

#header

{

	width: 800px;

	padding: 0px 0px 0px 0px;

	margin: 0px 10px 0px 10px;

	background : url('../images/header.jpg') top left no-repeat;

	height: 183px;

}

#head_banner

{

	float:right;

	margin: -68px 0px 1px 0px;

	width: 600px;

	height: 70px;

}

#author

{

	margin: 0px 0px 0px 660px;

}

#footer

{

	clear:both;

	width: 820px;

	margin: 136px auto 20px auto;

	padding: 0px 0px 0px 0px;

}

#copy

{

	padding: 0px 0px 15px 0px;

	margin: 0px 0px 0px 20px;

}



#menu, #itemmenu

{

	width: 200px;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}

#midnews

{

	float: left;

	width: 190px;

	padding: 0px 0px 0px 0px;

	margin: 70px 0px 0px 6px;

}

#maincontent>#midnews

{

	width: 200px;

	margin: 70px 0px 0px 11px;

}

.newsbox

{

	margin: 0px 1px 0px -6px;

	padding: 10px 10px 10px 8px;

	background : url('../images/hr3.png') bottom left no-repeat;

	height: 140px;

}

#leftnews .newsbox

{

	padding: 10px 10px 10px 18px;

	background : url('../images/hr3.png') top left no-repeat;

}

#midnews>.newsbox, #leftnews>.newsbox

{

	min-height: 140px;

	height: auto;

}

#content

{

	float: left;

	width: 400px;

	margin: 10px 0px 0px -5px;

}

#no_content

{

	float: left;

	width: 400px;

	margin: 100px 0px 0px -5px;

}

#version

{

	/*float: left;*/

	width: 400px;

	margin: 40px 0px 0px 200px;

}

#maincontent>#content

{

	margin: 10px 0px 0px 0px;

}

#content.front

{

	margin: 10px 0px 0px 3px;

}

#maincontent>#content.front

{

	margin: 10px 0px 0px 10px;

}

#right

{

	float:left;

	background : #d8d6cc url('../images/gray_top_left.png') top left no-repeat;

	width: 410px;

}

#right .tail

{

	background : url('../images/gray_bottom_left.png') bottom left no-repeat;

	height: 10px;

}

#leftcontext

{

	float:left;

	margin: 0px 15px 10px 0px;

	width: 200px;

}



#leftcontext img

{

	float:left;

	margin: 50px 15px 10px 20px;

	width: 144px;

	height: 104px;

}



#citynav, #leftnews

{

	width: 200px;

	margin: 2px 0px 0px 0px;

	background : #d8d6cc url('../images/gray_top_right.png') top right no-repeat;

}

#leftnews

{

	width: 194px;

	padding: 10px 0px 0px 6px;

}

#citynav .tail, #leftnews .tail

{

	background : url('../images/gray_bottom_right.png') bottom right no-repeat;

	height: 10px;

}

#context

{

	float: right;

	width: 200px;

	margin: 20px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}

#context .top

{

	background : url('../images/bgnd_lilac_top.png') top left no-repeat;

	height: 16px;

}

#context .body

{

	background : url('../images/bgnd_lilac_mid.png') left repeat-y;

	margin: -6px 0px -6px 0px;

	padding: 0px 0px 2px 10px;

}

#context .tail

{

	margin: -12px 0px 0px 0px;

	background : url('../images/bgnd_lilac_bottom.png') bottom left no-repeat;

	height: 16px;

}

#banner

{

	clear:both;

	padding: 10px 0px 0px 10px;

}



/*titles*/

h1

{

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}

h1 img

{

	padding: 0px 0px 0px 0px;

	width:800px;

	height:128px;

}



h2

{

	margin: 3px 0px 5px 0px;

	padding: 0px 0px 0px 0px;

}

h3

{

	margin: 0px 0px 0px 0px;

	padding: 15px 0px 10px 10px;

}

#menu h3, #itemmenu h3

{

	margin: 0px 0px 0px 0px;

	padding: 20px 0px 5px 20px;

	border-bottom: #d8d6cc 7px solid;

}

#citynav h3

{

	margin: 0px 0px 0px 20px;

	padding: 10px 0px 0px 0px;

}

#midnews h3

{

	margin: 2px 0px -4px -6px;

	padding: 0px 0px 10px 8px;

	background : url('../images/hr3.png') bottom left no-repeat;

}

#leftnews h3

{

	margin: 2px 0px -4px -6px;

	padding: 0px 0px 10px 18px;

}

h4

{

	margin: 10px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}

#right h4

{

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}

h5

{

	margin: 0px 0px 0px 0px;

	padding: 6px 10px 0px 10px;

}

/*misc*/

.clear

{

	clear: both;

}

hr

{

	height:1px;

	border: 0px;

	border-top: 1px #FFF solid;

	padding: 0px 0px 7px 0px;

	margin: 7px 0px 0px 0px;

}

.hr

{

	height:1px;

	padding: 0px 0px 15px 0px;

	margin: 0px 0px 20px 0px;

	background : url('../images/hr.png') bottom left repeat-x;

}

.hr3

{

	height:3px;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px -6px;

	background : url('../images/hr3.png') bottom left no-repeat;

}

img.thumb

{

	width: 188px;

	height: 142px;

	border: 1px #bdbaaa solid;

}

.promo a:hover img.thumb

{

	border: 1px #C90 solid;

}

.promo

{

	float: left;

	width: 190px;

	height: 300px;

	margin: 0px 8px 14px 0px;

	padding: 0px 0px 6px 0px;

	background : url('../images/hr.png') bottom left repeat-x;

}

.promo2

{

	float: left;

	width: 380px;

	margin: 0px 8px 14px 0px;

	padding: 0px 0px 6px 0px;

	background : url('../images/hr.png') bottom left repeat-x;

}





.promo2 p

{

	float: left;

}



#content>.promo

{

	margin: 0px 10px 14px 0px;

	height: auto;

	min-height: 300px;

}

#content>.promo2

{

	margin: 0px 10px 14px 0px;

	height: auto;

/*	min-height: 300px;*/

}



#content>.galerie

{

	margin: 0px 10px 14px 0px;

	height: auto;

/*	min-height: 300px;*/

}



.box

{

	background : #3b507b bottom left no-repeat; /*#3b507b*/

	border: 1px #003333 solid;

	height: 140px;

	margin: 0px 0px 10px 0px;

	padding: 0px 0px 10px 0px;

}

#context>div.body>div.box

{

	height: auto;

	min-height: 140px;

}

.box h5

{

	background : url('../images/bgnd_box.png') top left repeat-x;

	height: 28px;

}

.text

{

	clear: both;

	width:390px;

	margin: 0px 10px 0px 0px;

	padding: 0px 10px 0px 0px;

}

.box .text

{

	padding: 0px 10px 0px 10px;

	width:auto;

}

#advsearch

{

	text-align:right;

	padding: 0px 10px 0px 0px;

}

.paging

{

	clear:both;

}



.tabs

{

	background : #F6F5F3;

	border: 1px #D8D6CC solid;

	border-top: 0px;

	margin: 10px 0px 10px 0px;

}

.tabs h5

{

	margin: 0px 0px 0px 0px;

	padding: 7px 0px 0px 0px;

	background : url('../images/bgnd_thead.png') top left repeat-x;

	height: 21px;

}

.tabs h5 a

{

	border-right: 1px #a59859 solid;

	padding: 7px 6px 7px 6px;

	margin: 0px 0px 0px 0px;

	height: 21px;

}

img.map, img.schema

{

	width:388px;

}

.mapauth

{

	padding: 5px 5px 5px 5px;

}

#banner img

{

	width:390px;

	height: 143px;

}

#counter

{

	display:none;

}



.thumbnail{

	padding: 0px;

	border: 0px solid #ddd;

	float: left;

	margin-right: 25px;

	margin-bottom: 0px;

	}	



.caption{ font-size: 1em; padding-top: 0.2em ;	}



/*

.galerie

{

	float: left;

	width: 190px;

	height: 90px;

	margin: 15px 8px 0px 0px;

	padding: 0px 0px 6px 0px;

	background : url('../images/hr.png') bottom left repeat-x;

}

*/

.galerie

{

	float: left;

	width: 400px;

	height: 100px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}

div.weather_status {
	margin:15px 0px 15px 0px;
	color:#000099;
	width:366px;
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
	border:1px solid #bbb;
	padding:5px 10px 2px 10px;
	background-color:#ddddee;
}

div.weather_status img {
	display:none;
}