/************/
/*  GLOBAL  */
/************/


/* --- Farbvariablen

DGINA-rot: #531414
Grauwert: #333

--- Ende der Farbvariablen */



*{padding:0;margin:0;}

html,body{height:100%;width:100%;margin:0;padding:0;} 

body{
	color:#333;
	font-family:verdana,'Trebuchet MS',sans-serif;
	background:url('img/bg_body.jpg') #000 bottom center no-repeat fixed;
	font-size:14px;
	}
	
#container{
	width:80%;
	margin:0px auto 0 auto;	/*zentrierte Ausrichtung des Containers */
	padding:0 0 0px 0;
	background: 0 0 repeat-y;
	min-height:100%;
	height:auto !important;
	height:100%;
	}
	
a:focus{outline:none;} /*verhindert gepunkteten Rahmen um Links */


/******************/
/*  LEFT COLUMN  */
/******************/

#left{
	/*clear:both;*/
	margin-top:10px;
	margin-left:10px;
	width:680px;
	display:inline; /*Fix IE floating margin bug*/
	float:left;
	}

#left #content{
	clear:both;
	padding-top:10px;
	font-size:12px;
	letter-spacing:0.01em;
	word-spacing:0.2em;
	line-height:1.5em;
	color:#533f2a;
	width:175px;
	}


img.cube{
	margin:0 0 5px 0px;
	border:#533f2a solid 1px;
	width:50px;	
	height:35px;
	}

#tabs {position: absolute; top: 15px; right: 15px;}

#tabs img{
	width:75px;	
	height:75px;
	border: 0;
	}
#tabs a:link { text-decoration:none; color:#000;}
#tabs a:visited { text-decoration:none; color:#000;}
#tabs a:hover { text-decoration:none; background-color:#ff7c00; }


#left #content h1{border-top:solid 2px #533f2a;clear:both;margin:20px 0 15px 0;color:#533f2a;font-size:20px;font-weight:bold;font-variant:small-caps;text-decoration:none;line-height:1em;font-family:Georgia,"Times New Roman",Times,serif;}
#left #content h2{margin:15px 0 10px 0;color:#531414;font-size:18px;font-weight:bold;line-height:1.0em;}
#left #content h3{margin:10px 0 5px 0;color:#531414;font-size:16px;font-weight:bold;line-height:1.13em;}
#left #content h4{margin:10px 0 5px 0;color:#531414;font-size:14px;font-weight:bold;text-decoration:underline;line-height:1.29em;}

#left #content p{margin:0 0 5px 0;}

#left #content blockquote{clear:both;margin:0 30px 0.6em 30px;font-size:100%;}

#left #content table{clear:both;width:99%;margin-bottom:10px;margin:3px 0 10px 0;}
#left #content th{background-color:#e8e8e8;line-height:2;color:#531414;font-weight:bold;border-style:solid;border-width:1px 0 1px 0;}
#left #content table tr.odd{background-color:#fff;}
#left #content table tr.even{background-color:#e8e8e8;}
#left #content table td{padding:3px;}
#left #content table caption{background-color:#531414;line-height:2;color:#e8e8e8;font-weight:bold;border-style:none;border-width:1px 0 1px 0;}

#left #content ul{list-style-position:outside;padding:0 0 0 10px;}
#left #content ul li{list-style-type:none; background:url('img/bg_bullet_arrow.gif') no-repeat left 5px;padding:0 0 0 12px;}

#left #content ol{margin:10px 0 15px 0;}
#left #content ol li{list-style-position:outside;margin:0 0 0 16px;}

#left #content a,#left #content a:visited{color:#533f2a; text-decoration:underline}
#left #content a:hover{text-decoration:underline;border-bottom:solid 1px #ff7c00;}

#left #content #download .download, .line_text{
	font-size:11px;
	}


/* Gestaltung des CMS-Plugins "Download" */
#left #content #download img {
	float:left;
	border:none;
	margin:0 5px 0 0;
	padding: 0px;
	}
	
#left #content #download .line, .line_rightalign {
	border-bottom: 1px solid #DDD;
	line-height:1.3em;
	font-weight:normal;
	padding: 0 0 0 0;
}
#left #content #download .line_rightalign { 
	text-align: right;
	white-space: nowrap;
	font-size: 10px;
}
#left #content #download .line_text {
	padding: 0px 0px 0px 30px;
}

