/********************************************** 
		ALLGEMEINE ANWEISUNGEN 
**********************************************/
body {
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	height:auto;
	
	font-family: Lucida Sans Unicode, Lucida Grande, "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #58585a; font-size: 11px; line-height: 16px;
	
	background-color: #FFFFFF;
	
	/* scrollbalken für IE */
  	scrollbar-base-color:#000000; 
  	scrollbar-3dlight-color:#990D09; 
  	scrollbar-arrow-color:#990D09; 
  	scrollbar-darkshadow-color:#990D09; 
	scrollbar-face-color:#000000; 
	scrollbar-highlight-color:#000000; 
	scrollbar-shadow-color:#000000; 
	scrollbar-track-color:#000000;
}

a img
{ 
	border: none; 
	background: none;
}

/********************************************** 
		ROUND-ABOUT-BOX 
**********************************************/
#box {
	height: auto; 
	width: 900px;		
	margin: auto;
	padding: 0px;
	text-align: left;
}

/********************************************** 
		KOPFBEREICH 
**********************************************/
#head
{
	position: relative; 
	left: 0px; 
	top: 0px; 
	height: 290px;
	width: 900px;
}

/*** LOGOSTREIFEN ***/
#mellow_stripe 
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	height: 30px; 
	width: 900px;
}

/*** LINK ZUM REDTOOL ***/
#redTool
{
	position: absolute; 
	top: 0px; 
	left: 865px; 
	width: 35px;
}

/*** LINK ZUR STARTSEITE ***/
#home_btn
{
	position: absolute; 
	top: 6px; 
	left: 7px; 
	width: 177px;
	height: 22px;
}

/* ++++++++++++++++++++++++++++++++++++++++++ 
		MOTIVBILDER
+++++++++++++++++++++++++++++++++++++++++++++ */
#motiv 
{ 
	position: absolute; 
	top: 40px; 
	left: 0px; 
	height: 200px; 
	width: 900px; 
}

/* ++++++++++++++++++++++++++++++++++++++++++ 
		HAUPTNAVIGATION
		die einzelnen NaviPunkte sind in 
		styles_de.css bzw. styles_en.css
+++++++++++++++++++++++++++++++++++++++++++++ */
#topnav 
{ position: absolute; top: 250px; left: 0px; height: 34px; width: 900px; margin: 0; padding: 0; }

#top { position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; display: block; }
#top a { height: 19px; display: block; }
#top li { 
	list-style: none;
	margin-right: 10px;
	float: left;
}

/********************************************** 
		INHALT -> Position & Schrift
**********************************************/
#content
{
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 900px; 
	min-height: 320px;
	height: 100%;
	padding-bottom: 10px;
	background: url(../img/styles/B6B1AC_line.gif) left bottom repeat-x;
}

/*** LINKS ***/
#content a.noBG {
	background-color: transparent;
}

#content a
{  
	color: #FFFFFF;
	background-color: #B6B1AC;
	text-decoration: none;
	
}

/*** LINKS onmouseover ***/
#content a:hover
{ 
	color: #58585a;
}

/*** THUMBNAILS ohne Rahmen darstellen ***/
a img
{ 
	border: none; 
	background-color: transparent;
}

.font_important
{ 
	text-decoration: none; 
	color: #E32219; 
}

.alert {
	font-weight: bold;
}

h1 {
	color: #E32219; 
	font-size: 15px; 
	font-weight: bold;
	margin-top: 0px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0 0 0;
}

h3 {
	font-weight: bold;
	font-size: 11px;
	padding: 0px;
	margin: 0;
	float: left;
}

p {
	margin-top: 8px;
}

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

/* ++++++++++++++++++++++++++++++++++++++++++ 
		UNTERNAVIGATION
		die einzelnen NaviPunkte sind in 
		styles_de.css bzw. styles_en.css
+++++++++++++++++++++++++++++++++++++++++++++ */
#subnav, #subsubnav { 
	padding: 0px; list-style: none;
	margin: 0px;
}

