/*********************************************************************
Version 3.00 Relaunch 2011
*********************************************************************/
*
{	font-size: 12px;
	line-height: 15px;
	font-family: tahoma,arial,sans-serif;
	word-wrap: break-word;
	}
div,img,ul,h1,h2,h3,h4,h5,h6,h7,h8,p,video
{	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	}
body
{	background-color: #CBD3D7;
	color: #1d1d1d;
	}
a
{
	color: #4A71A2;
	text-decoration: none;
	font-weight: normal;
	}
a:hover
{	text-decoration: underline;
	color: #000;
	}
img
{	display: block; /* 2px Bug Mac OSX */
	}
em
{	font-style: normal;
	display: block;
	}
.fett
{	font-weight: 600;
	}
.upper
{	text-transform: uppercase;
	color: gray;
	}

.clear
{	clear: both;
	}

/*********************************************************************
#wrap = Nutzbereich, zentriert.
#head = Bereich fuer Logo, Slogan, Suchfeld
*********************************************************************/

#wrap
{	width: 960px;
	background-color: white;
	align: center;
	margin: 0 auto;
	}

#head
{	height: 107px;
	overflow: hidden;
	}
#logo /* 280x55 */
{	float: left; display: inline;
	padding: 15px 0 37px 25px;
	}
#slogan
{	float: left;
	display: inline;
	width: 370px;
	padding: 41px 0 0 30px;
	font-size: 18px;
	color: #607D88;
	}
#sprselektor
{	float: left;
	padding-top: 44px;
	padding-left: 12px;
	color: #607D88;
	}
#such
{	float: left;
	display: inline;
	margin: 5px 0 0 200px;
	width: 275px;
	height: 28px;
	border: 1px solid silver;
	}
#such input[type=text]
{	margin: 0;
	padding: 2px 4px;
	border: 0;
	width: 236px; 
	height: 24px;
	font-size: 13px;
	float: left;
	}
#such button
{	height: 26px;
	width: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(icons/lup24.png) 4px 2px no-repeat;
	}

/*********************************************************************
#tmenu = Menueleiste
*********************************************************************/

#tmenu
{	height: 39px;
	overflow: hidden;
	background: white url(tmenubbg.png) repeat-x;
	}
#tmenu ul li
{	height: 23px;
	float: left;
	list-style: none;
	padding: 8px 0;
	}
#tmenu ul li a,
#fmenu ul li a
{	border-left: 1px solid white;
	padding: 0 27px;
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: white;
	}
#tmenu ul li:first-child a,
#fmenu ul li:first-child a
{	border-left: 0;
	}
.m0
{	background: white url(tmenubbg.png) repeat-x;
	}
.mg
{	background: white url(tmenugbg.png) repeat-x;
	}
.mb
{	background: white url(tmenubbg.png) repeat-x;
	}
.m0 a {width: 60px; /*144*/}
.m1 a {width: 65px; /*258*/}
.m2 a {width: 85px; /*390*/}
.m3 a {width: 55px; /*489*/}
.m4 a {width: 55px; /*593*/}
.m5 a {width: 130px; /*777*/}
.m6 a
{	width: 124px;
	text-align: right;
	}
#start #tmenu .m0,
#topth #tmenu .m1,
#ausst #tmenu .m2,
#kalend #tmenu .m3,
#locat #tmenu .m4,
#regio #tmenu .m5,
#thema #tmenu .m6,
#tmenu ul li:hover
{	background-position: 0 -39px;
	cursor: default;
	}
	
/*********************************************************************
#feat = Slider mit Navigation
Variante "topthema" (375+131) und "grossban" (300+)

#kateg = Backlinks und Kategorientitel
#gallery = Laufbilder
*********************************************************************/

#feat /* scrollable! */
{	clear: both;
	position: relative;
	overflow: hidden;
	width: 960px;
	/*background-color: #AFBCC2;*/
	}
#feat .items /* zu scollender Bereich */
{	top: -29px;
	width: 30000px;
	position: relative;
	/*color: rgba(127,127,127,0.5);
	height: 1%;*/
	}
#feat .items > div /* Elemente */
{	float: left;
	display: inline;
	width: 960px;
	/*color: rgba(127,127,127,0.5);
	height: 1%;*/
	}
