@charset "utf-8";

/* ==========================================
Stylesheet Website netmedia GmbH

Datei: default.css
Datum: 26. Maerz 2008
Autor: Ralf-Uwe Hirschmann

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
		4. Styles zum rechten Subdomain-Menue
        5. Styles zu TYPO3
========================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; }

/* ==================================
   2. Allgemeine Styles 
   =============================== */   

body {
	text-align : center;
	font-size : 11px;
	font-family : Verdana, Arial, SunSans-Regular, Sans-Serif;
	padding : 0px;
	margin : 0px;
	background-repeat : repeat-x; 
	background-color : #000000;
/*	overflow : hidden; */
}

p {
	padding : 5px 10px;
	margin : 0;
	font-size: 12px;
}

pre {
	font-size : 12px;
	padding : 5px 10px;
	margin : 0;
}

h1,
.csc-header,
.csc-textpicHeader {
	font-size : 11px;
	font-weight : bold;
	text-transform : uppercase;
	padding : 5px 10px;
	margin : 0 0 10px 0;
}

h2 {
	font-size : 11px;
	text-transform : uppercase;
	padding : 3px 10px;
	margin : 0px;
}

h3 {
	font-size : 11px;
	padding : 5px 15px;
	margin : 0px;
}

h4 {
	font-size : 7px;
	text-transform : uppercase;		
	padding : 1px 6px;
	margin : 0px;	
}

/* ================
   Hyperlinks    */  

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

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

a:active {
	color : #000000;
}

/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */   

/* ============================
   kompletter Websitebereich */  

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

/* =====================
   oberer Kopfbereich */  

#header {
	padding : 0px;
	margin : 0px;
}

#header1 {
	text-align : left;
	height : 50px;
	background : url(../images/netmedia.gif) no-repeat right;
	padding : 0px;
	margin : 0px;	
}

#header1 ul {
	margin : 0;
	padding : 30px 0 0 0;
}

#header2b li {
	display : inline; /* Listenelemente nebeneinander anordnen */
	list-style-type : none; /* keine Aufzhlungszeichen */
	padding-right : 10px;
}

#header2 {
	height : 150px;
	padding : 0px;
	margin : 0px;
}

#header2a {
	height : 150px;
	background-image : URL(../images/schimmer.png);
	background-repeat : no-repeat;
}

#header2b {
	position : relative;
	height : 150px;
	background-image : URL(../images/paper.png);
	background-repeat : no-repeat;
}

#header2b #breadcrumb {
	margin : 0 0 0 220px;
	padding : 130px 0 0 0;
}

/* ===============================
   kompletter mittlerer Bereich */  

#outer {  
	padding-left : 200px;
	padding-right : 200px;
	padding-top : 10px;
	background : url(../images/paper_bg.gif) repeat-y;
	overflow : hidden;
}

/* ============================
   innerer mittlerer Bereich */  

#inner {
	margin : 0px;
	width : 100%;
}

/* =================
   linker Bereich */  

#left {
	width : 195px;
	float : left;
	position : relative;
	margin-left : -200px;
	margin-right : 1px;	
	padding-left : 5px;
}

#left5 {
	margin-top : 10px;	
}

/* ==================
   rechter Bereich */  

#right {
	width : 200px;
	float : right;
	position : relative;
	margin-right : -200px;
	margin-left : 1px;
}

#right a:hover {
	color : #C2C2C2;
}

/* =================
   Inhaltsbereich */  

#content {
	position : relative;
	padding : 0 10px 10px 10px;	
}

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

#content ul li {
	padding : 0 0 3px 20px;
	background : url(../images/arrow_gray.gif) no-repeat 0px -1px;
	font-size : 12px;
}


#content1{ 
}
#content2{
}
#content3{
}

/* ==============
   Fussbereich */  

#footer {
	clear : left;
	padding : 0;
	margin : 0;
	text-align : left;
} 

#footer1 {
        background-image : url(../images/paper_bg.gif);
}
#footer2 {
        background-image : url(../images/paper_bg.gif);
}
#footer3 {
	text-align : center;
	height : 28px;
	background : url(../images/paper_fo.gif) no-repeat;
}

#footer4 {
}

#footer5 {
	color : #A7A7A7;
}

#footernavi {
	float: right;
	padding-right: 205px;
}

#footernavi a {
	color : #A7A7A7;
}

/* ==========================
   Seitentitel formatieren */  

#seitentitel {
	position : absolute;
	top : 130px;
	left : 15px;
	font-size : 12px;
	font-weight : bold;
}

/* =======================
   Loginbox formatieren */  

#loginbox {
	position : absolute;
	top : 65px;
	left : 15px;
}

#loginname,
#loginpassword {
	width: 90px;
	margin-bottom : 3px;
	font-size : 11px;
	border: 1px solid #EAEAEA;
}