#sub { width: 150px; margin-bottom: 5px; }

#sub a { text-transform: uppercase; text-decoration: none; height: 15px; background-color: transparent; }

#subsubnav { 
	padding-left: 20px; 
	list-style: none;
	margin-top: 3px;
}

#subsub { margin-bottom: 3px; height: 14px; }
.first { margin-top: 5px; }

/* ------------------------------------------ 
		2-SPALTIG - TEXTE 
		(1.Spalte Text, 2.Spalte Bilder)
--------------------------------------------- */
#col2-hl {
	float: left;
	width: 900px; 
	height: 20px; 
	margin: 10px 0 10px 0;
}

#col2-1
{ 
	/*position: absolute; */
	width: 600px; 
	height: auto;
	line-height: 16px; 
	float: left;
	margin-bottom: 10px;
}

#col2-2
{ 
	/*position: absolute; */
	width: 260px; 
	height: auto;
	float: right;
}

#col2-2 p {
	margin-top: 5px;
}

/* ------------------------------------------ 
		3-SPALTIG - TEXTE 
		(1.Spalte Navi, 2.Spalte Text, 3.Spalte Bilder)
--------------------------------------------- */

#col3-1 { 
	float: left;
	margin: 10px 10px 10px 0;  
	width: 150px; 
	min-height: 400px;
}

#col3-hl { 
	float: left; 
	width: 740px; 
	height: 20px; 
	margin: 10px 0 0 0;
}

#col3-2 { 
	float: left;
	margin: 0 10px 10px 0;  
	width: 480px; 
	height: auto;
}

#col3-2 p {
	text-align: left;
}

#col3-3 {
	float: right;
	text-align: right; 
	width: auto; 
	margin-bottom: 10px;
	height: auto;
	padding-top: 10px;
}

#col3-3 .thumbnails {
	text-align: right;
}

#col3-3 .thumbnails ul li {
	margin-bottom: 3px;
	_margin-bottom: 0px; /*nur fuer IE*/
	height: 78px;
}

#col3-3 .thumbnails a {
	margin-left: 3px;
	background: none;
	width: 78px;
	height: 78px;
}



#col3-2UND3 { 
	float: left;
	margin: 0 10px 10px 0;  
	width: 674px; 
	height: auto;
}

#column_3_2_form
{ 
	position: absolute; 
	top: 40px; 
	left: 590px; 
	width: 310px; 
	height: 370px; 
	overflow: auto; 
}




/* ------------------------------------------ 
		ERGEBNISSE-LINK
--------------------------------------------- */
#column_3_2_afterResults
{ 
	position: absolute; 
	top: 85px; 
	left: 590px; 
	width: 280px; 
	height: 285px; 
	overflow: auto; 
} 

#column_3_2_resultsLink
{ 
	position: absolute; 
	top: 45px; 
	left: 590px; 
	width: 280px; 
	height: 20px; 
	text-align: left;
}

/* ++++++++++++++++++++++++++++++++++++++++++ 
		NEWS
+++++++++++++++++++++++++++++++++++++++++++++ */
#news li {
	margin-bottom: 30px;
	height: auto;
}

#news li.last {
	margin-bottom: 10px;
}

#news li .newsPic {
	float: left;
	width: auto;
	height: auto;
	border: 1px solid #B6B1AC;
}

#news li .newsText {
	margin-left: 10px;
	height: auto;
	min-height: 105px;
}

#news li .newsText h3 {
	color: #B6B1AC !important;
}

/* ++++++++++++++++++++++++++++++++++++++++++ 
		LISTEN, z.B. TEAM
+++++++++++++++++++++++++++++++++++++++++++++ */
#list li {
	margin-bottom: 30px;
	height: auto;
	width: 355px;
}

#list li.last {
	margin-bottom: 10px;
}

