/*
 *nettworker ideenboutique
 *
 * @author Dirk Doering
 * @date 07.04.2009
 *
 */

*{
	margin:0;
	padding:0;
	border:0;
}

body{
    background:url(nettworker_web_FILES/body_bg.gif) top center repeat #fff;
    color:#4c4c4c;
	font-family: Helvetica, Arial, sans-serif;
	font-size:62.5%;
	margin:0;
	text-align:center;
	padding:0;
}

h1, h2, h3, h4, h5{
	color:#000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
}

a{
    font-size:1.2em;
    text-decoration:none;
}

p{
    font-size:1.2em;
}

ul{
    list-style:none;
}

p a, li a, h1 a{font-size:1em;}

img{
    border:0;
}

/*
 * MAIN IDs
 *
 */

#allWrap{
    background:#fff;
    margin:0 auto 10em auto;
    overflow:hidden;
    text-align:left;
    width:940px;
}

#headerWrap{
	height:150px;
	margin:15px 80px 20px 70px;
	position:relative;
}

#topArtikelWrap{
    border-bottom:1px solid #efefef;
    clear:both;
    display:inline;
    float:left;
    margin:0 80px 25px 70px;
    padding:0 0 20px 0;
}

#contentWrap{
	clear:both;
	display:inline;
	float:left;
	margin:0 60px 30px 70px;
	width:810px;
}

/*
 * NAVIGATION
 *
 */

#mainNav{
    bottom:50px;
    position:absolute;
}
 
#mainNav li.mainList, #mainNav li.mainActive{
    float:left;
    margin:1.6em 1.1em 1.6em 0; 
}

#mainNav a{
    color:#999;
    font-size:1.6em;
}

#mainNav li.mainActive a, #mainNav li a:hover{
    color:#000; 
}

/*
 * CONTENT
 *
 * Content-Classes: bodytext, links, ...
 *
 */

#header .nettworkerLogo{
    float:right;
}

#topArtikel img{
    float:left;
    margin:0 0 5px 0;
}

#topArtikel .videoFrame{
	float:left;
	margin:0 20px 0 0;
	width:520px;
}

#topArtikel .videoFrameTxt{
	background:url(nettworker_web_FILES/body_bg.gif) top center repeat #fff;
	padding:10px 10px 5px;
	float:left;
	width:230px;
}

.article{
	background:url(nettworker_web_FILES/body_bg.gif) top center repeat #fff;
	height:235px;
	margin:0 20px 20px 0;
	padding:10px 10px 5px;
	float:left;
    	width:230px;
}

div.article:hover{
	background:url(nettworker_web_FILES/articleBgHover.gif) top center repeat #ccc;
}

.small{
	height:110px !important;
}

#contentWrap h1, #topArtikel h1{
    font-size:1.3em;
    font-weight:bold;
    line-height:130%;
    margin:0 0 0.65em 0;
}

#contentWrap a, #topArtikelWrap a{
    color:#000;
    font-weight:bold;
}

#contentWrap a:hover, #topArtikelWrap a:hover{
    text-decoration:underline;
}

topArtikelWrap ul, #contentWrap ul{
    font-size:1.2em;
    line-height:160%;
    margin:0.9em 0 1em 1em;
}


#contentWrap #borderMargin h1{
    background:url(nettworker_web_FILES/h1_content_bg.gif) bottom left no-repeat #fff;
    padding:0 0 0.5em 0;
}

.bodytext{
    margin:0 0 1.5em 0;
}

p.bodytext{
    line-height:160%;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
}

small a{
	color:#000;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	padding:3px  0;
}

/*
 * FORMULARE
 *
 */

input{
    background:url(nettworker_web_FILES/input_bg.gif) top left no-repeat;
    color:#9fb000;
    font-size:1.6em;
    padding:0.5em;
    width:240px
}

/*
 * NEWS
 *
 * Newslistitem by TYPO3 News
 *
 */

.news-list-item{

}

.news-list-item img{

}

.news-list-item .bodytext, .news-list-item h3 a{

}

/*
 * GLIDER
 *
 * JS Contentelement 
 *
 */

#slider{
	position:relative;
}

div#slider_nav{
	background:none !important;
	bottom:0;
	left:0;
	position:absolute;
	text-align:right;
	width:100%;
	z-index:99;
}

#slider_nav ul.navigation{
	padding:0 0 3px 0;
}

#slider_nav ul.navigation li{
	background:#fff;
	font-size:11px;
	display:inline;
	padding:0 5px 0 3px;
}

#slider .scrollButtons{
	bottom:50%;
	cursor:pointer;
	position:absolute;
}

#slider .scrollButtons.left{
	left:6px;
}

#slider .scrollButtons.right{
	right:6px;
}


/*
 * FOOTER
 *
 * Footerelements: 1_4Box, 1_2Box
 *
 */

#footer{
    	border-top:1px solid #efefef;
	clear:both;
	display:inline;
	float:left;
	margin:0 60px 20px 70px;
	padding:15px 0 0 0;
	width:810px;
}

#footer a{
	color:#4c4c4c;
}

#footer a:hover{
	color:#000;
}