#feat .items > div em
{	background-color: #AFBCC2;
	position: absolute;
	padding: 0 2px 1px 2px;
	font-weight: bold;
	margin: 3px;
	font-size: 11px;
	color: white;
	}

#feat.topthema
{	height: 525px;
	}
#feat.grossban
{	height: 329px;
	}
#feat.story
{	height: 429px; /* 400+29 */
	background: #AFBCC2 url(FeatStoryBG.png) repeat-y;
	}
#feat.promxl
{	height: 279px; /* 250+29 */
	background: #AFBCC2 url(FeatStoryBG.png) repeat-y;
	}

#feat.story .featlogo
{	/*width: 192px;
	height: 80px;*/
	top: 6px;
	left: 6px;
	padding: 6px 27px;
	position: absolute;
	}
#feat.story .titel,
#feat.prom .titel
{	position: absolute;
	top: 100px;
	padding-left: 32px;
	padding-right: 30px;
	width: 270px;
	}
#feat.story .bleg,
#feat.prom .bleg
{	margin-top: 308px; /*308*/
	margin-left: 32px;
	width: 290px;
	position: absolute;
	height: 90px;
	}
#feat.story h1,
#feat.prom h1
{	font-size: 18px;
	line-height: 22px;
	color: black;
	font-weight: bold;
	padding-bottom: 4px;
	}
#feat.story h2,
#feat.prom h2
{	font-size: 14px;
	line-height: 18px;
	color: black;
	}
#feat.story p,
#feat.prom p
{	font-size: 12px;
	line-height: 14px;
	padding-top: 12px;
	color: black;
	}
.blegtext1 {
	height: 100%;
	width: 100%;
	display: table;
	}
.blegtext2 {
	text-align: left;
	position: relative;
	vertical-align: bottom;
	display: table-cell;
}

#feat.topthema img
{	height: 375px;
	width: 960px;
	}
#feat.grossban img
{	height: 300px;
	}
#feat.story img.item
{	height: 400px;
	/*width: 627px;*/
	padding-left: 333px;
	}
#feat.promxl img
{	height: 250px;
	width: 627px;
	padding-left: 333px;
	}

#feat.topthema .schlagz 
{	clear: right;
	width: 960px;
	height: 131px;
	padding-top: 57px;
	padding-left: 338px;
	font-size: 20px;
	line-height: 24px;
	color: white;
	background-color: #AFBCC2;
	}
#feat.topthema .faszid
{	background: url(IDZMbgL.png) 0 29px no-repeat;
	}
#feat.topthema .prestel
{	background: url(Prestel.png) 0 29px no-repeat;
	}
#feat.story .bildtext
{	color: white;
	padding-top: 36px;
	padding-left: 333px;
	}
#feat .navi
{	z-index: 2;
	position: relative;
	height: 29px;
	padding-left: 334px;
	background: url(TopThemaNavi.png) repeat-x;
	}

#feat.topthema .navi {top: 375px;}
#feat.grossban .navi {top: 300px;}
#feat.story .navi {top: 400px;}
#feat.promxl .navi {top: 250px;}

#feat .navi a
{	float: left;
	width: 30px;
	height: 23px;
	padding-top: 6px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: white;
	}
#feat .navi a:hover,
#feat .navi a.active
{	color: #F59500;
	background: url(navaktiv.png) no-repeat;
	}
#feat .numm
{	color: #F59500;
	font-weight: bold;
	font-size: 20px;
	padding-right:10px;
	}
#feat .mehr
{	color: #F59500;
	font-weight: bold;
	text-indent: 10px;
	padding: 20px;
	}
	
#kateg
{	background: #F9F9F9 url(mainbg.png) repeat-x;
	height: 40px;
	overflow: hidden;
	padding: 12px 0 0 27px;
	}
#kateg .ulk
{	width: 276px;
	float: left;
	}
#kateg .thema
{	color: gray;
	}
#kateg .thema em
{	text-transform: uppercase;
	font-weight: bold;
	}


/*********************************************************************
#main  = der eigentliche Seiteninhalt, zwischen Menu und Werbung
#body  = Rahmen ueber die ganze Breite (27+918+15)
#bodyl = Datenstreifen links (27+265)
#bodyr = Inhaltsstreifen rechts (612+15)
*********************************************************************/

#main
{	background: #F9F9F9 url(mainbg.png) repeat-x;
	min-height: 200px;
	overflow: hidden;
	padding-top: 12px; /*24px*/
	}
#main p
{	padding-bottom: 11px;
	}
#main .imgnav /* Navigation unter dem Hauptbild */
{	color: white;
	background-color: #607D88;
	padding: 12px;
	padding-top: 9px;
	}

#body /* 3x grid2 oder 6x grid1 */
{	clear: both;
	width: 918px;
	padding: 0 15px 0 27px;
	overflow: visible;
	}
#bodyl /* Datenstreifen, darin gridx */
{	width: 265px;
	padding: 0 0 0 27px; /*40px*/
	float: left;
	}
#bodyr /* 1x grid4, 2x grid2, 4x grid1 */
{	width: 612px;
	padding-right: 15px;
	float: right;
	}
#bodyl .sponsor
{	padding-left:0;
	}
#bodyl .sponsor em
{	width: 22px;
	float: left;
	font-size: 9px;
	line-height: 9px;
	text-align: center;
	padding: 0 4px 0 4px;
	color: gray;
	}
#bodyl .sponsor img
{	border: 1px solid silver;
	width: 232px;
	}
#bodyr .thema /* jetzt in kateg! */
{	height: 40px;
	color: gray;
	}
#bodyr .thema em /* jetzt in kateg! */
{	text-transform: uppercase;
	font-weight: bold;
	}
	
#body h1
{	font-size: 20px;
	font-weight: bold;
	}
#body h2
{	font-size: 14px;
	}

/*********************************************************************
Einzelelemente

.dynleg = Rahmen, der Bild und dynamische Legende aufnimmt
.hbild,.nbild: Trigger fuer jQuery (Mouseover)
.leg,.hleg,.nleg = Legende (halbtransparentes Overlay)
*********************************************************************/

#player
{	width: 600px;
	display: block;
	margin-bottom: 24px;
	}
#player_wrapper
{	margin-bottom: 36px;
	}
.dynleg
{	position: relative;
	}
.hbild
{	margin-bottom: 24px;
	}
.nbild {}
.leg
{	clear: both;
	display: none;
	position: absolute;
	bottom: 0;
	background: url(Farbe67.png);
	color: white;
	z-index: 2;
	padding: 6px;
	overflow: hidden;
	min-height: 12px;
	}
.hleg
{	width: 588px;
	}
.nleg
{	width: 222px;
	}
.pleg
{	width: 282px;
	}
.floatr
{	float: right;
	display: inline;
	margin: 6px 12px 12px 24px;
	width: 234px;
	}

/*********************************************************************
.grid6 etc.

Alle .grid halten nach rechts und unten je 12px Abstand.
*********************************************************************/

.grid6,.grid4,.grid3,.grid2,.grid1,.gridx,.grid2s,.grid1s
{	margin: 0 12px 12px 0;
	float: left;
	display: inline;
	overflow: hidden;
	
	/*border: 1px dotted red;*/
	}
.grid6 {width: 906px;} /* 918 */
.grid4 {width: 600px;} /* 612 */
.grid3 {width: 447px;} /* 459 */
.grid2 {width: 294px;} /* 306 */
.grid1 {width: 141px;} /* 153 */
.gridx {width: 264px;} /* 234+30 */

.grid2s {width: 192px;} /* Schmalvariante, 3 auf 2 */
.grid1s {width: 108px;} /* Schmalvariante, 5 auf 4*/

.grid1 a,.grid2 a
{	/* font-weight: bold; */
	}
.grid2 h3
{	margin-top: 3px;
	}

/*********************************************************************
Rahmen fuer Grid-Elemente

Geben das Aussenverhaeltnis vor, haben aber keinen Aussenabstand.
*********************************************************************/

.g2voll,.g2halb,.g2vtl /* betrifft die Hoehe */
{	width: 306px;
	float: left;
	display: inline;
	overflow: hidden;
	}
