/*
@author: Clemens Hofmann
@date: October 14, 2014
@copyright: Clemens Hofmann
@licence: creative commons
@version: 1.1
*/


/* ## Startseiten-CSS ## */

/* Allgemein, Schrift und Darstellung im Hauptcontent: */
html, body{
	height: 100%;
	width: 100%;
	background: rgb(255,255,255);
	margin: 0px;
	padding: 0px;
	font-family: arial, sans serif !important;
	font-size: 14px;/*ca 14px;  10.5pt=14px*/
}

#maincontent img{
	max-width: 800px;
	height: auto;
}

#slider img{
	margin: 0px;
	width: 1222px;
	height: 400px;
}

li{
	line-height: 1.8em;
}

ul{
	margin-left: 1.0em;
}

ol{
	margin-left: 1.4em;
}

span{
	font-family: arial !important;
}

*{
	line-height: 1.6em;
}

#maincontent a{
	color:rgb(20,56,179);
	text-decoration: none;
	font-weight: normal;
}

#maincontent a:hover{
	text-decoration: underline;
}

#maincontent a span{
	color:rgb(20,56,179)!important;
}

h1,h2,h3,h4,h5,h6{
	text-decoration: none;
	font-family: arial, sans-serif;
	word-spacing: 0.05em;
}

h1{
	font-size: 2.0em;
	line-height: 1em;
	margin: 0px 0px 0.8em 0px;
	color:rgb(14,43,141);	
}
	
h1 span{
	color:rgb(14,43,141) !important;
}

#conright h2{
	margin: 0.25em 0 0.25em 0;
}

h2{
	font-size: 1.5em;
	line-height: 1em;
	margin: 0 0 0.5em 0;
	/*margin-top: 0.75em;*/
}

h3{
	font-size: 1.1em;
	line-height: 1em;
	font-weight: bold;
	margin: 0.5em 0em 0.4em 0em;
	/*margin-top: 0.5em;*/
}

h4,h5,h6, address{
	font-size: 1.0em;
	font-style: normal;	
}

pre{	
	font-family: arial, sans serif;	
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}

p{
	
}

/* ###  Top-Bereich  ### */

#intropic{
	background-color: transparent;
	background-image: url(images/main_1.jpg);
	background-repeat:no-repeat;
	width: 1222px;
	height: 400px;
	position: absolute;
	left: 50%;
	margin-left:-610px;
	margin-top: -40px;
	z-index: 1;
}

#slider{
	overflow: hidden;
	width: 1222px;
	height: 400px;
}
/* ###  Top-Bereich - ENDE  ### */


/* ###  Haupt-Bereich  ### */
#mid-wrapper{
	padding-top: 15px;
	padding-bottom: 5px;
	background-color: transparent;
	min-height: 70%;
	height: auto;
	width: 1222px;
	margin: auto;
	clear: both;
	overflow: hidden;	
}

#maincontent{	/*gehört zu conmid*/
	height: auto;
	background-color: rgb(255,255,255);
	border: 0px solid rgb(225,225,225);
	width: 800px;	
	padding: 10px;
	clear: both;
}	

/*  Galerie:  */
#pics1 img, #pics2 img, #pics3 img, #pics4 img, #pics5 img{
	border: 2px solid rgb(255,255,255);
	padding: 3px;
}

div #pics5{
	border: solid rgb(231, 232, 234) 1px;
	padding-top: 5px;
	padding-bottom: 0px;
}

/*  Galerie  - ENDE  */


/* ###  Haupt-Bereich - ENDE  ### */

/* ###  Fuß-Bereich  ### 
wird komplett in print und screen behandelt
*/

/*  Niederlassungsinfo  */

#nl_info img{
	max-width: 20000px;
	height: 150px;
	position: relative;
	z-index: 2;
}

#nl_info{
	border: solid white 0px;
	overflow: hidden;
	width: 1000px;
	height: 150px;
	position: relative;
}

/*  Niederlassungsinfo - ENDE  */


/*  für Niederlassungen Farbbildänderungen:  */
td.bild_fenster{
	border: none;
	width: 300px;
	height: 200px;
	overflow: hidden;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}

td.schreib_fenster{
	padding: 0 5px 0 20px;
	border: 0px solid black;
	width: 470px;
	height: 200px;
	overflow: hidden;
	background-color: transparent;
}

td.schreib_fenster p{
	line-height: 1.4em;	/*damit die standart (*) linienhöhe nicht verwendet wird, sie ist hier zu viel!*/
}

td.schreib_fenster h3{
	margin-top: 0.0em;
	line-height: 1.5em;
}

table.imgchange{
	height: auto;
	border: none;
	margin-bottom: 10px;
	position: relative;
}
/*  für Niederlassungen Farbbildänderungen - ENDE  */

