/*  
Theme Name: NewMedia-NET
Theme URI: http://www.newmedia-net.de/
Description: stylesheet newmedianet 0.2
Version: 0.2
Author: guido haak * chives - Büro für Webdesign Plus
Author URI: http://www.chives.de
*/

/* Farben */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*
	Grau #394142;
	Footergrau #627072;
	Leichtes Grau #d0d4d4;
	Interaktionsblau: #1583c0;
	Magenta: #da027f;

/* Allgmeine Tags */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

* {
		margin:0;
		padding:0;
}

html, body { 
		font-family: verdana, arial, helvetica, sans-serif;
		word-spacing: 1px;
		border: 0pt none ; 
 		height: 100%;
		background-color: #fff;
		background-image: url(../templates/images/bg_fake.jpg);
		background-repeat: repeat-x;
		color: #394142; 
     	text-align: center; /* Centering Hack IE 5, Mozilla*/
		padding: 0; 
		margin: 0; 
}

body, input, select, h1, h2, h3, h4, h5, h6  {
	font-family: verdana, arial, helvetica, sans-serif;
}

form {
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 120%;
}

a, a:visited {
    color: #1583c0;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #111;
    text-decoration: underline;
}

a:active {
    color: #000000;
    text-decoration: none !important;
}

hr {
    display: none;
}

div.divider  {
	margin: 1em 0 2.0em 0;
	padding: 0;
	background-image: url(../templates/images/divider.gif);
	background-repeat: no-repeat;
	width: 190px;
	height: 7px;
}

#content h1 {
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
	/* color: #1583c0; */
	margin: 0 0 16px 0;
}

/* Headlines */
.h1willkommen  { background-image: url(../images/h1_willkommen.gif); }

h2 {	
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px; 
}

h3	{
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

h4	{
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	font-style: italic;
	padding: 0px;
	margin: 0px;
}

p, dl {
   margin: 0 0 1.5em 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

abbr,
acronym {
	font-style: inherit;
	border-bottom: 1px dotted #394142;
	cursor: help;
}

/* Verweise */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

p a:link,
p a:visited {
	text-decoration: underline;
}

p a:hover {
	color: #111;
	text-decoration: none;
}

/* Fontsizing */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body  {
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
}

#content, #subnavi {
	font-size: 11px;
	line-height: 17px;
	text-align: left;
}

#tabs  {
	font-size: 11px!important;
	font-weight: bold;
}

#content ul, #content ol  {
	line-height: 17px;
}

/* Funktionslinks */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

p.fctlink, span.fctlink	{
	margin: 14px 0;
	line-height: 16px;
}

span.fctlink a, p.fctlink a,
span.fctlink a:visited, p.fctlink a:visited {
	text-decoration: none;
}

span.fctlink a:focus, p.fctlink a:focus,,
span.fctlink a:hover, p.fctlink a:hover {
	text-decoration: none;
}

span.fctlink a:active {
	text-decoration: none;
}

/* Hauptlayout */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#container {
	position: relative;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0;
} 

/* HEAD */

#headerblock  {
	width: 770px;
	height: 128px;
	background-image: url(../templates/images/bg_header.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
}

#sitelogo  {
   position: relative;
   left: 0;
   top: 0;
   width: 240px;
   height: 128px;
   background-color: transparent;
	float: left;
}

#langnav {
	width: auto;
   padding: 14px 22px;
   float: right;
   background-color: transparent;
}

#mainnavblock  {
	width: 770px;
	height: 27px;
	background-color: transparent;
	overflow: hidden;
}

#servicenavblock  {
	width: 770px;
	height: 29px;
	padding: 6px 0 0 0;
	text-align: right;
}

#servicenavblock p {
	padding: 10px 22px;
}

#wrapper  {
	background-color: transparent;
	width: 770px;
}

#left { background: transparent; height: 360px;  }
#content, #contentwide { background: transparent;  }
#content .padd { padding: 28px 50px 44px 10px  }
#marginal { background: transparent; }
#marginal .padd { padding: 31px 10px 44px 0  }
#left, #content, #contentwide, #marginal, #wrapper { overflow: hidden; display: inline-block; }
#left, #content, #contentwide, #marginal { float: left }
#left { width: 160px }
#content { width: 410px }
#contentwide { width: 0px }
#marginal { width: 200px }

#footerblock {
	width: 770px;
	clear: both;
	height: 62px;
	padding-top: 16px;
	border-top: 1px solid #da027f;
	text-align: left;
	position: relative;
	color: #627072;
}

#footerlogo  {
   position: relative;
   left: 0;
   top: 0;
   width: 160px;
   height: 38px;
	padding-bottom: 12px;
   background-color: transparent;
	float: left;
}

/* Listen */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

ul {
	list-style: none;
}

ol, ul {
	padding: 0;
   margin: 0;
}

#content ul, #marginal ul  { 
	padding: 0 0 8px 0px; 
	margin: 1em 0;
}

#content ol { 
	padding: 0 0 8px 0px; 
	margin: 1em 0;
}

#content ul li  {
    position: relative;
	 padding-left: 24px;
    margin-bottom: .4em;
    background-image: url(../templates/images/bullet.png);
    background-position: 1px .3em;
    background-repeat: no-repeat;
}