#loginlabel {
	margin-right : 26px;
	font-weight : bold;
}

#passwordlabel,
#logoutname {
	font-weight : bold;
}

#loginbox button {
	border: none;
}

#logout {
	border: none;
	font-size : 10px;
	padding : 2px;
	margin-top : 5px;
	background : none;
	border: 1px solid #fff;
	color:#404040;
}

/* ===============================
   zentrale Suchbox formatieren */  

#searchbox {
	position : absolute;
	top : 122px;
	right : 35px;
}

#searchinput {
	width : 130px;
	border: 1px solid #EAEAEA;
	margin-right: 5px;
}

/* =====================================
   Link fuer Druckversion formatieren */  

#printlink {
	position : absolute;
	top : 10px;
	right : 10px;
}

#printlink a {
	padding-right: 5px;
}

/* =====================================
   4. Styles zum rechten Subdomain-Menue
   ================================== */

.subdomainMenu {
	margin : 10px 0;
	padding : 0;
	width : 200px;
	list-style : none;
	background : #000;
}
.subdomainMenu li {
	padding : 0;
	margin : 0;
	margin-left : 10px;
	margin-bottom : 0px;
	border-bottom : 2px solid white;
	height : 45px;
	list-style : none;
	background-repeat : no-repeat;
}
.subdomainMenu li a,
.subdomainMenu li a:visited {
	display : block;
	text-decoration : none;
	height : 45px;
	background-repeat : no-repeat;
	color : #fff;
}

.subdomainMenu li a:hover {
	color : #564b47;
}

#sd-blue {background : url(../images/menu_blue_a.jpg) no-repeat right;}
#sd-blue a {background : url(../images/menu_blue.gif) no-repeat right;}

#sd-green {background : url(../images/menu_green_a.jpg) no-repeat right;}
#sd-green a {background : url(../images/menu_green.gif) no-repeat right;}

#sd-orange {background : url(../images/menu_orange_a.jpg) no-repeat right;}
#sd-orange a {background : url(../images/menu_orange.gif) no-repeat right;}

#sd-yellow {background : url(../images/menu_yellow_a.jpg) no-repeat right;}
#sd-yellow a {background : url(../images/menu_yellow.gif) no-repeat right;}

#sd-violet {background : url(../images/menu_violet.gif) no-repeat right;}
#sd-violet a {background : url(../images/menu_violet.gif) no-repeat right;}

#sd-green a:hover, #sd-orange a:hover, #sd-yellow a:hover, #sd-blue a:hover, #sd-violet a:hover {
	background : none;
}

/* ==================================
   5. Styles zu TYPO3
   =============================== */

/* =======================
   Tabellen formatieren */  

TABLE.contenttable { 
	border : none;
	margin :5px 0px 5px 10px;
	width : 95%;
	color : #fff;
}
TABLE.contenttable TR TD {
	padding : 2px 5px 2px 5px;
	margin : 0px;
	border : 0px;
}

TABLE.contenttable TR TD P.bodytext { font-size:10px; }

TABLE.contenttable TR {
	background-color : #cecece;
	color : #666666;
}

TABLE .bodytext { margin: 0px; }

TABLE.contenttable .tr-0 {
	background-color : #7D7D7D;
	color : white;
}

TABLE.contenttable .tr-odd { background-color: #d9d9d9; }

/* ==============================
   Anmeldeformular formatieren */  

.loginbereich {
	position : relative;
	height : 100%;
	overflow : auto;
	border : none;
	padding : 0;
	margin-left : 10px;
	margin-top : 5px; 
}

.loginbereich #labelbox {
	float : left;
	margin-right : 10px;
	margin-bottom : 30px;
}

.loginbereich .labels {
	padding : 0;
	margin : 5px 0 10px 0;
}

.labels,
.loginbereich #labelbox label {
	display : block;
	cursor : pointer;
}

.loginbereich #inputs input,
.loginbereich #submit {
	border: 1px solid #EAEAEA;
	background-color : white;
	margin-bottom : 5px;
}


.loginbereich #inputs input:focus {
	background-color: #F0F0F0;
	color: #666666;
}

.loginbereich #submit {
	font-size : 12px;
	padding : 2px;
}

/* =======================================
   Clearing bei Floats im Contenbereich */  

.beideSpalten {
	position : relative;
	height : 100%;
	overflow : auto;
}

dl.csc-textpic-image {
	margin : 10px;
}

div.csc-textpic {
	margin : 0 10px;
}

div.csc-textpic-text p {
	padding : 5px 0;
}

/* ===============================
   spezielle Textformatierungen */  

.news-single-imgcaption,
dd.csc-textpic-caption {
	background-color: #E6E6E6;
	color: #564B47;
	padding: 0px;
	margin-bottom: 10px;
}

/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */