/* @override http://www2.sudamin-rohstoff.com/files/screen.css */

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



	Project		:	Redaxo Demo



	Copyright	:	blumbeet - web.studio

					www.blumbeet.com



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









/*	undo

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



:link,:visited { text-decoration:none; }

ul,ol  { list-style: none }

h1,h2,h3,h4,h5,h6,pre,code  { font-size: 1em; font-weight: normal }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }

img, a img,:link img,:visited img, fieldset { border:none }

img { margin:0; padding:0; vertical-align:bottom; }

address { font-style:normal }



table { margin:0 0 0 20px; border-spacing:0px; font-size:1em; text-align: center; width: 540px; border-collapse:collapse  }

tr { font-size: 11px; padding:0; margin:0; }

th { color: #000; font-weight: bold; background-color: #fff; }

tr.zeile1 { font-weight: bold; background-color: #c0c0c0; }

tr.zeile2 { color: #000; background-color: #c8e3c8; }

tr.zeile3 { color: #000; background-color: #fff; }

td { padding:0; margin:0; vertical-align:top; border-top: 1px solid #999; border-bottom: 1px solid #808080; border-spacing:0px; }





legend { display:none; }



body, div,p,li { background-repeat:no-repeat; }



/*	reset some basic style

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

dl			{margin: 0 0 0 0;}

dl dt		{margin: 0 0 0 0;}

dl dd+dt	{margin-top: 0;}

dl dd		{margin: 0 0 0 0;}



ol			{list-style: none;}

ol li		{margin: 0 0 0 0;}

ol li ol	{margin: 0 0 0 0;}

ol li ul	{margin: 0 0 0 0;}



p			{margin-bottom: 0em;}



ul			{list-style: none;}

ul li		{margin: 0 0 0 0;}

ul li ul	{margin: 0; list-style: none;}

ul li ol	{margin: 0 0 0 0;}



pre			{font-size:1.2em; }



a:hover { text-decoration:none; }



/*	html

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

html {

	min-height: 100%;

	margin-bottom: 1px;

}



/*	body

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

body   { font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #6f8e3c; text-align: center; voice-family: inherit  }

#container { text-align: center; margin-right: auto; margin-left: auto; width: 800px }

#inhalt  { background-color: white; background-image: url("main_bg.jpg"); background-repeat: repeat-y; text-align: center; margin: 50px auto auto; width: 800px; height: 400px }

.clearer {

	display:block;

	clear:both;

	line-height:0;

	height:1px;

	font-size:0;

	visibility:hidden;

}



.clear {

	clear:both;

}



.flLeft { float:left; }

.flRight { float:right; }



.warning { color:#f00; }





/*	website

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

#website  { color: #000; text-align: left; display: block; margin: 0; padding: 0; position: relative; width: 800px; float: left }



/*	header

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

#header   { background-color: white; margin: 0; padding: 0; position: relative; width: 800px; height: 130px ; z-index: 1; border-color: #c0c0c0 #606060 #690; border-style: solid; border-width: 1px; }



/*	logo / breadcrumb

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

#logo     { background-image: url("sudamin_logo.gif"); background-repeat: no-repeat; margin-left: 20px; position: relative; top: 20px; left: 0; width: 400px; float: left }



#logo a  { text-indent: -700em; display: block; position: relative; width: 300px; height: 100px }





#breadcrumb {

	position:absolute;

	bottom:9px;

	left:200px;

}



#breadcrumb a, 

#breadcrumb a:link {

	color:#000;

}



#breadcrumb a:hover {

	text-decoration:underline;

}



/*Sprachumschalter ************

*/

#sprache   { color: #9c3; font-size: 10px; font-weight: bold; line-height: 14px; text-align: left; text-transform: uppercase; margin-top: 53px; margin-right: 30px; position: relative; float: right }

#sprache a  { color: #9c0; text-decoration: none }

#sprache a:hover { text-decoration: underline }

/*	content

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





#content, #content2  { display: block; padding: 0; position: relative; clear: both ; }





/* hide from IE/MAC \*/

* html #content, * html #content2 {

	height:1px;

}

/* end hide */





#content   { background-color: #cfc; background-image: url(main_bg.jpg); background-repeat: repeat-y; background-position: 0 0; width: 100% ; border-right: 1px solid #606060; border-left: 1px solid #606060; }



#content2   { background-repeat: repeat-y; width: 100% }



#main  { position: inherit; width: 560px; float: left }