.g2voll
{	height: 232px; /* 141x200 = 12:17 = A1:L17, +12 */
	}
.g2halb
{	height: 116px; /* 141*94 = 3:2 = A1:L8 = L, +12 */
	}
.g2vtl
{	height: 58px;
	}
.g2xtra {padding: 11px 0 0 0;}

.gplus
{	margin-left: 153px;
	display: block;
	}
.g6mr /* Content Mitte-rechts (grid 3-5) */
{	padding: 0 153px 24px 306px;
	clear: both;
	}
.prom /* Promotion-Objekt */
{	height: 190px;
	}
.proms /* Promotion-Objekt (small=192)*/
{	height: 170px;
	display: block;
	}
.proms img
{	width: 192px;
	height: 80px;
	}
.proms p, .proms p a
{	font-size: 11px;
	line-height: 13px;
	}

/*********************************************************************
Formate

Regeln die Darstellung des Rahmeninhalts (meist zusaetzlich)
*********************************************************************/

.g2halb img
{	height: 86px;
	}

.mark /* Markette ueber Bild */
{	text-transform: uppercase;
	font-weight: bold;
	height: 18px;
	color: gray;
	}
.prom p, .proms p
{	padding-top: 5px;
	}
.prom p a, .proms p a
{	font-weight: bold;
	}

.name,.text
{	clear: left;
	margin: 0 12px 24px 0
	}
.titel
{	font-size: 22px;
	line-height: 24px; /*30px*/
	color: #607D88;
	font-weight: normal;
	}
.vortitel
{	font-size: 14px;
	line-height: 16px;
	color: #607D88;
	padding-left: 1px;
	font-weight: normal;
	}
.subtitel
{	font-size: 16px;
	line-height: 18px;
	color: #607D88;
	padding-left: 1px;
	font-weight: normal;
	}
.text
{	padding-top: 18px;
	clear: left;
	margin: 0 12px 12px 0
	}

/*********************************************************************
Kombinierte Elemente

Rahmen, Grid und Inhalt in einem.
.abschn_ = Trenn-Elemente mit Text (z.B. "Ausstellungen:")
*********************************************************************/

.abschn6,.abschn4 /* Zwischentitel */
{	color: #607D88;
	margin: 0 12px 12px 0;
	border-top: 3px double #607D88;
	padding-top: 6px;
	clear: both;
	}
.abschn6
{	font-size: 18px;
	margin-top: 24px;
	line-height: 24px;
	font-weight: bold;
	}
.abschn4
{	font-size: 14px;
	line-height: 14px;
	}
#body .abschn6,
#body .abschn4
{	padding-left: 306px;
	}

.quer
{	/*border: 1px dotted green;*/
	margin-top: 12px;
	}
.quer h6, .quer a
{	display: block;
	}
.quer h6
{	margin-top: 6px;
	}
.quer a
{	/*margin-left: 12px;*/
	}

.gridx .map
{	width: 232px !important;
	height: 198px !important;
	border: 1px solid silver !important;
	margin-bottom: 11px;
	float: left; /* ans Icon! */
	display: inline;
	overflow: hidden;
	}
.gridx p
{	clear: left;
	}

/*********************************************************************
Icon-tragende Elemente

Halten Platz fuer ein Icon, welches per zweitem Selektor aktiviert wird
*********************************************************************/

.icon /* links vom Paragraphen */
{	padding-left: 30px;
	background: 0 1px no-repeat;
	margin-bottom: 3px;
	min-height: 26px;
	}
.icon a, .icon span
{	display: block;
	}
.icn1 /* mit einzeiligem Text */
{	padding: 5px 0 0 30px;
	background: 0 1px no-repeat;
	}
.icnm /* mit Untertext */
{	padding-top: 28px;
	background: 22px 0 no-repeat;
	width: 68px;
	float: left;
	display: inline;
	text-align: center;
	}
.upl {background-image: url(icons/upl24.png);} /* uplink */
.dwn {background-image: url(icons/dwn24.png);}

.mus {background-image: url(icons/mus24.png);}
.aus {background-image: url(icons/aus24.png);}
.tst {background-image: url(icons/tst24.png);} /* Topstory */

