@charset "UTF-8";

/*
	================================================================================
	|
	|	[ KONZEPTplus 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: #fff; /*#303030 ;*/
	font-size:	100.01%;
}

#wrapper
{
	width: 900px;
	height: 560px;
	margin: 0 auto;
	overflow: hidden;
    /*background: url(/layout/img/berlin-partner.png) top right no-repeat; */
}

a
{
	color: #90918E; /*#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/logo.png) center 12px no-repeat;
}
	#wrapper h1 a
	{
		margin: 0 auto;
		display: block;
		width: 231px;
		height: 100px; /*119px;*/
		text-decoration: none;
	}

		#wrapper h1 a span
		{
			visibility: hidden;
		}
		
#wrapper h2.header
{
    font-size: 13px;
    margin: 10px 0 0 0;
    padding: 0;
    color: #F6AE5C;
    text-align: center;
    font-weight: normal;
}

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

#wrapper .trenner
{
	background: url(/layout/img/trennlinie-ws.png) center no-repeat;
	height: 2px;
	line-height: 2px;
	margin: 13px 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: #000; /*#fff;*/
}

	#wrapper ul#navigation li
	{
		float: left;
		width: 127px;/*159px;*/
		position: relative;
	}
		#wrapper ul#navigation li a
		{
			display: block;
			color: #000; /*#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; 
			}

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

		#wrapper ul#navigation li ul a {
            border-left: 1px solid #fff; /*#303030;*/
        }

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

/* === [ Inhalt ] =========================================================================== */
#wrapper dl.startbild
{
	clear: left;
	color: #000; /*#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;
	}

#wrapper div.infoboxes
{
	clear: left;
	color: #000; /*#fff;*/
	width: 709px;
	height: 350px;
	margin: 0 auto;
	margin-top: 42px;
	text-align: left;
    display: block;        
}

    div.infoboxes div {
        display: block;
        text-align: left;
        background-color: #ADBADE;
        width: 170px;
        border: 2px solid #fff;
        float:right;
        margin: 0;
        margin-top: 10px;
        padding: 4px 0;
        clear: right;
    }
    
    div.infoboxes div h2, div.infoboxes div p {
        margin: 0px 10px 4px 20px !important;
        padding: 0 !important;
        text-align: left !important;
    }
    
    div.infoboxes div h2 {
		font-style: italic;
    }
    
    div.infoboxes div a {
        color: #000;
        text-decoration: underline !important;
    }
	
#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
{
	clear: left;
	width: 709px;
	padding: 0; /* 50px ... */
	padding-top: 20px;
	margin-left: 95px;
	float:left;
}


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

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

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

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

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

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

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

		#inhaltsbox ul li, #SiteMap ul li
		{
			line-height: 1.5;
		}
	
	#inhaltsbox a.pdficon {
        background: url(/layout/img/pdficon_small.gif) 0px 1px no-repeat;
        padding-left: 20px;
        line-height: 20px;
        display: block;
    }
    
    #inhaltsbox a.www {
        background: url(/layout/img/icon-www.gif) 0px 1px no-repeat;
        padding-left: 20px;
        line-height: 18px;
        display: block;
    }
    
    #inhaltsbox 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;
        }
        
		#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: #000; /*#fff;*/
		font-size: 0.6em;
		padding-left: 89px;
	}

	#footer p.prechts
	{
		float: right;
		text-align: right;
		padding: 0 97px 0 0;
		width: 105px;
	}
	
/* === [ 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;
}

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

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


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

form.contactform fieldset,
form.loginform 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.loginform {
    display: block;
}

form.loginform fieldset {
    display: block;
    float: none;
    height: auto;
    margin: 0 auto;
    margin-top: 100px;
    /*margin-left: 95px;*/
}

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

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

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

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

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

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

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

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

form.contactform fieldset input.submit,
form.loginform fieldset input.submit {
	margin: 0 0 5px 0;
	padding: 3px 5px;
	background: #fff; /*#303030; */
	border: 1px solid #90918E;
	font: bold 0.6em/16px verdana, sans-serif;
	color: #000; /*#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;
}

.orange {
    color: #F6AE5C !important; 
    font-weight: normal;
}