/*------------------------------------------------------------------------------------------------------*/

body {
	font: 10pt Arial,Sans-Serif;
	color: black;	
	}


/* ------------------------------------------------------------------------------------------------------
 *  Überschriften
 * ------------------------------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 { color: #000000; margin: 0 0 0.5em 0; }
 
h1 {	font-size: 110%; color: white; background: url("../image/layout/h1.png") no-repeat; padding: 4px 10px 3px; margin: 0;}  							
h2 {	font-size: 120%; color: #003f81; }  						
h3 {	font-size: 115%; color: black; }  						
h4 {	font-size: 105%; background: #89a1b1; padding: 3px; color: white; }  							
h5 {	font-size: 105%; }  							
h6 {	font-size: 105%;	font-style: italic; }

#header h1 {
	position: absolute;
	top: 20px;  
	left: 50px;
	width: 404px;
	height: 126px; 
	text-indent: -9999px; 
}

#kontakt, #katalog, #print{
	font-size: 8pt; 
	width: 188px;
	margin: 0 0 0.9em 0;
}

#kontakt h2, #katalog h2, #print h2{
	margin: 0;
	padding: 2px 5px;
	font-size: 9pt; 
	color: white; 
	background: url("../image/layout/h2-bg-left.png") no-repeat; 
}


/* ------------------------------------------------------------------------------------------------------
 *  Inhalt
 * ------------------------------------------------------------------------------------------------------*/
 
p {	line-height: 1.3em; margin: 0 0 1em 0;}  				


a img { border: 0 }
a[rel=pdf] { padding: 0 0 0 18px; background: url("../image/sys/filetypes/pdf.png") left center no-repeat}
a[rel=email] { padding: 0 0 0 18px; background: url("../image/sys/icon_mail.png") left center no-repeat}

ul { list-style: disc; }
ul li { padding: 0 0 0.3em 0; line-height: 1.3em;}

.center { text-align: center; }
.right	{ text-align: right; }

.italic { font-style: italic; }

.intro { font-size: 1em; }

.float_right { float: right;}
.float_right img { margin: 0 0 0.5em 0.5em;}
.picture_bar { float: right; width: 270px; margin: 0 -15px 0 3.5em;}
.picture_bar img.spacer { margin: 0 0 0.5em 0}
.picture_bar_contact { float: right; width: 280px; margin: 0 0 0 3.5em;}
.picture_bar_contact img.spacer { margin: 0 0 1em 0}

.phone { font-size: 1.4em; font-weight: bold; }

/* Tabellen - Allgemein */
table { font-size: 8pt; border-collapse: collapse; }
th, td { padding: 0.3em 0.5em; }

