/*
Template: 4222
KuhlNorth
Author: j.schreiber
*/


/* resets */
body, ul { margin: 0;}

.wrapper {
    max-width: 900px;
	margin:0 auto;
}

/* because ie6 don'T know 'min-width' */
* html .wrapper { width: 900px;}

.clearover { overflow: hidden;} 

#tp-header {
    background-color: #dcdcdc;
    padding-top: 0px;
}
#tp-header ul { list-style: none; }

.tp-nav a { text-decoration: none !important;}
/* navigation 1 */

#nav1    { float: right; }
#nav1 li { float: left;}

#nav1 a {
    display: block;
    padding: 20px 20px 0 20px;
    font-size: 1.2em;
}
#nav1 a.current,
#nav1 a.parent { font-weight: bold; color: #21606E;}

/* adjust navigation padding for ie6/7 causee they don't knoe ':after' */
.ie-6 #nav1 a,
.ie-7 #nav1 a  { padding: 20px !important;}

#nav1 a.current:after,
#nav1 a.parent:after {
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    bottom: 0;
    margin: 10px auto 0 auto;
    border-color: transparent transparent #21606E transparent;
    border-style: solid;
    border-width: 7px;
}

#nav1 a:hover {
    color: #21606E;
}


/* navigation 2 */
#nav2 { float: right;}
#nav2 ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#nav2 li { float: left;}
#nav2 a {
    display: block;
    padding: 10px;
}

#nav2 a:hover { background: #5192a1; }

#nav2 a.current,
#nav2 a.parent { background: #fff; color: #000;}

/* navigation 3 */
#nav3 { background: #21606E ;}

/* trigger 'hasLayout' for ie6 */
* html #nav3 { height: 1%;}

#nav3 ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#nav3 li  { float: left; }
#nav3 a {
    display: block;
    padding: 20px;
}

#nav3 a.current {
    background: #fff;
    color: #000;
}

#nav3 a:hover { background: #5192a1; }

/* header bar */
#header-bar { background: #21606E; min-height: 35px; }

/* visual - slider */
#visual         { padding: 15px 0;}
#emotion-header { margin: 0 0 50px 0;}

#emotion-header #emotion-header-title {
    padding: 10px;
    background: #21606E;
    text-shadow: 1px 1px 0 #000;
}
/* don't display title container if no text is entered - only modern browsers */
#emotion-header #emotion-header-title:empty { display: none;}

/* content section */
#content-wrapper {
    position: relative;
    background-color: #dcdcdc;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    padding: 0 0px;
    margin-top: 20px;
}

#content {
    min-height: 500px;
    position: relative;
    top: -50px;
    background-color: #fff;
    border: 1px solid #666;
    box-shadow: 0 0 10px #666;
}

#content #content_area { padding: 15px; }

/* footer */
#tp-footer { background: #21606E; padding-bottom: 0px;}

#footer-links #contentfooter { padding: 20px 0 10px 0;}

/* sidecart */
#cc-sidecart { padding: 10px 0;}