#marginal ul li  {
    position: relative;
	 padding-left: 24px;
    margin-bottom: .4em;
    background-image: url(../templates/images/bullet.png);
    background-position: 1px .1em;
    background-repeat: no-repeat;
}

#content ol {     
	margin-left: 24px;
	list-style-position: outside;
}

#content ol li  {
   margin-bottom: .2em;
}

/* Komponenten Marginalspalte */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#marginal h1 {
	font-size: 18px;
   margin: 0;
	padding: 0;
	font-weight: normal;
	letter-spacing: -1px;
}

#marginal h2  {
	font-size: 10px;
	word-spacing: 0px;
	letter-spacing: 0px;
	margin: 0 0 2px 0;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
}

.rightSubheader {
	margin: 0px 5px 14px 1px;
	letter-spacing: .05em;
	font-size: 10px;
	text-transform: uppercase;
}

#marginal a:link,
#marginal a:visited {
   color: #1583c0;
	font-weight: normal;
	background-color: transparent;
}

#marginal p a:link,
#marginal p a:visited,
#marginal h2 a:link,
#marginal h2 a:visited  {
	text-decoration: none;
}

#marginal h2 a:link,
#marginal h2 a:visited  {
	font-weight: bold;
	color: #627072;
}

#marginal a:hover,
#marginal a:focus,
#marginal a:active {
    color: #1396d4;
	 text-decoration: underline!important;
	 background-color: transparent;
}

#marginal h2 a:hover,
#marginal h2 a:focus,
#marginal h2 a:active {
	 color: #111;
	 text-decoration: underline;
	 background-color: transparent;
}

/* Main Navigation */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#tabs {
	float: left;
   width: 100%;
   background: transparent;
   line-height: normal;
	border-bottom: 0;
	overflow: hidden;
}

#tabs ul {
	margin: 0;
	padding: 5px 10px 0 0;
	list-style: none;
}

#tabs li {
   display: inline;
   margin: 0 8px 0 0;
   padding: 0;
}

#tabs a {
   float: left;
   margin: 0 8px 0 0;
   padding: 0 0 0 5px; /* Abstand zw. Tabs */
   text-decoration: none;
}

#tabs a:hover {
   float: left;
   background: url("../templates/images/tableft.gif") no-repeat 0% -42px;
   margin: 0 8px 0 0;
   padding: 0 0 0 5px;
   text-decoration: none;
}

#tabs a span {
   float: left;
   display: block;
   padding: 5px 18px 4px 6px;
   color: white;
}

#tabs a:hover span {
   float: left;
   display: block;
   background: url("../templates/images/tabright.gif") no-repeat 100% -42px;
   padding: 5px 18px 4px 6px;
   color: #1583c0;
}

#tabs a.selected {
   float: left;
   background: url("../templates/images/tableft.gif") no-repeat 0% -42px;
   margin: 0 8px 0 0;
   padding: 0 0 0 5px;
   text-decoration: none;
}

#tabs a span.selected {
   float: left;
   display: block;
   background: url("../templates/images/tabright.gif") no-repeat 100% -42px;
   padding: 5px 18px 4px 6px;
   color: #1583c0;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {
	float: none; 
}
/* End IE5-Mac hack */


/* Sub Navigation */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#subnavi {
	background-color: #fff;
	border-bottom: 1px solid #1583c0;
	padding: 0;
	margin: 71px 0 20px 0;
}

#left a, a:visited {
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

#left a:hover  { 
	color: #111;
}

#left a.open  {
	color: #111;
	font-weight: bold;
}

#left #subnavi ul li a, #left #subnavi ul li a:visited {
	display: block;
	border-top: 1px solid #1583c0;
	background-color: transparent;
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
}

#left #subnavi ul li a:hover { color: #111; background-color: transparent;  }
#left #subnavi ul li a.selected { font-weight: bold; color: #627072; background-color: transparent; }
#left #subnavi ul li a.selected:hover { color: #111; }

#left ul {
	list-style-type: none;
	margin: 0px 25px 0px 25px;
	padding: 0px;
} 

#left li {
	margin-bottom: 10px;
}

#left #subnavi ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
} 

#left #subnavi li{
	display: inline;
	margin: 0px;
	padding: 0px;
}

/* Language Navigation / Footer Navigation */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#langnav ul, #footerblock ul {
   display: inline; /* required by IE/Mac */
   line-height: 160%;
}

#servicenavblock ul {
   display: inline; /* required by IE/Mac */
   line-height: 160%;
}

#langnav ul li, #footerblock ul li {
   display: inline;
}

#servicenavblock ul li {
   display: inline;
   border-right: solid 1px #000;
   padding: 0 10px 0 10px;
}

#langnav li a:link,
#langnav li a:visited {
   /* color: none; */
	text-decoration: underline;
}

#footerblock li a:link,
#footerblock li a:visited {
	color: #627072!important;
	text-decoration: none;
}

#langnav li a:hover,
#footerblock li a:hover {
   color: #111!important;
}

#langnav li a:active {
    text-decoration: none;
}

/* Hilfe Styles */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.indent  {
	margin-left: 2em;
}

.rightalign {
   text-align: right!important;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.hide {
   position: absolute;
   left: -1000em;
   width: 500em;
   line-height: 0px;
}

.noprint {
   display: none;
}

.clearer {
	height: 0px;
   clear: left;
   overflow: hidden;
   font-size: 0px;
   line-height: 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */