/*
Theme Name: STIELER Kunststoff Service
Theme URI: http://www.mpunktdesign.de/
Description: Die Vorlagen-Datei für den Internet-Auftritt von STIELER.
Version: 1.0
Author: mpunktdesign, Martina Melching
Author URI: http://www.mpunktdesign.de/
*/



/* -------------------------------------------------------------------- */
/* Die Typografie                                                       */
/* -------------------------------------------------------------------- */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#006666;
}

a {
	color:#828282;
	text-decoration:underline;
}

a:hover {
	color:#006666;
	text-decoration:underline;
}

h1 {
	font-weight:bold;
	font-size:13px;
	line-height: 18px;
	color:#66CCCC;
	margin:0;
	padding:0;
	margin-bottom:10px;
}


h2 {
	font-weight:bold;
	font-size:12px;
	line-height: 15px;
	color:#66CCCC;
}


h3 {
	font-size:11px;
	line-height: 15px;
	color:#006666;
	font-weight:normal;
}


/* -------------------------------------------------------------------- */
/* Allgemeine Dinge                                                     */
/* -------------------------------------------------------------------- */

/* Allgemein ---------------------------------------------------------- */

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

body {
	background-color:#828282;
	background-image:url(images/bg.gif);
	background-position:center;
	background-repeat:repeat-y;
}

img {
	border:none;
}

div#abstand {
	position:relative;
	width:990px;
	height:40px;
}

.ende {
	clear:left;
}


/* Content-Container --------------------------------------------------- */

div#container {
	position:relative;
	width:990px;
	margin:0 auto;
	background-color:#FFFFFF;
}

div#content_container {
	position:relative;
	float:left;
	left:50px;
	width:740px;
}


/* Content-Vorlage: Normal (Foto oben) --------------------------------- */

div#content_content {
	position:relative;
	width:480px;
	margin-top:25px;
	list-style-position:inside;
}

div#content_content ul {
	list-style-position: outside;
	margin-left:30px;
}


div#content_content p {
	margin-bottom:15px;
}

div#content_pictop {
	position:relative;
	margin-top:5px;
}




/* Content-Vorlage: Foto rechts ---------------------------------------- */

div#content_content_picright {
	position:relative;
	float:left;
	width:300px;
	margin-top:25px;
}

div#content_picright {
	position:relative;
	float:left;
	margin-top:25px;
	margin-left:30px;
}


/* Content-Vorlage: Homepage ------------------------------------------- */

div#content_container-homepage {
	position:relative;
	left:90px;
	width:900px;
	margin-top:25px;
	list-style-position:inside;
}

div#content_container-homepage p {
	margin-bottom:15px;
}

div#content_content-homepage {
	position:relative;
	float:left;
	width:450px;
}

div#content_news-homepage_container {
	position:relative;
	float:left;
	width:340px;
	margin-top:10px;
	margin-left:70px;
}

div.home_news {
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
}

div.home_news h2 {
	margin-bottom:8px;
}

div.home_news_strich {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#828282;
}

.home_news_foto {
	position:relative;
	float:left;
	margin-top:2px;
	margin-right:15px;
	margin-bottom:5px;
}

div#home_newsarchiv_button {
	margin-top:20px;
}



/* Content-Vorlage: Newsarchiv ----------------------------------------- */

div#content_container-newsarchiv {
	position:relative;
	left:90px;
	width:900px;
	margin-top:25px;
}

div#content_content-newsarchiv {
	position:relative;
	float:left;
	width:250px;
}

div#content_news-newsarchiv_container {
	position:relative;
	float:left;
	width:540px;
	margin-top:10px;
	margin-left:70px;
}

div.newsarchiv_news {
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
}

div.newsarchiv_news h2 {
	margin-bottom:8px;
}

div.newsarchiv_news_strich {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#828282;
}

.newsarchiv_news_foto {
	position:relative;
	float:left;
	margin-top:2px;
	margin-right:15px;
	margin-bottom:5px;
}

div#content_content-newsarchiv-back {
	margin-top:20px;
}

/* Content-Vorlage: Single --------------------------------------------- */

div#content_container-single {
	position:relative;
	left:90px;
	width:900px;
	margin-top:25px;
	list-style-position:inside;
}

div#content_container-single p {
	margin-bottom:15px;
}

div#content_content-single {
	position:relative;
	float:left;
	width:450px;
}

div#content_single-picright {
	position:relative;
	float:left;
	margin-left:30px;
}

div#content_content-single-back {
	margin-top:20px;
}


/* Kopf --------------------------------------------------------------- */

div#kopf_container {
	position:relative;
	width:990px;
	height:150px;
	background-image:url(images/kopf_bg.jpg);
	background-repeat:no-repeat;
}

.kopf_logo {
	position:absolute;
	right:30px;
	top:20px;
}

div#kopf_balken {
	position:relative;
	width:990px;
	height:10px;
	margin-top:5px;
	margin-bottom:5px;
	background-image:url(images/kopf_balken.jpg);
	background-repeat:no-repeat;	
}



/* -------------------------------------------------------------------- */
/* Hauptnavigation                                                      */
/* -------------------------------------------------------------------- */


/* Erste Ebene -------------------------------------------------------- */

div#mainnav_container {
	position:relative;
	height:25px;
}


/* Sprache ---------------------------- */

div#mainnav_sprache_container {
	position:relative;
	float:left;
	height:25px;
	padding-left:80px;
	background-color:#828282;
}

#mainnav_sprache_container ul {
	display:inline;
	list-style:none;
}

#mainnav_sprache_container ul li {
	float:left;
}

#mainnav_sprache_container .page_item {
	margin-left:10px;
	margin-top:6px;
}


/* Navigation ---------------------------- */

div#mainnav_nav_container {
	position:relative;
	float:left;
	height:19px;
	padding-left:35px;
	padding-top:6px;
	background-color:#828282;
}

div#mainnav_nav_container ul {
	display:inline;
	list-style:none;
}

div#mainnav_nav_container ul li {
	float:left;
}

div#mainnav_nav_container .page_item {
	margin-right:20px;
}

div#mainnav_nav_container .page_item a {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
}

div#mainnav_nav_container .page_item a:hover {
	color:#000000;
}

div#mainnav_nav_container .current_page_item a,
div#mainnav_nav_container .current_page_parent a,
div#mainnav_nav_container .current_page_ancestor a {
	color:#66CCCC;
}

div#mainnav_nav_container .current_page_item a:hover,
div#mainnav_nav_container .current_page_parent a:hover,
div#mainnav_nav_container .current_page_ancestor a:hover {
	color:#000000;
}




/* Zweite Ebene ------------------------------------------------------- */

div#subnav_container {
	position:relative;
	float:left;
	width:200px;
}

/* Navigation ---------------------------- */

div#subnav_container ul {
	list-style:none;
}

div#subnav_container ul li {
	text-align:right;
}

div#subnav_container .page_item,
div#subnav_container .page_item_oben,
div#subnav_container .page_item_unten {
	padding-right:30px;
	padding-bottom:5px;
	background-image:url(images/nav2_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

div#subnav_container .current_page_item,
div#subnav_container .current_page_parent,
div#subnav_container .current_page_ancestor {
	background-image:url(images/nav2_bg_activ.gif);
}

div#subnav_container .page_item_oben {
	padding-bottom:10px;
	background-image:url(images/nav2_bg_oben.gif);	
}

div#subnav_container .page_item a {
	color:#828282;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
}

div#subnav_container .page_item a:hover {
	color:#66CCCC;
}

div#subnav_container .current_page_item a,
div#subnav_container .current_page_parent a,
div#subnav_container .current_page_ancestor a {
	color:#006666;
	font-weight:bold;
}

div#subnav_container .current_page_item a:hover,
div#subnav_container .current_page_parent a:hover,
div#subnav_container .current_page_ancestor a:hover {
	color:#66CCCC;
}



/* Dritte Ebene ------------------------------------------------------- */

div#subnav_container ul ul {
	padding-top:3px;
	padding-bottom:5px;
}

div#subnav_container ul ul .page_item {
	padding-right:0px;
	padding-bottom:1px;
	background-image:none;
}

div#subnav_container ul ul .page_item a {
	color:#828282;
	font-size:8px;
	font-weight:normal;
}

div#subnav_container ul ul .page_item a:hover {
	color:#66CCCC;
}

div#subnav_container ul ul .current_page_item a,
div#subnav_container ul ul .current_page_parent a,
div#subnav_container ul ul .current_page_ancestor a {
	color:#006666;
	font-weight:bold;
}

div#subnav_container ul ul .current_page_item a:hover,
div#subnav_container ul ul .current_page_parent a:hover,
div#subnav_container ul ul .current_page_ancestor a:hover {
	color:#66CCCC;
}




/* -------------------------------------------------------------------- */
/* Sonstiges                                                            */
/* -------------------------------------------------------------------- */

/* NGGALLERY ---------------------------------------------------------- */

.ngg-singlepic {
	padding:0px !important;
}