#list li .listPic {
	float: left;
	width: 81px;
	height: 45px;
}

#list li .teamPic {
	float: left;
	width: 78px;
	height: 78px;
}

#list li .listPic a, #list li .teamPic a {
	background-color: transparent;	
}

#list li .listText {
	margin-left: 91px;
	width: auto;
	min-height: 45px;
}

#list li .teamText {
	margin-left: 88px;
	width: auto;
	min-height: 78px;
}

#list li .teamText p, #list li .listText p {
	margin-top: 0px;
}

#downloads, #partner {
	margin-bottom: 20px;
}

#downloads li.headline {
	margin-top: 8px;
	font-weight: bold;	
}

#downloads li {
	height: 19px;
	display: block;
}

#partner li {
	margin-bottom: 3px;	
}

#downloads li a, #partner li a {
	background-color: transparent;	
	color: #58585A;
}

/* ++++++++++++++++++++++++++++++++++++++++++ 
		DETAILS
+++++++++++++++++++++++++++++++++++++++++++++ */

/**** überschrift ****/
#detail_headline
{
	position: absolute; 
	top: 0px; 
	left: 465px; 
	width: 400px; 
	height: 30px;
	
	color: #E32219; 
	font-size: 15px; 
	font-weight: bold;
}

/**** text ****/
#detail_text
{ 
	position: absolute; 
	top: 40px; 
	left: 465px; 
	width: 400px; 
	height: 235px; 
	overflow: auto; 
}

#detailsBack
{ 
	position: absolute; 
	top: 370px; 
	left: 465px;
	width: 200px; 
	height: 15px; 
}

/*** Hoch- & Querformat ***/
#pics_details
{ 
	position: absolute; 
	top: 70px; 
	left: 30px; 
	width: 240px; 
	height: 330px; 
}

#pics_details_numbers
{ 
	position: absolute; 
	top: 370px; 
	left: 30px; 
	width: 380px; 
	height: 20px; 
}

#details_previews
{
	position: absolute; 
	top: 0px; 
	left: 30px; 
	width: 360px; 
	height: 60px;
}

/* ------------------------------------------ 
		PARTNER, EVENTS ARCHIV, PRESSECLIPPINGS
		3spaltig (z.B. mit einem Jahr als Überschrift)
--------------------------------------------- */
/* 1.Spalte links */
#list_col1
{ 
	position: absolute; 
	top: 45px; 
	left: 30px; 
	width: 250px; 
	height: 325px; 
	overflow: auto; 
}

/* 1.Spalte links Überschrift */
#list_col1_headline
{
	position: absolute; 
	top: 10px; 
	left: 30px; 
	width: 270px; 
	height: 30px;
	
	color: #E32219; 
	font-size: 16px; 
	font-weight: bold;
}

/* 2.Spalte mitte */
#list_col2
{ 
	position: absolute; 
	top: 45px; 
	left: 305px; 
	width: 250px; 
	height: 325px; 
	overflow: auto; 
}

/* 2.Spalte mitte Überschrift */
#list_col2_headline
{
	position: absolute; 
	top: 10px; 
	left: 305px;
	width: 270px; 
	height: 30px;
	
	color: #E32219; 
	font-size: 16px; 
	font-weight: bold;
}

/* 3.Spalte rechts */
#list_col3
{ 
	position: absolute; 
	top: 45px; 
	left: 590px; 
	width: 250px; 
	height: 325px; 
	overflow: auto; 
}

/* 3.Spalte rechts Überschrift */
#list_col3_headline
{
	position: absolute; 
	top: 10px; 
	left: 590px; 
	width: 250px; 
	height: 30px;
	
	color: #E32219; 
	font-size: 16px; 
	font-weight: bold;
}

/* Sternchen in Jahresüberschriften */
#years_stars
{
	position: absolute; 
	top: 4px; 
	left: 51px; 
	width: 197px; 
	height: 30px;
	background: url(../img/stern.jpg) repeat-x;
}

