@charset "UTF-8";

/*
	================================================================================
	|
	|	[ Remtec Main CSS ]
	|	=======================================
	|	$ver:	1.0 initial release
	|	$date:	2005/12/09
	|
	|	changelog (++ neu hinzugefügt | ** geändert || -- entfernt):
	|
	|		++ Erste Version							(2005/12/09)
	|
	================================================================================
	|	Copyright (c) DevShack - All rights reserved.
	|	http://www.devshack.biz/ - bojic@devshack.biz
	================================================================================
*/

/* === [ Generelles ] =========================================================================== */
/* Alle Abstände und Ränder global auf 0 setzen, Schrift definieren */
*
{
	border:		0 none;
	padding:	0;
	margin:		0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

html, body
{
	background-color: #070F1C;
	font-size:	100.01%;
}

#wrapper
{
	width: 900px;
	height: 560px;
	margin: 0 auto;
	overflow: hidden;
}

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

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

a.aktiv
{
	color: #F6AE5C;
}

.rechts
{
	float: right;
}

/* === [ Logo ] =========================================================================== */
#wrapper h1
{
	margin-top: 10px;
	font-size: 1px;
	background: url(/layout/img/remtec_logo.png) center no-repeat;
}
	#wrapper h1 a
	{
		margin: 0 auto;
		display: block;
		width: 231px;
		height: 119px;
		text-decoration: none;
	}

		#wrapper h1 a span
		{
			visibility: hidden;
		}

/* === [ Trenner, Navigation ] =========================================================================== */

#wrapper .trenner
{
	background: url(/layout/img/trennlinie.png) center no-repeat;
	height: 2px;
	line-height: 2px;
	margin: 20px 0 10px 0;
}

    #wrapper .trenner hr
	{
		display: none;
	}
	
#wrapper ul#navigation
{
	padding-left: 95px;
	width: 825px;
	list-style-type: none;
	font-size: 0.6em;
	color: #fff;
}

	#wrapper ul#navigation li
	{
		float: left;
		width: 159px;
		position: relative;
	}
		#wrapper ul#navigation li a
		{
			display: block;
			color: #fff;
			text-decoration: none;
			border-left: 1px solid #90918E;
			padding: 0 5px;
		}

			#wrapper ul#navigation li a:hover
			{
				color: #F6AE5C; 
				border-left: 1px solid #F6AE5C;
			}

			#wrapper ul#navigation li a.act
			{
				color: #F6AE5C; 
			}
			
			#wrapper ul#navigation li a.actual
			{
                color: #FBD1A1;
			}

	/* 2. Ebene */
	#wrapper ul#navigation li ul
	{
		padding: 5px 0 5px 10px;
		display: none;
		list-style-type: none;
		position: absolute;
		z-index: 100;
		top: 1.1em;
		left: 0;
		background-color: #070F1C;
		border: 1px solid #90918E; /*90918E*/
		border-top: 0;
	}
		#wrapper ul#navigation li ul li
		{
			width: 148px;
			line-height: 1.5;
		}

		#wrapper ul#navigation li ul a {
            border-left: 1px solid #000;
        }

	#wrapper ul#navigation li:hover ul,
	#wrapper ul#navigation li.over ul
	{
		display: block;
	}

/* === [ Inhalt ] =========================================================================== */
#wrapper dl.startbild
{
	clear: left;
	color: #fff;
	font-size: 0.6em;
	width: 709px;
	margin: 0 auto;
	padding-top: 20px;
}

	#wrapper dl.startbild dt img
	{
		display: block;
	}

	#wrapper dl.startbild dd
	{
		text-align: center;
		background-color: #16253A;
		line-height: 1.8;
	}

#galeriewrapper {
    padding-top: 32px;
}