.ulk {background-image: url(icons/ulk24.png);}
.dlk {background-image: url(icons/dlk24.png);}
.ilk {background-image: url(icons/ilk24.png);}
.lup {background-image: url(icons/lup24.png);}
.plu {background-image: url(icons/plu24.png);}
.min {background-image: url(icons/min24.png);}

.lab {background-image: url(icons/lab24.png);}
.mpd {background-image: url(icons/mpd24.png);}
.shp {background-image: url(icons/shp24.png);}
.rst {background-image: url(icons/rst24.png);}
.caf {background-image: url(icons/caf24.png);}
.aud {background-image: url(icons/aud24.png);}
.loc {background-image: url(icons/loc24.png);}
.bch {background-image: url(icons/bch24.png);}

.hom {background-image: url(icons/mus24.png);} /* Icon fehlt noch! */
.brf {background-image: url(icons/brf24.png);}
.fon {background-image: url(icons/fon24.png);}
.www {background-image: url(icons/www24.png);}
.uhr {background-image: url(icons/uhr24.png);}
.prs {background-image: url(icons/prs24.png);}
.stn {background-image: url(icons/stn24.png);}

.aut {background-image: url(icons/aut24.png);} /* Schreibfeder */
.fot {background-image: url(icons/fot24.png);}
.frd {background-image: url(icons/frd24.png);}
.twi {background-image: url(icons/twi24.png);}
.fbk {background-image: url(icons/fbk24.png);}

.edi {background-image: url(icons/edi24.png);} /* Schreibstift */
.lke {background-image: url(icons/lke24.png);} /* Herzchen */
.pok {background-image: url(icons/pok24.png);} /* Pokal */
.pra {background-image: url(icons/pra24.png);} /* Premium-Ausstellung *
.prm {background-image: url(icons/prm24.png);} /* Premium-Museum */

.icnx /* neben Bildobjekt/Map */
{	width: 30px;
	/*height: 48px;*/
	float: left;
	display: inline;
	clear: both;
	}
.icnx div.plu
{	width: 24px; height: 28px;
	background: url(icons/plu24.png) 0 0 no-repeat;
	}
.icnx div.min
{	width: 24px; height: 28px;
	background: url(icons/min24.png) 0 0 no-repeat;
	}
.icnx a.mus
{	width: 24px; height: 32px;
	background: url(icons/mus24.png) 0 0 no-repeat;
	display: block;
	}
.icnx a.aus
{	width: 24px; height: 32px;
	background: url(icons/aus24.png) 0 0 no-repeat;
	display: block;
	}
	
img.ausz1,img.ausz2
{	float:left;
	padding: 0 6px 6px 0;
	}
img.ausz1 {width: 72px;} /* 72+6+72+6+72+6=234 */
img.ausz2 {width: 150px;} /* 150+6+72+6=234 */
	
#zwi
{	clear: both;
	padding-left: 332px;
	margin-bottom: 24px;
	}

/*********************************************************************
#dyn und #box

Elemente, die einander zuarbeiten: die dynamische Liste wird per
jQuery verwaltet, die Box zeigt jeweils ein Element im Detail.
*********************************************************************/

#dyn
{	clear: both;
	position: relative;
	overflow: visible;
	margin-bottom: 12px;
	background-color:#F9F9F9;
	
	border: 1px solid #F9F9F9; /* fuer IE */
	}
#dynlist,#statlist
{	margin-left: 332px;
	width: 600px;
	min-height: 220px;
	}
#dynlist .pane,
#edit .pane
{	display: none;
	list-style-type: none;
	padding-bottom: 9px;
	}
#dynlist h2
{	cursor: default;
	height: 17px;
	/*margin-bottom: 3px;*/
	padding: 1px 23px;
	background: white url(AkkordBG.jpg) no-repeat;
	}
#dynlist h2.sub
{	font-weight: normal !important;
	}
	
#dynlist .elem
{	height: 12px;
	/*border-top: 1px solid #CED4D9;*/
	padding: 3px 3px 3px 24px;
	margin-left: 20px;
	background: white url(AkkordElem.jpg) 3px 1px no-repeat;
	}
#dynlist .elema
{	background: white url(IDZM16.png) 3px 1px no-repeat !important;
	/*AkkordElemA.png*/
	}
#box
{	position: absolute;
	left: 26px;
	width: 290px; /*294-6*/
	padding: 5px 3px;
	/*border: 1px solid silver;*/
	height: 220px;
	
	background: white url(KabineBG.jpg) no-repeat;
	}
#box div
{	display: none;
	}
#box img
{	width: 288px;
	height: 120px;
	overflow: hidden;
	margin-bottom: 6px;
	}
#box img.plak
{	float: left;
	display: inline;
	margin-right: 6px;
	width: 138px !important;
	height: 195px !important;
	}
#box p
{	padding-top: 0px;
	}

/*********************************************************************
#adv = Google Streifen
#fmenu = Fuss-Menue
#foot = Fussbereich
*********************************************************************/

/*
#adv
{	clear: both;
	background: #F9F9F9 
		url(advbg.png) repeat-x;
	height: 112px;
	padding: 34px 116px 0 116px;
	overflow: hidden;
	clear: both;
	}
*/

#adv
{	clear: both;
	background: #F9F9F9 
		url(advbg.png) repeat-x;
	height: 90px;
	padding: 18px 14px 12px 26px;
	overflow: hidden;
	}
#adv p
{	padding-bottom: 6px;
	font-size: 8px;
	}
#adv img
{	float: left;
	margin: 0 12px 12px 0;
	}

#fmenu { 
    overflow: hidden;
	background-color:#A9BAC2;
	}
#fmenu ul li
{	height: 22px;
	float: left;
	display: inline;
	list-style: none;
	padding-top: 16px;
	}
#fmenu .fn
{	float: right;
	display: inline;
	font-size: 10px;
	padding-right: 27px;
	color: white;
	}

#foot
{
	height: auto;
	overflow: hidden;
	background-image:url(footer-bg.jpg);
	background-repeat:repeat-x;
	}

#plogos-r1 {
	margin-left:7px;
	margin-top: 15px;
	}

.plogos {
	float:left;
	width:172px;
	height:119px;
	margin-left: 12px;
	margin-bottom: 12px;
	}


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

#body .textlinks
{	clear: both;
	border-top: 3px double #607D88;
	margin-right: 12px;
	padding-top: 12px;
	}
#body .textlinks, #body .textlinks a
{	font-size: 8px;
	line-height: 9px;
	}
#body .textlinks a
{	font-weight: bold;
	color: black;
	display: inline;
	}
	
/********************************************************************/

.scroll
{	overflow: auto;
	height: 257px;
	margin: 6px 0 18px 0;
	padding: 6px 12px 6px 0;
	border-width: 1px 0;
	border-color: #607D88;
	border-style: solid;
	width: 588px !important;
	}

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

#gallery
{	height: 240px; /*206px*/
	/*width: 876px;*/
	/*padding: 12px 27px 24px 57px;*/
	background: #F9F9F9 url(mainbg.png) repeat-x;
	z-index: 11;
	}
#gallery img
{	border: 3px solid white;
	/*
	-moz-box-shadow: 2px 2px 7px black;
	-webkit-box-shadow: 2px 2px 7px black;
	box-shadow: 2px 2px 7px black;
	*/
	}
#gallery div.caption
{	border: 3px solid white;
	background-color: white;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	text-align: center;
	position: absolute;
	z-index: 99;
	}
#gallery .shadow
{	-moz-box-shadow: 3px 3px 6px black;
	-webkit-box-shadow: 3px 3px 6px black;
	box-shadow: 3px 3px 6px black;
	}
#dimmer
{	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	display: none;
	z-index: 10;
	background: black;
	opacity: .3;
	filter: alpha(opacity=30); /* Transparency in IE */
	}

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

a.tooltip {
    text-decoration: none;
}
a.tooltip:hover {
    color: black;
    z-index: 25;
}
a.tooltip span {
    display: none;
}
a.tooltip:hover span {
	background: none repeat scroll 0 0 #EBEBEC;
	border: 1px solid #666666;
	color: #006;
	display: block;
	margin-left: 100px;
	padding: 5px;
	position: absolute;
	text-align: left;
	width: 310px;
	z-index: 2;
	text-decoration: none;
}
* + html a.tooltip:hover span {
    margin-left: 5px;
    margin-top: 20px;
}

#buchtip{
	width:600px;
	background-color:#FFF;
	}
#buchtip-cover{
	float:left;
	width:216px;
	height:290px;
	margin-right:10px;
	margin-bottom:10px;
	}
#buchtip-form {
	float:left;
	width:500px;
	height:auto;
	}
	
	
	/*  buttons  */

#button-l {
	float: left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	}

a.button, a.button-color, a.button-header {
	background: url('button.png') no-repeat scroll top left; 
	float: left;
	height: 27px;
	padding-left: 0px;
	margin-right: 20px;
	margin-left: 0px;
}

a.button span, a.button-color span, a.button-header span  {
	background: url('button.png') no-repeat scroll top right; 
	float: left;
	height: 22px;
	position: relative;
	left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	cursor: pointer;
	line-height: 18px;
}

a.button:hover span {
	color: #666;
}

a.button-color {
	background: url('button_color.png') no-repeat scroll top left; 
}

a.button-color span {
	background: url('button_color.png') no-repeat scroll top right; 
	color: #fff;
}

a.button-header {
	background: url('button_header.png') no-repeat scroll top left; 
}

a.button-header span {
	background: url('button_header.png') no-repeat scroll top right; 
	color: #e4f2dd;
}

a.button:hover, a.button-color:hover, a.button-header:hover  {
	background-position: left -155px;
}

a.button:hover span, a.button-color:hover span, a.button-header:hover span {
	background-position: right -155px;
}


.partneritem {
	width: 550px;
	height: auto;
	float: left;
	color: #000;
	padding-right: 20px;
	overflow: hidden;
}

.portfolio-item {
	float: left;
	padding: 10px 0 10px;
	background: url(dotted_border_h.gif) repeat-x right bottom;
	margin-bottom: 20px;
}


.portfolio-image, .portfolio-desc {
	float: left;
}

.portfolio-image {
	width: 270px;
}
.portfolio-desc {
	width: 540px;
}

.portfolio-desc H3 {
	color: #506872;
	padding-bottom: 5px;
	font-size: 16px; 
	line-height: 1; 
	margin-bottom: 1em;
}

.portfolio .image-left {
	margin: 12px 15px;
}

.portfolio .margin-0-left {
	margin-left: 0;
}

.portfolio .margin-0-right {
	margin-right: 0;
}

.image-left, .image-border, .image-right {
	padding:3px;
	margin:0 10px 3px 0;
	border:1px #ccc solid;
	background: #fdfdfd;
	float: left;
}
#line01 {
	background: url(dotted_border_h.gif) repeat-x right bottom;
	}

#sub {
	background: #F9F9F9 url(mainbg.png) repeat-x;
	min-height: 320px;
	clear: both;
	}
	
#subl, #subm, #subr {
	float:left;	
	min-height:310px;
	}

#subl {
	width: 311px;
	padding-left:22px;
	border-right: 1px solid #AAAAAA;	
	}

#subm {
	width: 335px;
	padding-left:10px;
	padding-right:10px;
	border-right: 1px solid #AAAAAA;
	}
	
#subr {
	width: 223px;
	padding-left:10px;
	padding-right:10px;
	}
	
#subm H1, #subr H1 {
	font-size: 15px;
	color:#59737B;
	margin-top: 20px;
	font-weight:bold;
	
	}
#subm p, #subr p {
	margin-top:20px;
	margin-bottom:10px:
	}

#subm img , #subr img {
	float:left;
	margin-right:10px;
	}

#subm a , #subr a {
	color:#4A71A2;
	}
#subm a:hover , #subr a:hover {
	color:#000;

}

.socialbutton {
	float:left;
	width:224px;
	height:43px;
	margin-top:10px;
	}
.socialbutton p {
	margin-top: 7px;
	}
#banner1 {
	margin-top:20px;
	}

#partner-logo {
	width:100px;
	float:right;
	margin-right: 60px;
	padding-top: 40px;
	}
#mcontent1 {
	width:600px;
	}
#mcontent1 a {
	color:#4A71A2;
	}
	
#mcontent1 a:hover {
	color:#000;
	}