/* Sternchen ohne Überschriften */
#list_col2_stars
{
	position: absolute; 
	top: 4px; 
	left: 0px; 
	width: 254px; 
	height: 30px;
	background: url(../img/stern.jpg) repeat-x;
}

/* Sternchen ohne Überschriften */
#list_col3_stars
{
	position: absolute; 
	top: 4px; 
	left: 0px; 
	width: 276px; 
	height: 30px;
	background: url(../img/stern.jpg) repeat-x;
}

/* Button nächste Seite */
#next_page
{ 
	position: absolute; 
	top: 375px; 
	right: 30px; 
	width: 18px; 
	height: 15px; 
}

#next_page_title
{ 
	position: absolute; 
	top: 375px; 
	right: 60px; 
	width: 200px; 
	height: 15px; 
	text-align: right;
}

/* Button vorherige Seite */
#prev_page
{ 
	position: absolute; 
	top: 375px; 
	left: 30px; 
	width: 18px; 
	height: 15px; 
}

#prev_page_title
{ 
	position: absolute; 
	top: 375px; 
	left: 60px; 
	width: 200px; 
	height: 15px; 
}

/* ------------------------------------------ 
		GALERIE
--------------------------------------------- */
#thumbnails
{
	position: absolute; 
	top: 10px; 
	/*left: 30px; */
	left: 590px;
	width: 360px; 
	height: 360px;
}

#thumbnails .row_1
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 360px; 
	height: 60px;
}

#thumbnails .row_2
{
	position: absolute; 
	top: 73px; 
	left: 0px; 
	width: 360px; 
	height: 60px;
}

#thumbnails .row_3
{
	position: absolute; 
	top: 146px; 
	left: 0px; 
	width: 360px; 
	height: 60px;
}

#thumbnails .row_4
{
	position: absolute; 
	top: 219px; 
	left: 0px; 
	width: 360px; 
	height: 60px;
}

#thumbnails .row_5
{
	position: absolute; 
	top: 293px; 
	left: 0px; 
	width: 360px; 
	height: 60px;
}

#thumbnails_numbers
{ 
	position: absolute; 
	top: 355px; 
	left: 0px; 
	width: 285px; 
	height: 20px; 
	text-align: right;
}

#thumbnails .row_1 a:hover, #thumbnails .row_1 a.active,
#thumbnails .row_2 a:hover, #thumbnails .row_2 a.active,
#thumbnails .row_3 a:hover, #thumbnails .row_3 a.active,
#thumbnails .row_4 a:hover, #thumbnails .row_4 a.active,
#thumbnails .row_5 a:hover, #thumbnails .row_5 a.active
{
	opacity: .30;
	filter:alpha(opacity=30); /*für IE*/
	-moz-opacity:0.3; /*Mozilla*/	
}

#galerie_pic
{
	position: absolute; 
	top: 10px; 
	/*left: 340px; */
	left: 30px;
	width: 530px; 
	height: 354px;
	background-color: #000000;
}

#galerie_pic_numbers
{
	position: absolute; 
	top: 355px; 
	left: 0px; 
	width: 600px; 
	height: 13px;
	font-size: 12px; 
	line-height: 12px; 
	vertical-align: text-top;
}

/********************************************** 
		METANAVIGATION -> Position & Schrift -> brauche ich!!!!!!
**********************************************/
#bottom
{
	position: relative; 
	top: 10px; 
	left: 0px; 
	width: 900px; 
	height: 26px;
}


#bottom_impressum a, #bottom_english a, .meta a {
	text-indent: -9999px;
	float: left;
}

#bottom_english
{
	position: absolute; 
	top: 0px; 
	right: 0px;
	font-size: 10px; 
	color: #000000;
}

#bottom_impressum
{
	position: absolute; 
	top: 0px; 
	left: 0px;
	font-size: 10px; 
	color: #000000;
}