/**
 * Copyright (C) 2010 Peter Ongyert [webdesign // identity & print]
 *
 * @copyright  Peter Ongyert [webdesign // identity & print]
 * @author     Peter Ongyert <info@peter-ongyert.de>
 */

/* Layout Basic configuration */
body{margin-bottom:2px;background:#edccec url("../images/tl/bg.jpg") center top fixed repeat;}

#wrapper{margin-top:20px;background:transparent url("#") repeat;}
/* header */
#header{width:980px; height:170px; margin:0 auto; background:transparent url("../images/tl/sh_header.png") center top no-repeat;}
#header .inside{z-index:999;}

/* Teaser */
#teaser{width:980px;margin:0 auto;background: transparent url("../images/tl/sh_teaser.png") repeat-y center;padding-right:10px;padding-left:10px;}

/* container */
#container{width:980px;margin:0 auto;padding:0px 0px 20px 0px;background: transparent url("../images/tl/sh_container.png") repeat-y center;}

/* main */
#main,#right,#left{padding-top:6px;min-height:480px;padding-right:10px;padding-left:10px;}
#main .inside{text-align:justify;padding-right:10px;}

/* left */
#left{background:transparent;}
#left .inside{padding-right:10px;padding-left:30px;}

/* right */
#right {background:transparent;}
#right .inside{}

/* footer */
#footer{width:980px;padding-bottom:10px; margin:0px auto;background:transparent url("../images/tl/sh_footer.png") center top no-repeat;}
#footer .inside{overflow:hidden;padding:30px 18px 10px 18px;background:transparent; color:#8f8f8f;}

/* Layout configuration */

/* Header Screen */
#screen{top:170px; left:25px;position:absolute;}
#logo{top:10px; left:300px;position:absolute;}

/* Footer Box */
#footer h1{ padding-bottom:3px;border-bottom:1px dotted #888;font-size:14px;color:#2577F6; text-transform: uppercase;}
#footer p,#footer li,#footer a{font-size:11px;color:#8f8f8f;line-height:1.5;}
#footer .news h1{padding-top:1px;padding-left:21px;background:url("#") left center no-repeat;}
#footer .network h1{padding-top:1px;padding-left:21px;background:url("#") left center no-repeat;}
#footer .casestudy h1{padding-top:1px;padding-left:14px;background:url("#") left center no-repeat;}
#footer .blog h1{padding-top:1px;padding-left:21px;background:url("#") left center no-repeat;}

/* Copyright Box */
#copyright{text-align:left; padding-top:10px;padding-right:10px;}
#copyright,#copyright a{font-size:11px;color:#CF1B8B; line-height:1;}
#copyright a:hover{font-size:11px;color:#be2183; line-height:1;}


/* Basic configuration */
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {
	float:left;
	display:inline;
	margin-right:10px;
	margin-left:10px;
}

/* Widths */
.g1 { width:60px; }
.g2 { width:140px; }
.g3 { width:220px; }
.g4 { width:300px; }
.g5 { width:380px; }
.g6 { width:460px; }
.g7 { width:540px; }
.g8 { width:620px; }
.g9 { width:700px; }
.g10 { width:780px; }
.g11 { width:860px; }
.g12 { width:940px; }

/* Apply margin to content elements by default */
.mod_article>.block {
	margin-right:10px;
	margin-left:10px;
}

/* Except if the article itself is floated  */
.g1 .block,.g2 .block,.g3 .block,.g4 .block,.g5 .block,.g6 .block,.g7 .block,.g8 .block,.g9 .block,.g10 .block,.g11 .block,.g12 .block {
	margin-right:0;
	margin-left:0;
}

/* Reapply margin on nested grid elements */
.gr {
	margin-right:20px !important;
}