#main-block  { width: 560px; float: left }



#main-block2    { font-size: 12px; padding: 14px; float: left }

#main-block2 div.image { margin-bottom: 0; margin-left: 20px }

#main-block2 h6     { text-transform: uppercase; display: block; margin: 30px 0 35px 20px; padding: 25px 0; position: relative; top: 5px }

/*	Navigation vertical - 

	Wenn die Navigation mit der ID 3 verwendet wird, kann alles bis 

	zum n?chsten Kommentar gel?scht werden

------------------------------------------------------------------------------*/

.navigation { background-image: url(navi_bg.jpg); background-repeat: repeat-x; background-attachment: inherit; background-position: -1px -20px; position: relative; top: -1px; width: 200px; float: left; display: block; }

.navigation ul.nav1st { font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-transform: uppercase; text-indent: 15px; position: relative; }

.navigation ul.nav1st li { border-top: 1px dashed white; color: #fff; background-position: 0 0; position: relative; width: 200px; list-style-type: none; display: block; }

.navigation ul.nav1st li a { color: white; text-decoration: none; padding-top: 5px; padding-bottom: 5px; list-style-type: none; display: block; }

.navigation ul.nav1st a:hover  { color: #fff; background-color: #999; background-image: url(rollover.gif); background-position: 0 -4px ; }

.navigation ul.nav1st li a.active  { color: #fff; background-color: #606060; text-decoration: none   }

.navigation ul.nav2nd { text-indent: 30px; position: relative; }

.navigation ul.nav2nd li a { color: white; background-position: 0 0; list-style-type: none; display: block; padding: 5px 0; position: relative; }

.navigation ul.nav2nd li  { background-color: silver; background-image: inherit; background-position: 0 0  }

.navigation ul.nav1st a.current { background-color: #606060; background-image: url(rollover.gif); background-position: 0 -3px; }

/*	Navigation horizontal and vertical - 

	Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 

	zum n?chsten Kommentar gel?scht werden

------------------------------------------------------------------------------



#header-nav {

	position:absolute;

	bottom:30px;

	left:200px;

	width:560px;

	background:#fff;

}



#header-nav ul.nav1st {

}





#header-nav ul.nav1st li {

	display:block;

	float:left;

	padding:5px 7px 5px 7px;

}



#header-nav ul.nav1st li.active {

	background:#f7f7f7;

}



#header-nav ul.nav1st li.active a,

#header-nav ul.nav1st li.active a:link {

	color:#090;

}



#header-nav ul.nav1st a, 

#header-nav ul.nav1st a:link {

	color:#606060;

	font-size:1.2em;

	font-weight:bold;

}



#header-nav ul.nav1st a:hover {

	color:#090;

}





#navigation  { padding: 14px 0; width: 200px; float: left }



#navigation ul.nav2nd li  { font-size: 10px; font-weight: normal; margin-left: 14px; padding: 0 }



#navigation ul.nav2nd a, 

#navigation ul.nav2nd a:link {

	display:block;

	padding:4px 0 4px 0;

	color:#606060;

}



#navigation ul.nav2nd a.current, 

#navigation ul.nav2nd a.current:link, 

#navigation ul.nav2nd a:hover {

	color:#090;

	text-decoration:underline;

}

*/

/* sitemap ****************************************/

#main-block ul.sitemap1st a { color: #063; line-height: 25px; text-decoration: none; position: relative }

#main-block ul.sitemap1st a:hover { color: #000; line-height: 25px; text-decoration: underline; position: relative }

#main-block ul.sitemap2nd a { color: #063; text-decoration: none; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; position: relative; top: 5px }

/*	Headlines

------------------------------------------------------------------------------*/

/** Zweispaltiger Text

* @package Zweispalter

* @name ZS CSS

* @author ZFeN - sven@zfen.de - http://www.zfen.de

* @version 1.0

*/

#main-block2 .zweispalter { font-size: 12px; width: 570px }

#main-block2 .zweispalter_1 { width: 250px; float: left }

#main-block2 .zweispalter_2 { margin-left: 0; width: 320px }

#mainblock .zweispalter_1,  .zweispalter_2 { width: 200px; float: left }

.clboth { font-size: 0; line-height: 0; display: block; clear: both }

/* Headline 1 */

#main-block h1   { color: #666; font-size: 14px; font-family: verdana, sans-serif; font-weight: bold; line-height: 14px; text-transform: uppercase; margin-bottom: 30px; margin-left: 20px }



#main-block .teaser h1 {

	font-size:1.4em;

}



/* Headline 2 */

#main-block h2   { color: #666; font-size: 12px; font-family: verdana, sans-serif; font-weight: bold; line-height: 1.4em; margin-left: 20px }





/*	Paragraphs / Lists

------------------------------------------------------------------------------*/

#main-block p,

#main-block ul,

#main-block ol   { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.7em; margin-right: 20px; margin-bottom: 1.2em; margin-left: 20px }

#main-block ul li ul,

#main-block ul li ol,

#main-block ol li ol,

#main-block ol li ul   { font-size: 1em }



#main-block ul  { list-style: square url("greendot.gif"); margin-bottom: -5px; margin-left: 34px; position: relative; top: -10px }



#main-block ol {

	list-style-type:decimal-leading-zero;

}





/*	Hyperlinks

------------------------------------------------------------------------------*/

#main-block a, #main-block a:link {

	color:#090;

	text-decoration:underline;

}



#main-block a:hover {

	color:#000;

}