#left #content #download .dgheader {
	font-size: 14px;
	font-weight: bold;
	margin-top:20px;
	padding: 15px 0px 10px 0px;
	line-height:1.5;
	border-top: 3px solid #000;
	color:#531414;
	background-color:#eee;
	text-align:center;
}

/* Iconization 
#left a[href ^="mailto:"] {
	padding: 0 0 2px 22px;
	background: transparent url('img/icon_mailto.gif') no-repeat center left;
	}

#left a[href$='.pdf'] {
	padding: 0 22px 2px 0;
	background: transparent url('img/icon_pdf.gif') no-repeat center right;
	}

#left a[href$='.doc'] {
	padding: 0 22px 2px 0;
	background: transparent url('img/icon_doc.gif') no-repeat center right;
	}
*/

/* Nachrichten-Plugin */
#left #content .post_title, .post_date { border-bottom: 1px solid #DDD; }
#left #content .post_title {padding: 0 0px 2px 15px; background: transparent url('img/bg_bullet_arrow.gif') no-repeat left 5px;}
#left #content .post_date { text-align: right; }
#left #content .post_short { text-align: justify; padding-bottom: 5px; }


/* HEADER */
ul li#bypass {display:none;}

#header{width:920px;font-size:10px;}

#header-top{
	width:100%;
	background:#531414 url('img/') no-repeat; /*DGINA-Rot*/
	height:140px;
	text-align:left;
	border-style:none;
	border-color:black;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-width:1px;
	border-bottom-width:1px;
	}

#header-middle{width:900px;height:31px;white-space:nowrap;background:none;}
#header-middle ul{list-style-type:none;height:31px;background:none;}
#header-middle li{float:left;padding-right:5px;padding-top:10px;z-index:auto !important /*Non-IE6*/;z-index:1000 /*IE6*/;border:none;;white-space:nowrap;display:inline;position:relative;}
#header-middle ul li a{display:block;height:20px;line-height:20px;text-decoration:none;font-weight:bold;color:#fff;background:#533f2a url('img/');padding:0 10px;}
* html #header-middle a {width:1%;}
#header-middle .selected,#header-middle a:hover{background:#ff7c00;text-decoration:none;padding:0 10px;}
#header-middle li ul {margin-top:2px;display:none;left:0;position:absolute;width:120px;height:auto;}
#header-middle li li {width:120px;border:0;}
#header-middle li li a{white-space:nowrap;display:block;width:120px;height:23px;margin-left:-1px;line-height:23px;border:solid 1px #fff;font-weight:normal;color:#f1f1f1;padding:0 10px;}
#header-middle a:hover,#header-middle a:focus,#header-middle a:active{background-color:#ff7c00;color:#fff;}
#header-middle .sel a {background:#ff7c00;color:#fff;}

/* rechter Ausklapper der 3. Hirarchie - funzt im IE5 und 6 nicht*/
#header-middle :hover ul :hover ul {margin:0px; padding:0px 0px;left:141px;top:0;}
#header-middle :hover ul :hover ul :hover ul {padding:0px 0px;left:121px;top:0;}

/*Schatten unter dem Menü*/
#header-bottom{width:700px;margin-left:0px;background:white url('img/bg.jpg') 0 0 repeat-x;height:30px;border-top:solid 2px #531414;}

/* sie sind hier....*/
.header-breadcrumbs ul {
	float:left;
	width:560px;
	list-style:none; 
	padding:0 0 0 15px; 
	}

.header-breadcrumbs ul li {
	display:inline; 
	padding:0 5px 0 10px; 
	margin-left:0px; 
	background:transparent url('./img/bg_bullet_arrow.gif') no-repeat 0 50%; 
	font-weight:bold; 
	color:#333; 
	font-size:10px;
	}
	
.header-breadcrumbs ul a {
	color:#333; 
	text-decoration:none;
	}
	
.header-breadcrumbs ul a:hover {
	color:#333; 
	text-decoration:underline;
	}

/* RIGHT COLUMN */
#right{
	clear:both;
	display:inline;
	float:right;
	width:240px;
	padding-top:240px;
	}

#right #flashcontent{width:240px;height:170px;float:left;margin:0 0 5px 0;border:1px solid #e3e3e3;text-align:center;background-color:white;}
#right .box{width:180px;margin:0px 30px 50px 30px;font-family:Verdana;background-color:#454545;}
#right img{border-color:white; border-style:solid; border-width:1px; padding: 1px;margin-bottom:3px;}

/*#right h1{clear:both;margin:0;padding:2px 0 2px 10px;border-bottom:2px solid #b35d37;background-color:#43a242;text-align:left;font-family:'Trebuchet MS',verdana,arial,sans-serif;color:white;font-weight:bold;font-size:13px;}*/
#right h1{clear:both;margin-bottom:5px;padding:2px 0 2px 0px;border-bottom:2px solid #fff;background-color:transparent;text-align:left;font-family:'Trebuchet MS',verdana,arial,sans-serif;color:white;font-weight:bold;font-size:13px;}
#right p{clear:both;margin:0;padding-top:0px;line-height:15px;font-size:11px;color:white;}
#right ul{list-style-position:outside;}
#right ul li{margin-bottom:10px;line-height:1.2em;font-size:10px;list-style-type:none; background:url('img/bg_bullet_arrow.gif') no-repeat left 2px;margin:1em 10px 0 0; padding:0 0 0 12px;}
#right ol{margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/;margin:0.5em 10px 1.0em 35px /*IE6*/;}
#right ol li{list-style-position:outside;margin:0 0 0.4em 0;font-size:110%;}

#right a,#right a:visited{color:#fff;text-decoration:none;font-weight:bold;}
#right a:hover{color:#fff;text-decoration:underline;}


/********************/
/*  FUSSZEILE       */
/********************/
#footer{
	clear:both;
	/*position:fixed;*/
	bottom:0;
	width:920px; /*100%;*/
	margin:0 auto;
	border-width:1px;
	border-top-width:0px;
	border-style:solid;
	border-color:black;
	}

/*#fade{height:50px;width:100%;background:transparent url('fade.png') 0 top repeat-x;_display:none;_height:0;}*/
#company_info{width:100%;padding:1.0em 0 1.0em 0;background:#454545;border-bottom:2px solid #531414;font-size:10px;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}
#company_info p{width:75%;text-align:center;color:white;font-weight:normal;font-size:10px;letter-spacing:1.5px;line-height:1.5;}
#company_info a,#company_info a:visited{color:white;text-decoration:none;font-size:10px;}
#company_info a:hover{color:white;text-decoration:underline;font-size:10px;}
#copyright{display:block;display:none;height:30px;width:100%;font-size:10px;color:#999;text-align:center;font-variant:small-caps;}
#copyright a{text-decoration:none;color:#999;}
#copyright a:hover{text-decoration:underline;color:#999;}
#copyright a:visited{color:#999;}

/********************/
/*  FORM ELEMENTS   */
/********************/

label{}

/* Kontaktformulare und Eingaben innerhalb des Contents */ 
#left input{padding:2px;border:1px solid #999;font-weight:normal;color:#777;margin:0px;cursor:pointer;font-size:10px;}
#left form{margin:10px 0;padding:10px;border:1px solid #999;background-color:#eee;}
#left textarea{width:400px;padding:2px;font-weight:normal;font-size:1em;border:1px solid #999;height:100px;display:block;color:#777;}

/* Definition der Form für Suche und Login auf der rechten Seite */
.searchform{background-color:transparent;border:none;margin:0;padding:0;}
.searchform p{margin:0px;padding:0;}
.searchform input.textbox{width:150px;color:#333;height:20px;padding:0px;border:1px solid #ccc;font-size:12px;}
.searchform input.button{width:70px;height:20px;cursor:pointer;margin-top:3px;font-size:10px;}
#right input{padding:0px;border:1px solid #999;font-weight:normal;font-size:1em;color:#777;}

/******************/
/*  CLEAR FLOATS  */
/******************/
#container:after, #header:after, #header-bottom:after, #header-breadcrumbs:after, #main:after, #main-navigation:after, #left:after, #left div:after, #right:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print{.header-top{width:900px;height:80px;background:rgb(240,240,240);overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}}
@media print{.header-breadcrumbs{width:900px;background:transparent;}}
@media print{.nav2{float:left;width:900px;border:none;background:rgb(240,240,240);color:rgb(75,75,75);font-size:1.0em;font-size:130%;}} /*Color navigation bar normal mode*/
@media print{.main{clear:both;width:900px;padding-bottom:30px;background:transparent;}}
@media print{.main-navigation{display:inline /*Fix IE floating margin bug*/;float:left;width:199px;border-right:solid 1px rgb(200,200,200);border-bottom:solid 1px rgb(200,200,200);background-color:rgb(240,240,240);overflow:visible !important /*Firefox*/;overflow:hidden /*IE*/;}}
@media print{.footer{clear:both;width:900px;height:3.7em;padding:1.1em 0 0;background:rgb(240,240,240);font-size:1.0em;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}}