#wrapper dl.galerieuebersicht
{
	clear: left;
	padding: 0px 0 0 96px;
}

	#wrapper dl.galerieuebersicht dt
	{
		float: left;
		width: 236px;
		height: 175px;
		padding: 0;
		margin: 0;	
	}
	
	#wrapper dl.galerieuebersicht dt#bildnr1 img,
	#wrapper dl.galerieuebersicht dt#bildnr4 img {
        padding-right: 5px;
    }
    
    #wrapper dl.galerieuebersicht dt#bildnr2 img,
    #wrapper dl.galerieuebersicht dt#bildnr5 img {
        padding-left: 2px;    
    }
	
    #wrapper dl.galerieuebersicht dt#bildnr4 img,
    #wrapper dl.galerieuebersicht dt#bildnr5 img,
    #wrapper dl.galerieuebersicht dt#bildnr6 img {
        padding-top: 3px;
    }
    
    #wrapper dl.galerieuebersicht dt#bildnr3 img,
    #wrapper dl.galerieuebersicht dt#bildnr6 img {
        padding-left: 5px;
    }
	
	#wrapper dl.galerieuebersicht dt img
	{
		width: 231px;
		height: 172px;
		display: block;
	}
	

#wrapper #inhaltsbox, #wrapper #vid
{
	clear: left;
	width: 709px;
	padding: 0; /* 50px ... */
	padding-top: 20px;
	margin-left: 95px;
	float:left;
}

#wrapper #vid {
	display: none;
}

#projektpopups #inhaltsbox, #projektpopups #vid {
    width: 658px;
    clear: none;
	float: left;
	padding-top: 0;
	margin-left: 0px !important;
}

#projektpopups #inhaltsbox .smalinhaltsbox, #projektpopups #vid .smalinhaltsbox {
    width: 607px;
}

	#wrapper #inhaltsbox a, #wrapper #vid a
	{
		text-decoration: underline;
	}

	#wrapper h2
	{
		font-size: 0.6em;
		color: #fff;
		padding: 20px 0 1em 20px;
	}

	#wrapper p 
	{
		font-size: 0.6em;
		line-height: 1.5;
		color: #fff;
		padding: 0 20px 1em 20px;
		text-align:justify;
	}
	
	#wrapper p.first {
	   padding-top: 20px;
	}
	
	#inhaltsbox table, #vid table {
	    font-size: 0.6em;
		line-height: 1.5;
		color: #fff;	
		margin: 0 20px 1em 20px;
		border-collapse: collapse;
	}
	
	#inhaltsbox table td, #vid table td {
	   padding-right: 14px;
	}	

	#inhaltsbox img.crechts, #vid img.crechts {
	   float: right;
	   padding-left: 20px;
	}

	#inhaltsbox ul, #SiteMap ul, #vid ul
	{
		font-size: 0.6em;
		color: #fff;
		padding: 0 0 1em 40px;
	}

		#inhaltsbox ul li, #SiteMap ul li, #vid ul li
		{
			line-height: 1.5;
		}
	
	a.pdficon  {
        background: url(/layout/img/pdficon_small.gif) 0px 1px no-repeat;
        padding-left: 20px;
        line-height: 20px;
        display: block;
    }
    
    a.www {
        background: url(/layout/img/icon-www.gif) 0px 1px no-repeat;
        padding-left: 20px;
        line-height: 18px;
        display: block;
    }
    
    a.film {
        background: url(/layout/img/icon-film.gif) 0px 1px no-repeat;
        padding-left: 20px;
        line-height: 18px;
        display: block;
    }
    
#wrapper #projektpopups
{
	clear: left;
	padding: 19px 0 0 96px;	
}

	#wrapper #projektpopups ul
	{
		width: 45px;
		padding: 0 6px 0 0;
		float: left;
		list-style-type: none;
	}
        #wrapper #projektpopups ul li {
            height: 45px;
            margin-bottom: 6px;
        }
        
		*+html #wrapper #projektpopups ul li
		{
			height: 45px;
			margin-bottom: 3px;
			padding: 0 !important;
		}
		
		
		#wrapper #projektpopups ul li a
		{
			display: block;
			width: 45px;
			height: 45px;
			text-decoration: none;
			background-repeat: no-repeat;
		}
		
		#wrapper #projektpopups ul li a img
		{
		    width: 45px;
		    width: 45px;
		}

    #placeholder {
        background-position: center;
        background-repeat: no-repeat;       
        float:left; 
        width: 658px;
        height: 350px;
    }


