/* CSS Document */

html
{
height:100.1%;
}

/* Allgemeines */
div,p,h1,h2,h3,h4,form,input
{
margin:0;
padding:0;
}

img
{
border:none;
}

td
{
font-size:12px;
}

a
{
color:#3f3f3f;
text-decoration:none;
}

a:hover
{
color:#3f3f3f;
text-decoration:none;
}

a[href^="http:"] {
background: transparent url('../upload/layout/link_ext.jpg') no-repeat;
padding-left: 17px;
background-position:0px 2px;
}

ul
{
margin: 0.1em 0 1em 1.35em;
padding-left: 0.4em;
list-style-image:url('../upload/layout/li_bullet.jpg');
width:auto;
}

body
{
text-align:center;
width: 100%;
height: 100%;
font-size: 12px;
font-family:arial,helvetica,sans-serif;
margin:0px;
background-color:#f8f8f8;
padding:0px;
color:#000000;
}

#container
{
margin:4px auto;
text-align:left;
height:520px;
width:850px;
font-family:arial,helvetica,sans-serif;
font-size:12px;
color:#000000;
background-color:#fff;
}

#header
{
float:left;
width:850px;
height:auto;
background: #Dba866 url('../upload/layout/lay_bg_header.jpg') no-repeat top left;
}

#logo
{
float:left;
width:163px;
height:95px;
background-color:#d5d5d5;
}

#moodboards
{
float:left;
width:685px;
height:95px;
background-color:#FFFFFF;
border-left:2px solid #e9e9e9;
}

#moodboards { \width: 687px; }
#moodboards { w\idth: 685px; }

#mood1
{
	float:left;
	height:95px;
	width:180px;
}

#mood2
{
	float:left;
	height:95px;
	width:142px;
	border-left:1px solid #e9e9e9;
}

#mood2 { \width: 141px; }
#mood2 { w\idth: 142px; }

#mood3
{
	width:auto;
	float:left;
	height:95px;
	width:180px;
	border-left:1px solid #e9e9e9;
}

#mood3 { \width: 179px; }
#mood3 { w\idth: 180px; }

#mood4
{
	width:auto;
	float:left;
	height:95px;
	width:180px;
	border-left:1px solid #e9e9e9;
}

#mood4 { \width: 179px; }
#mood4 { w\idth: 180px; }

#bogen
{
float:left;
text-align:right;
width:850px;
height:46px;
margin-top:-46px;
background-color:transparent;
}

#contentContainer
{
float:left;
width:850px;
background-color:#FFF;
background-image:url('../upload/layout/lay_bg_content.jpg');
background-repeat:repeat-y;
}

#cContainer
{
float:left;
width:507px;
}

p#slogan
{
font-style:italic;
color:#003366;
text-align:center;
padding:14px 0px;
}

div#wn2	{ 
    position:relative; 
    width:412px; height:315px; 
    overflow:hidden;
    }

div#wn1
	{
	position:relative; 
	width:412px; height:60px;
overflow:hidden;
	}

div#scrollbar { 
  position:relative;
  width:16px; height:328px; 
  font-size:1px;  /* for image vertical alignment issue */
  }
div#track { 
  position:absolute; left:1px; top:16px;
  width:1px; height:296px;
  background: #003366;
  }
div#dragBar {
  position:absolute; left:1px; top:10px;
  width:10px; height:0px;
  background-color:#fff;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

img#hoch
{
margin-left:-8px;
display:inline;
}

img#runter
{
margin-left:-8px;
display:inline;
}

img#grafik
{
margin-left:-9px;
display:inline;
}

#scrollContent img
{
padding:0px 10px 0px 0px;	
}

#contentBereich
{
float:left;
width:407px;
height:370px;
padding:30px 25px 10px 25px;
line-height: 18px;
}

#contentBereich { \width: 457px; }
#contentBereich { w\idth: 407px; }

#contentBereich h1
{
font-size:14px;
color:#003366;
font-weight:normal;
font-style:italic;
margin-bottom:15px;
padding-bottom:5px;
border-bottom:1px dotted #003366;
}

#contentBereich img
{
border:none;
}

#contentBereich p
{
margin-bottom:10px;
line-height: 1.5em;
}

#contentBereich a
{
color:#003366;
text-decoration:none;
}

#contentBereich a:hover
{
color:#003366;
text-decoration:underline;
}

#newsContainer
{
float:left;
width:180px;
height:auto;
padding-top:5px;
}

#newsBereich
{
float:left;
width:180px;
height:auto;
padding:0px 0px;
}

#newsBereich { \width: 180px; }
#newsBereich { w\idth: 180px; }

#newsBereich a
{
color:#003366;
font-style:italic;
text-decoration:none;
}

#newsBereich a:hover
{
color:#003366;
}

#suche
{

}

#newsContainer h2
{
float:left;
width:180px;
color:#fff;
height:auto;
font-size:12px;
font-weight:bold;
padding:3px 0px 3px 0px;
text-align:center;
background-color:#e7b674;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
margin-bottom:15px;
margin-top:6px;
}

#newsBereich .news 
{
clear:both;
float:none;
padding:0px 10px;
}

#newsBereich .news img
{

}

#newsBereich .news h3
{
color:#003366;
margin-top:7px;
font-size:12px;
}

#newsBereich .news p
{
line-height:1.3em;
margin-bottom:11px;
padding:5px 0px;
color:#000000;
}

#footer
{
clear:both;
height:10px;
line-height:10px;
width:850px;
background-image:url('../upload/layout/lay_bg_content.jpg');
background-repeat:repeat-y;
border-bottom:1px solid #8c8c8c;
}

form, input
{
margin:0px;
padding:0px;
}

input
{
font-size:11px;
margin:0px;
padding:0px;
}

/* Standard-Userstyles */
.BildLinks
{
float:left;
margin:10px;
margin-top:4px;
margin-left:0px;
}

.BildRechts
{
float:right;
margin:10px;
margin-top:4px;
margin-right:0px;
}


.zwischenUeberschrift
{
font-size:14px;
color:#003366;
font-weight:normal;
margin-bottom:10px;
}

.zwischenUeberschriftKursiv
{
font-size:13px;
color:#003366;
font-weight:normal;
font-style:italic;
margin-bottom:10px;
}

.blaueSchrift
{
color:#003366;
}