table tr.white		{ background: #F1F1F1 }
table tr.grey		{ background: #D4D4D4 }

.divider { height: 0px; border-bottom: 1px solid #B5B5B5; margin: 1.2em 0; }

.info, .info a { color: grey; font-size: 8pt; }


.zitat-head { color: white; font-style: italic; padding: 15px 15px 0px; }
.zitat { font-style: italic; padding: 0 15px; } 
.zitat-from { color: white; font-size: 0.8em; font-style: italic; padding: 0 15px; }

/* Form - Allgemein */
input, textarea, select { font: 8pt Verdana,Sans-Serif; }
input[type=text][readonly] { background: #E5E5E5; color: #BFBFBF}



/* ------------------------------------------------------------------------------------------------------
 *  Navigation
 * ------------------------------------------------------------------------------------------------------*/
 

/* ------------------------------------------------------------------------------------------------------
 *  Sub-Navigation
 * ------------------------------------------------------------------------------------------------------*/
 
#sub_navigation h2 { margin: 0; padding: 0 0 0 30px; height:46px; line-height: 50px; color: white; background: url("../image/layout/nav/nav_head.png") bottom center no-repeat; }  
#sub_navigation ul { margin: 0; padding: 0; }
#sub_navigation ul a, #sub_navigation ul a:visited  { color: black; text-decoration: none; }
#sub_navigation ul li {height: 30px; line-height: 30px; padding:0 0 0 30px; background: url("../image/layout/nav/nav_content.png") bottom center no-repeat; }
#sub_navigation ul li.bottom {height: 39px; line-height: 30px; background: url("../image/layout/nav/nav_bottom.png") bottom center no-repeat; }


/* ------------------------------------------------------------------------------------------------------
 *  Runde Boxen
 * ------------------------------------------------------------------------------------------------------*/
.box_content { overflow: hidden; padding: 20px 30px 25px;	}	
.box_white_shadow_l_o { background: url("../image/layout/container/box_white+shadow_l_o.png") top left no-repeat; }
.box_white_shadow_l_u { background: url("../image/layout/container/box_white+shadow_l_u.png") bottom left no-repeat; }
.box_white_shadow_r_o { background: url("../image/layout/container/box_white+shadow_r_o.png") top right no-repeat; }
.box_white_shadow_r_u { background: url("../image/layout/container/box_white+shadow_r_u.png") bottom right no-repeat; }

.box_grey_l_o { background: url("../image/layout/container/box_grey_l_o.png") top left no-repeat; }
.box_grey_l_u { background: url("../image/layout/container/box_grey_l_u.png") bottom left no-repeat; }
.box_grey_r_o { background: url("../image/layout/container/box_grey_r_o.png") top right no-repeat; }
.box_grey_r_u { background: url("../image/layout/container/box_grey_r_u.png") bottom right no-repeat; }

.box_grey_shadow_l_o { background: url("../image/layout/container/box_grey+shadow_l_o.png") top left no-repeat; }
.box_grey_shadow_l_u { background: url("../image/layout/container/box_grey+shadow_l_u.png") bottom left no-repeat; }
.box_grey_shadow_r_o { background: url("../image/layout/container/box_grey+shadow_r_o.png") top right no-repeat; }
.box_grey_shadow_r_u { background: url("../image/layout/container/box_grey+shadow_r_u.png") bottom right no-repeat; }

.box_shadow_top { background: url("../image/layout/container/box_top.png") top center no-repeat; }
.box_shadow_bottom { background: url("../image/layout/container/box_bottom.png") bottom center no-repeat; }

/* ------------------------------------------------------------------------------------------------------
 *  Views
 * ------------------------------------------------------------------------------------------------------*/

/* Galerie */
#Galerie div.galerie_container { 
	float: left;
	margin: 0 5px 5px 0;
	padding: 5px 1px;
	text-align: center;
	width: 115px;
	height: 105px;
	background: #d9d9d9;
	border: 1px solid #bbb; }
	
#Galerie div.galerie_container img { border: 3px solid white; }
#Galerie div.galerie_container p { font-size: 0.7em ;
			  color: #999;
			  line-height: 2em; 
			  margin: 5px 0 0 0; 
			  border-top: 1px solid #bbb; }


#Galerie_1, #Galerie_2, #Galerie_3, #Galerie_4 { overflow: hidden; padding: 7px 5px 7px 10px;}

/* Impressum */
#AGB { font-size: 0.7em; color: #444}


 /* ------------------------------------------------------------------------------------------------------
 *  Module
 * ------------------------------------------------------------------------------------------------------*/

/* Modulüberschriften */
.modul h2 { font-size: 1.1em; }
.modul h3 { font-size: 1em; }

/* ------------------------------------------------------------------------------------------------------
 *  Status-Information
 * ------------------------------------------------------------------------------------------------------*/

.msg_success, .msg_error {
	margin: 1em 300px 1em 0em;
	padding: 1em 1em 1em 5em;
}

.msg_success {	
	background: #B9FFA9 url('../image/sys/statusinfo/success.png') left center no-repeat;
	border: 2px solid #006B0A;
}

.msg_error {
	background: #FFA0A0 url('../image/sys/statusinfo/error.png') left center no-repeat;
	border: 2px solid #DB0000;
}

.td-error {
	color: red;
}