
/*
4072
jm-template-15
Authors: J. Mumberg, F. Konopka
*/


/*  Layout
----------------------------------------------- */
body { text-align: center;}

div#cc-tp-gradient {	
	background: transparent url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/body_bg.png) repeat-x left top;
}

*html div#cc-tp-gradient {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/body_bg.png');
	background:none;
}

div#cc-tp-container {
	width:950px;
	margin:0 auto;
	text-align:left;
	padding: 0px 0px;
}

div#cc-tp-main {
	position:relative;
	width:950px;
}

/* Emotion Rahmen */
div#cc-tp-header span#cc-tp-btop {
	display: block;
	position:absolute;
	height:20px;
	left:0;
	top:0;
	width:950px;
	z-index:9;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/emotion_top.png) no-repeat left top;
}

* html div#cc-tp-header span#cc-tp-btop {	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/emotion_top.png');
	background:none;
}

div#cc-tp-header span#cc-tp-bbottom {
	display: block;
	position:absolute;
	height:16px;
	left:0;
	top:172px;
	width:950px;
	z-index:9;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/emotion_bottom.png) no-repeat left top;
}

* html div#cc-tp-header span#cc-tp-bbottom {	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/emotion_bottom.png');
	background:none;
}

div#cc-tp-header span#cc-tp-bright {
	display: block;
	position:absolute;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/emotion_right.png) no-repeat left top;
	height:154px;
	left:947px;
	top:20px;
	width:3px;
	z-index:9;
}

div#cc-tp-header span#cc-tp-bleft {
	display: block;
	position:absolute;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/emotion_left.png) no-repeat left top;
	height:154px;
	left:0;
	top:20px;
	width:3px;
	z-index:9;
}

div#cc-tp-main-nav {
	width:100%;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/nav_mid.png) repeat-y center;
}

div#cc-tp-main-nav-over-top {
	margin: 10px 0 0 0;
	height: 15px;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/nav_overtop.png) no-repeat left top;
}

*html div#cc-tp-main-nav-over-top {	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/nav_overtop.png');
	background:none;
}	

div#cc-tp-main-nav-top {
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/nav_top.png) no-repeat left top;
	min-height: 42px;
}

div#cc-tp-main-nav-bot {
	height: 14px;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/nav_bot.png) no-repeat left bottom;
}

* html div#cc-tp-main-nav-bot {	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/nav_bot.png');
	background:none;
}

div#cc-tp-wrapper {
	width:100%;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/wrap_mid.png) repeat-y center;
}

* html div#cc-tp-wrapper {	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/wrap_mid.png');
	background:none;
}

div#cc-tp-wrapper-over-top {
	margin: 10px 0 0 0;
	height: 15px;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/wrap_overtop.png) no-repeat top left;
}

* html div#cc-tp-wrapper-over-top {	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/wrap_overtop.png');
	background:none;
}

div#cc-tp-wrapper-top {
	width:100%;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/wrap_top.png) no-repeat top left;
}

* html div#cc-tp-wrapper-top {	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/wrap_top.png');*/
	background:none;
}

div#cc-tp-wrapper-bottom {
	width:100%;	
	height: 23px;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/wrap_bot.png) no-repeat bottom left;
}

* html div#cc-tp-wrapper-bottom {	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/wrap_bot.png');
	background:none;
}

div#cc-tp-content {
	float:left;
	width:665px;
}

div#cc-tp-sidebar {
	float:right;
	width:270px;
}

div#cc-tp-footer {
	width:100%;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/footer_mid.png) repeat-y center;
}

div#cc-tp-footer-over-top {
	height: 13px;
	margin: 10px 0 0 0;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/footer_overtop.png) no-repeat top left;
}

* html div#cc-tp-footer-over-top {	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/footer_overtop.png');
	background:none;
}

div#cc-tp-footer-top {
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/footer_top.png) no-repeat 0 0;
	min-height: 44px;
}

div#cc-tp-footer-bot {
	height: 17px;
	filter:none;
	background:url(https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/footer_bot.png) no-repeat top left;
}

* html div#cc-tp-footer-bot {	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='https://u.jimcdn.com/cms/o/layout/l5511d42d4c901d90/img/footer_bot.png');
	background:none;
}


/*  Innenabstaende
----------------------------------------------- */

div#cc-tp-main-nav .cc-tp-gutter { padding: 5px  15px 5px 15px; }
div#cc-tp-sub-nav  .cc-tp-gutter { padding: 50px 30px 30px 30px; }
div#cc-tp-content  .cc-tp-gutter { padding: 10px 30px 10px 30px; }
div#cc-tp-sidebar  .cc-tp-gutter { padding: 10px 20px 10px 20px; }
div#cc-tp-footer   .cc-tp-gutter { padding: 5px  25px 5px  25px; }



/*  Schrift
----------------------------------------------- */

div#cc-tp-footer,
div#cc-tp-footer p,
div#cc-tp-footer td,
div#cc-tp-footer a,
div#cc-tp-footer a:visited {
	color:#000;
	font-size:11px;
}



/*  Navi
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2,
ul.mainNav3 {	
	margin:0;
	padding:0;
	text-align:left;
	list-style-type:none;
}

ul.mainNav2 { padding:0 0 50px 0; }
ul.mainNav3 { padding:5px 0 5px 0; }

ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li {
	display:inline;
	margin:0;	
	padding:0;
	text-decoration:none;
}

/* Fix fuer richtige Positionierung des Navi Admin Panel */

ul.mainNav1,
ul.mainNav2,
ul.mainNav3 { overflow:hidden; } 

* html ul.mainNav1,
* html ul.mainNav2,
* html ul.mainNav3 { height:1%; overflow:visible; } 

/* Style Navigation 1, 2, 3 */

ul.mainNav1 li a, ul.mainNav1 li a:visited {
	display:block;
	float:left;
	text-decoration:none;
	white-space:nowrap;
	outline:none;
	font-size:13px;
	line-height:200%;
	font-weight:normal;
	color:#888;
}

ul.mainNav2 li a, ul.mainNav2 li a:visited {
	display:block;
	float:none;
	border-bottom:1px #ddd solid;
	outline:none;
	font-size:13px;
	text-decoration:none;
	color:#888;
}

ul.mainNav3 li a, ul.mainNav3 li a:visited {
	display:block;
	float:none;
	border-bottom:1px #ddd solid;
	outline:none;
	font-size:12px;
	text-decoration:none;
	color:#888;
}

ul.mainNav1 li a, ul.mainNav1 li a:visited { padding: 2px 10px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding: 6px 15px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding: 6px 10px 6px 35px; }

/* [i] Wenn das Design fertig ist kann das hier zusammengefasst werden */

ul.mainNav1 li a.parent,  ul.mainNav1 li a.parent:visited,
ul.mainNav1 li a.current, ul.mainNav1 li a.current:visited {
	font-weight:bold;
	color:#666; 
}

ul.mainNav2 li a.parent,  ul.mainNav2 li a.parent:visited,
ul.mainNav2 li a.current, ul.mainNav2 li a.current:visited {
	font-weight:bold;
	color:#666; 
}

ul.mainNav3 li a.current, ul.mainNav3 li a.current:visited { 
	font-weight:bold;
	color:#666; 
}

ul.mainNav1 li a:hover { 
	padding: 1px 9px;
	border:1px #ccc solid;
	color:#FFF !important; 
	background-color:#F55A29;
}

ul.mainNav2 li a:hover, ul.mainNav3 li a:hover { 
	color:#F55A29 !important; 
	font-weight:bold;
	border-bottom:1px #ccc solid;
}