/* === [ Footer ] =========================================================================== */

#footer
{
	clear: left;
	width: 900px;
	margin: 0 auto;
}

	#footer p
	{
		width: 200px;
		color: #fff;
		font-size: 0.6em;
		padding-left: 89px;
	}

	#footer p.prechts
	{
		float: right;
		text-align: right;
		padding: 0 97px 0 0;
		width: 60px;
	}
	
/* === [ Breadcrumb ] ========================================================================= */
	
ul#breadcrumb {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	color: #90918E;
	font-size: 0.6em;
	padding-left: 95px;
}

ul#breadcrumb li {
	float: left;
}

ul#breadcrumb li:after {
	color: #90918E;
	content: "»";
	float: left;
}

ul#breadcrumb li.noslash:after {
	content: "";
}

ul#breadcrumb li a {
	display: block; 
	float: left;
	color: #90918E;
	padding: 0 5px;
	text-decoration: none;
	white-space:nowrap;
}

ul#breadcrumb a:hover {
	text-decoration: underline;
	color: #fff;
}

ul#breadcrumb li em {
	display: block; 
	float: left;
	padding-left: 5px;
	font-weight: normal;
	white-space:nowrap;
}


/* === [ Kontaktformular ] ========================================================================= */
form.contactform {
	display: inline;
}

form.contactform fieldset {
	display: inline;
	width: 262px;
	height: 334px;
	margin-right: 96px;
	margin-top: 14px;
	padding: 10px;
	border: 1px solid #90918E;
	float: right;
	text-align: left;
}

form.contactform fieldset p {
	text-align:left !important;
	padding-left: 0 !important;
}

form.contactform fieldset legend {
	font: bold .6em verdana, sans-serif;
	color: #fff;
}

form.contactform fieldset label {
	width: 68px;
	margin-bottom: 2px;
	display: block;
	float: left;
	font: .6em/16px verdana, sans-serif;
	color: #fff;
}

form.contactform fieldset label:before {
	clear: left;
	display:block;
	height:0;
	content: ".";
	visibility: hidden;
}

form.contactform fieldset input.input, form.contactform fieldset textarea {
	width: 180px;
	margin-bottom: 5px;
	padding-left: 3px;
	border: 1px solid #90918E;
	font: .6em verdana, sans-serif;
	color: #fff;
	background: #000;
}

form.contactform fieldset input.input { 
	height: 16px;
	line-height: 16px;
}

form.contactform fieldset textarea {
	height: 150px;
	padding-top: 3px;
	overflow: auto;
}

form.contactform fieldset input.input:focus, 
form.contactform fieldset textarea:focus {
	border: 1px solid #F6AE5C;
}

form.contactform fieldset input.submit {
	margin: 0 0 5px 0;
	padding: 3px 5px;
	background: #000; 
	border: 1px solid #90918E;
	font: bold 0.6em/16px verdana, sans-serif;
	color: #fff;
	text-align:center;
}

input.required, input.inperror, textarea.required, textarea.inperror {
	border: 1px solid #F6AE5C !important;
}
	
label.required, label.inperror, label span.required, label span.inperror {
	color: #F6AE5C !important;
}



/* 
 Site Map
 */
#SiteMap 
{
	clear: left;
	width: 709px;
	padding: 0; /* 50px ... */
	padding-top: 20px;
	margin-left: 48px;
    padding-left: 48px;
	float:left;
}

#SiteMap ul {
    display: block;
    height: 330px;
    padding: 0;
}

#SiteMap ul li {
    width: 158px;
    margin-right: 6px;
}


#SiteMap ul li a
{
	display: block;
	color: #fff;
	text-decoration: none;
	border: 1px solid #90918E;
	padding: 0 5px;
}


#SiteMap ul ul {
    font-size: 1em !important;
    height: auto;
    margin-left: 10px;
}

#SiteMap ul li ul li {
    width: 128px;
}

#SiteMap ul ul a {
    border: 0;
}

ul.smlevel0 li {
    display: block;
    float:left;
    width: 100px;
}