body {margin:0; padding:0px; background: #f2eadc; color:#681800; font-family: verdana,arial,helvetica,sans-serif; font-size: 11px}

div#layerMask{display:none; width:100%; height:100%; position:fixed; background:#000000; opacity: .8; _filter: alpha(opacity=80); z-index:1000}
div#photoDetails{display:none; background:#ffffff; border:1px solid #000000; width:500px; height:500px; position: absolute ; z-index:1001; margin:0 0 0 -250px; left:50% ; top:30px }

div#main{background: transparent none) ; width:1003px; position:relative; margin:auto}

div#header{}
	div#headerTop{background:transparent url(../images/layout/header_top.jpg) no-repeat; height:43px}
	div#headerMiddle{}
	div#headerBottom{background:transparent url(../images/layout/header_bottom.jpg) no-repeat; height:50px}
	
div#maincontent{min-height:250px; height:auto !important; height:250px; width:993px; padding: 10px 0px 10px 10px; }
	div#left{float: left; width: 179px; padding:0 36px 0 0}
	div#center{float: left; width: 512px; margin:30px 0px 40px 0px}
	div#right{float: left; width: 260px; margin:0px 0px 40px 0px}
	
div.homeTMP div#left {display:none}
div.homeTMP div#center {float: left; width: 506px; margin:0; padding:0px 58px 0px 0px}
	div.homeTMP div#center h1{margin:0px; padding:5px 0 10px 25px; background:transparent none}
div.homeTMP div#right {float: left; width: 425px; margin:0px; text-align:center}
	

div.twoCols div#center {float: left; width: 746px; margin:30px 0px 40px 0px; padding:0px 0px 0px 0px}
div.twoCols div#right {display:none;}
	

	
div#footer{font-size:10px; background:transparent url(../images/layout/footer_bg.jpg) no-repeat; padding:20px 0px 30px 30px; color:#98856f}


div#breadcrumbs{ width: 793px; position:absolute; top:225px; left:230px;   font-size:10px }
div.homeTMP div#breadcrumbs{display:none}

div#headerlinks{width: 1003px;  position:absolute; top:25px; right:0px; text-align:right; padding-right:50px;}
	div#headerlinks a{color:#90765a; text-decoration:none; font-size:10px; padding-left:20px}

div#logo{position:absolute; top:0 ; left:20px; width:148px; height:64px}
	
div#mainNavigation{width:963px; position:absolute; top:166px; left:40px; z-index:20}
	div#mainNavigation ul{list-style-type:none; margin:0px; padding:0px}
	div#mainNavigation ul li{display:inline; margin:0px; padding:0px}
	div#mainNavigation ul li a{height:24px; display:block; float:left; color:#ded2c1; font-size:0px; text-decoration:none; padding:0px 20px 0px 20px}
	div#mainNavigation ul li.pn_item_0 a{background: transparent url(../images/layout/pn_item_0.gif) no-repeat top center; width: 103px; height: 24px}
		div#mainNavigation ul li.pn_item_0 a:hover{background: transparent url(../images/layout/pn_item_o_0.gif) no-repeat top center; width: 103px; height: 24px}	
		div#mainNavigation ul li.pn_item_0 a.currItem{background: transparent url(../images/layout/pn_item_a_0.gif) no-repeat top center; width: 103px; height: 24px}	
	
	div#mainNavigation ul li.pn_item_1 a{background: transparent url(../images/layout/pn_item_1.gif) no-repeat top center; width: 120px; height: 24px}
		div#mainNavigation ul li.pn_item_1 a:hover{background: transparent url(../images/layout/pn_item_o_1.gif) no-repeat top center; width: 120px; height: 24px} 
		div#mainNavigation ul li.pn_item_1 a.currItem{background: transparent url(../images/layout/pn_item_a_1.gif) no-repeat top center; width: 120px; height: 24px}
	
	div#mainNavigation ul li.pn_item_2 a{background: transparent url(../images/layout/pn_item_2.gif) no-repeat top center; width: 191px; height: 24px}
		div#mainNavigation ul li.pn_item_2 a:hover{background: transparent url(../images/layout/pn_item_o_2.gif) no-repeat top center; width: 191px; height: 24px}
		div#mainNavigation ul li.pn_item_2 a.currItem{background: transparent url(../images/layout/pn_item_a_2.gif) no-repeat top center; width: 191px; height: 24px}
	
	div#mainNavigation ul li.pn_item_3 a{background: transparent url(../images/layout/pn_item_3.gif) no-repeat top center; width: 127px; height: 24px}
		div#mainNavigation ul li.pn_item_3 a:hover{background: transparent url(../images/layout/pn_item_o_3.gif) no-repeat top center; width: 127px; height: 24px}
		div#mainNavigation ul li.pn_item_3 a.currItem{background: transparent url(../images/layout/pn_item_a_3.gif) no-repeat top center; width: 127px; height: 24px}
	
	div#mainNavigation ul li.pn_item_4 a{background: transparent url(../images/layout/pn_item_4.gif) no-repeat top center; width: 77px; height: 24px}
		div#mainNavigation ul li.pn_item_4 a:hover{background: transparent url(../images/layout/pn_item_o_4.gif) no-repeat top center; width: 77px; height: 24px}
		div#mainNavigation ul li.pn_item_4 a.currItem{background: transparent url(../images/layout/pn_item_a_4.gif) no-repeat top center; width: 77px; height: 24px}
	
	div#mainNavigation ul li.pn_item_5 a{border:none; background: transparent url(../images/layout/pn_item_5.gif) no-repeat  top center; width: 70px; height: 24px}
		div#mainNavigation ul li.pn_item_5 a:hover{border:none; background: transparent url(../images/layout/pn_item_o_5.gif) no-repeat  top center; width: 70px; height: 24px}
		div#mainNavigation ul li.pn_item_5 a.currItem{border:none; background: transparent url(../images/layout/pn_item_a_5.gif) no-repeat  top center; width: 70px; height: 24px}

div#mainNavigationBg{width:963px; position:absolute; top:170px; left:40px; z-index:10}
	div#mainNavigationBg ul{list-style-type:none; margin:0px; padding:0px}
	div#mainNavigationBg ul li{display:inline; margin:0px; padding:0px}
	div#mainNavigationBg ul li a{border-right:1px solid #602e0b; height:14px; display:block; float:left; color:#ded2c1; font-size:1px; text-decoration:none; padding:0px 20px 0px 20px}
	div#mainNavigationBg ul li.pn_item_0 a{width: 100px; background: transparent none}
	div#mainNavigationBg ul li.pn_item_1 a{width: 117px; background: transparent none}
	div#mainNavigationBg ul li.pn_item_2 a{width: 190px; background: transparent none}
	div#mainNavigationBg ul li.pn_item_3 a{width: 125px; background: transparent none}
	div#mainNavigationBg ul li.pn_item_4 a{width: 76px; background: transparent none}
	div#mainNavigationBg ul li.pn_item_5 a{width: 66px; background: transparent none; border:none}

	
/*global html styles*/	

div#center pre{margin:0px}
div#center a{color:#6c543a; text-decoration:underline}
div#center a:hover{color:#90765a; text-decoration:none; color:#6c543a;}
div#center h1{background:transparent url(../images/layout/headline_bg.gif) repeat-x bottom; font-size:18px; margin:0px 0px 20px 0px; padding:0 0 5px 0; font-variant: small-caps; font-weight:normal; letter-spacing:3px}
div#center h2{font-size:11px; padding: 0px 0px 4px 0px; margin:5px 0px 10px 0px}
div#center div.imagecenter{text-align:center}
div#center div.sampler{margin:0px 0px 20px 0px}

	
	




div#samplerlist{}
	div#samplerlist div.sampler ul{list-style-type:none; width:200px; float:left;}
	div#samplerlist div.sampler ul li {background: transparent url(../images/icons/ic_audio.gif) no-repeat ; display:block; padding:2px 0px 6px 30px; cursor:pointer}
	div#samplerlist div.sampler ul li.active{border:1px solid #000000}
	div#samplerlist div.soundContainer{width:200px; height:100px; float:right; }




/***************************
	Navigation
***************************/

div#navbox{padding:0;}
div.hideSubNavi div#navbox{display:none}

div#navboxTop {background: transparent url(../images/layout/navbox_top.gif) top left no-repeat; height:12px }
div#navboxMiddle {min-height:180px; height:auto !important; height:180px; padding:  0; background: #d9cab3; border-right: 1px solid #92785a ; border-left:  1px solid #92785a}
div#navboxBottom {background: transparent url(../images/layout/navbox_bottom.gif) no-repeat; height:35px}


div#navbox a {font-size:9px; display:block; color:#6C543A; text-decoration:none; padding:0 0 0 10px}
div#navbox div.selecteditem {background: transparent url(../images/layout/navi_dot.gif) no-repeat right center}
div#navbox div.selecteditem a {color: #ca994a}

div#navbox ul{padding:0px; margin:0px; list-style-type:none}
div#navbox ul li{ }
div#navbox ul li div{padding:5px 10px 5px 5px;}
div#navbox ul li ul li{ }
div#navbox ul li ul li ul li{}

div#navbox ul li a{ padding:5px 10px 5px 5px; }
div#navbox ul li ul li a{padding:5px 5px 5px 5px;  }
div#navbox ul li ul li ul li a{padding:5px 10px 5px 20px; }


div#navbox div.level_1{padding:5px 0px 5px 5px; margin:-1px 0px 0px 0px;text-transform:uppercase; }
div#navbox div.level_2{padding:5px 0px 5px 10px;  margin:-1px 0px 0px 0px}
div#navbox div.level_3{padding:5px 0px 5px 15px}

div#navbox div.level_1{font-weight:bold}
/***************************
		News
***************************/
div#newsMainBox{background: #d9cab3 ; width:503px; border-left:1px solid #92785a; border-right:1px solid #92785a}

div#newsMainBox div#newsContent{min-height:250px; height:auto !important; height:250px}

div#newsMainBox div.newsbody{padding: 0px 25px 10px 25px}
div#newsMainBox div.newsbody a.newsbodyImg{display:block; float:left; width:93px;padding:0px 10px 0px 0px}

div#newsMainBox div.last{padding: 0px 25px 0px 25px}
	div#newsMainBox div.newsbody div {width:350px; float:left}
	div#newsMainBox div.newsbody div h2 {padding: 0px 0px 0px 0px; margin:0px 0px 5px 0px;font-size:10px}
	div#newsMainBox div.newsbody div h2 a{text-decoration:none; font-style:italic}
div#newsMainBox div.newsbody img.newsImg{}


div#newsMainBoxTop{background: transparent url(../images/layout/home_main_top.gif) top left no-repeat; width:505px; height:13px}
div#newsMainBoxBottom{background: transparent url(../images/layout/home_main_bottom.gif) top left no-repeat;  width:505px; height:33px}


/***************************
		Standard Content
***************************/
div.contentBlock{width:100%}
	div.contentItem{width:250px; float:left; padding:0 20px 0 0}
	div.contentItem div.imageTop img{border:1px solid #92785a}
	
	
	div.contentItemText{width:670px; float:left; padding:0 20px 0 0}
	div.contentItemText table{border-collapse:collapse;}
	div.contentItemText table td{padding:2px 20px 2px 5px; border: 1px solid #b5a28c }
	div.contentItemText table tr.contentItemDownload td{padding:10px 20px 10px 5px;}
	div.contentItem div.contentItemLeft{width:200px; float:left}
	div.contentItem div.contentItemRight{width:470px; float:left}
/***************************
		Small Focus Items
***************************/
div#smallFocusItems{}
div#smallFocusItems div{float:left; width:198px; padding: 0 23px 20px 0}

div#smallFocusItems div#item_02{padding: 0 0 20px 0}
div#smallFocusItems div#item_04{padding: 0 0 20px 0}

/***************************
		Lebenslauf
***************************/
table#lebenslauf{}
	table#lebenslauf h2 {margin:15px 0px 0px 0px; padding:0px; border-bottom:1px solid #d6c5ab; width:150px}
	table#lebenslauf td {vertical-align:top; padding:2px 0px 2px 0px; }
	table#lebenslauf tr.lebenslaufTitle td { border-bottom: none}
	table#lebenslauf td.leblaufLabel {width:160px}
	
/***************************
		Referece
***************************/
	
div.refereceBox{float:left; width: 363px; padding: 0px 10px 20px 0px; min-height:110px; height:auto !important; height:110px}
	div.refereceImg{float: left; width:130px; padding-right:10px}
	div.refereceContent{float:left; width:220px}
	div.refereceContent ul{padding:0 0 0 20px ; margin:0px}
/***************************
		FORMAT FUER CODES
***************************/
div.sourceCode{margin:5px 0 10px 0}

.codeWide{overflow:auto; padding: 5px; width:470px; background-color: #ffffff; border:1px solid #D0C4B5; font-size:11px; float:left;}
.codeNarrow{overflow:auto; padding: 5px; width:280px; background-color: #ffffff; border:1px solid #D0C4B5; font-size:11px; float:left;}
.codelines{border:1px solid #D0C4B5; text-align:right; padding: 5px; font-size:11px; float:left; width:15px; background-color: #E2E0D5;}
.codeInTxt{color: #4a4a4a;}
/***************************
		ENDE FORMAT FÜR CODES
***************************/


/***************************
		PAGING
***************************/
#pagingcontainer{width:240px;margin: auto;white-space:nowrap}
#pagingcontainer a{color: #000000;text-decoration: none;}
.navcontainer{width:52px;float:left;}
.navcontainer img{padding:0px 5px 0px 5px;}
#nocontainer{text-align:center;float:left;}
#nocontainer .number{padding:0px 5px 0px 5px;border-right:1px solid #000000;}
#nocontainer .numberbold{padding:0px 5px 0px 5px;border-right:1px solid #000000;font-weight:bold;}
.clearleft{clear:left;}
.clearright{clear:right;}
/***************************
		Ende PAGING
***************************/


/***************************
		PAGE CONTROLL
***************************/
ul#pagecontroll{list-style-type: none; margin: 20px 0px 0px 0px; padding: 0;}
ul#pagecontroll li a{display: block;width: 130px;color: #352926;padding: 0;text-align: center;text-decoration: none;font-size:11px}
ul#pagecontroll .disableleft{width: 130px;float: left;background-image: url(../images/layout/back_u.gif);background-repeat: no-repeat;background-position:left;padding-left:10px;color: #808080;font-size:11px;}
ul#pagecontroll .disableright{width: 130px;float: right;background-image: url(../images/layout/forward_u.gif);background-repeat: no-repeat;background-position: right;padding-right: 20px;text-align: right;color: #808080;font-size:11px;}
ul#pagecontroll li a:hover{color: #352926;}
ul#pagecontroll .left { float: left;background-image: url(../images/layout/back.gif);background-repeat: no-repeat;background-position:left;padding-left:10px;}
ul#pagecontroll .right { float: right;background-image: url(../images/layout/forward.gif);background-repeat: no-repeat;background-position: right;padding-right: 10px;text-align: right;}
/***************************
		PAGE CONTROLL
***************************/


/*boxContainer*/
div.boxContainer{padding:0 0 30px 50px; background:transparent; width:198px}
	div.boxContainer h2{margin:0px 0px 10px 0px; padding:0px; font-size:11px}
	div.boxContainer p.boxContainerText{font-size:10px; margin:0px}
div.boxContainerTop{background:transparent url(../images/layout/box_bg_top.jpg) no-repeat; height:22px; }
div.boxContainerMiddle{background:transparent url(../images/layout/box_bg_middle.jpg) repeat; padding: 0px 20px 0px 20px}
	div.boxContainerMiddle a{font-size:10px; display:block; color:#6c543a; text-decoration:none; padding: 2px 0 }
	div.boxContainerMiddle a:hover{text-decoration:underline; }
	
	
div.boxContainer div.imageRight{position:relative;width:200px; height:146px; overflow:hidden; }
	div.boxContainer div.imageRight span.imageMask{display:block; z-index:2; background:transparent url(../images/layout/right_image_mask.png) no-repeat top left; position:absolute; top:0px; left:0px;width:200px; height:146px; }
	div.boxContainer div.imageRight img{padding: 6px 2px 0px 2px}
	
div.boxContainerbottom{background:transparent url(../images/layout/box_bg_bottom.jpg) no-repeat; height:24px; }
	
div.boxContainer ul.linkslist{padding:0px; margin:0px; list-style-type:none}
	div.boxContainer ul.linkslist li a{color:#6c543a; padding: 0px 0px 0px 0px; display: block; text-decoration: none; font-size: 10px;}

div.boxContainer ol.linkslist{padding:0px 0px 0px 20px; margin:0px;}
	div.boxContainer ol.linkslist li a{color:#6c543a; padding: 0px 0px 0px 0px; display: block; text-decoration: none; font-size: 10px;}		
	div.boxContainer ol.linkslist li a:hover{text-decoration:underline}
	div.boxContainer ol.linkslist li ol{padding:0px 0px 0px 20px;}
		
	div.boxContainer ul.helplinkslist{padding:0px; margin:0px; list-style-type:none}
	
	div.boxContainer ul.helplinkslist li{padding-left:3px}
			
	div.boxContainer ul.helplinkslist li a{color:#6c543a; padding: 5px 10px 5px 20px; display: block; text-decoration: none;font-size: 10px;}

	div.boxContainer ul.helplinkslist li a:hover{text-decoration:underline}
	div.boxContainer ul.helplinkslist li p{margin:0px;padding-left:20px;font-size:9px}
		
	div.boxContainer ul.helplinkslist li.printlink{background: transparent url(../images/icons/ic_print.gif) no-repeat; padding-left:3px}	
	div.boxContainer ul.helplinkslist li.pdflink{background: transparent url(../images/icons/ic_pdf.gif) no-repeat; padding-left:3px}		

	div.boxContainer ul.helplinkslist li.pdflinkDisabled {color:#9b8a78; padding: 5px 10px 5px 23px; display: block; text-decoration: none; font-size: 10px;background: transparent url(../images/icons/ic_pdf_disabled.gif) no-repeat;}		
/* end boxContainer*/
		
div.floatedItem{float:left; padding:0px 15px 10px 0px}


/*Multimedia*/
div#playList{float:left; width:200px}

div#playerWrapper{float:left; padding:0px 0px 0px 0px}
div#riddleContainer{float:left; padding:0px 0px 0px 0px}
div#riddleContainer div.formlabel{width:80px}
div#riddleContainer div.error{margin-left:90px}
div#riddleContainer div#formButton{text-align:right}

/***************************
		FORMS
***************************/
.error{color: #8B3537;font-size: 10px;font-weight: bold;margin-left: 120px}
div.formlabel{color: #681800; float: left; display:inline; padding-right:10px; padding-bottom: 10px; width: 120px; font-size: 11px;}
div.preview{color: #8e8e8e; background: #eaeaea; padding: 3px; margin: 0px 0px 10px 140px;border: 1px solid #8e8e8e;}
div.textareaBox{min-height:40px; height:auto !important; height:40px}
.forminput{color: #681800;  background: #f3f2f0; padding: 3px; width: 300px;border: 1px solid #681800;font-family: verdana,arial,helvetica,sans-serif;font-size: 12px;}
textarea{color: #681800; background: #f3f2f0; padding: 3px; width: 300px;height: 120px;border: 1px solid #681800; font-family: verdana,arial,helvetica,sans-serif;font-size: 12px;}
.formbutton{color: #681800; background: #f3f2f0; border: 1px solid #681800;}
/***************************
		FORMS
***************************/



div#backlink{padding:30px 0px 0px 0px}


div.riddleuser{font-size:10px; padding:0 0 0 10px}
div#sweetRiddleRight{background: transparent url(../images/layout/sweet_child.jpg) no-repeat; min-height:430px; height:auto !important; height:430px}