/*	Images

------------------------------------------------------------------------------*/

#main-block div.image {

	margin-bottom:0;

}

#main-block div.image p  { font-size: 0.9em; margin: 0 0 0 20px }

#main-block div.flLeft  { margin-right: 14px; margin-left: 20px }

#main-block div.flRight {

	margin-left:14px;

}





/*	footer

------------------------------------------------------------------------------*/

#footer  { background-image: url(footer_bg.gif); background-position: 0 0; display: block; position: inherit; width: 100%; float: left ; border-right: 1px solid #606060; border-left: 1px solid #606060; }

#footer2 {

	padding:0 14px;

}

#footer p  { color: #fff; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding: 9px 0 }



#footer p, #footer p a, #footer p a:link  { color: #fff }

#footer p a:hover {

	text-decoration:underline;

}



#footer .col-left  { width: 200px; float: left }

#footer .col-right {

	float:left;

}





/* form-module

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

#form-module * {

	padding:0px;

	margin:0px;

}



#form-module   { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #fff; margin: 0; padding: 0; width: 560px }



#form-module fieldset  { }



#form-module legend  { display: none }





#form-module p  { font-size: 1em; font-weight: bold; margin: 0; padding: 5px }



#form-module .element  { display: block; clear: both; border-top: 2px solid #fff }



#form-module label  { display: block; padding: 5px 0 5px 20px; width: 80px; float: left; border-right: 2px solid #fff }



#form-module label.checkbox  { position: relative; width: 350px; border-right: ; border-left: #fff }



#form-module input, 

#form-module select, 

#form-module textarea {

	float:left;

	margin:5px;

	width:295px;

	border:1px solid #333;

}



#form-module input.text {

	height:20px;

}



#form-module input.checkbox  { margin-top: -1px; margin-left: 20px; padding-top: 0; width: 15px; height: 15px; border: none }



#form-module input.submit  { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; text-align: center; cursor: pointer; margin: 5px 5px 5px 110px; padding: 2px 5px; border: solid 1px #333 }



#form-module input.submit:hover { 

	background-color:#f7f7f7;

	color:#000;

}



#form-module label.textarea, 

#form-module textarea.textarea {

	height:96px;

}



#form-module-thanks  { color: #666; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; display: block; margin-left: 20px; height: 250px }





/* download

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

#main-block .download-hdl p, 

#main-block .download-file p, 

#main-block .download-desc p   { margin: 0 20px }

#main-block .download-hdl p  { color: #393; font-weight: bold }



#main-block .download-file  { }



#main-block .download-desc  { background-color: #ccc; margin-bottom: 1.2em; padding: 1.2em 7px }



#main-block .download-without-desc  { margin-right: 30px; margin-bottom: 1.2em; margin-left: 15px; border-bottom: 1px solid #ccc }



/* Gerenderte Headline

**************************

* Hinweis:

* Zur Installation einfach Input und Output-Modul erstellen*******/



{

	.renderhead {

		display: block;

	}

	.renderhead span { 

		display: none;

	}

	.renderhead img   { margin: 12px; padding: 25px; position: relative; width: 600px }

.schrift { display: none }

/*Button******************

*/

#button {

	font-size:1em;

	font-weight:bold;

	font-family:arial, verdana, helvetica, sans-serif;

	color:#C04040;

	border: 0;

	background:#fff;

	text-decoration:none;

}