/* ---------HTML Geruest--------*/

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	text-align: center;}

#container { 
	border: #254542 2px solid;
	background:#d0e0d9;
	margin: 2em auto 1em auto;
	text-align: left;
	width: 957px;
	/*width: 1276px;*/
	color:#254542;
}

#header { 
    background-image:url(../bilder/strobel_banner.jpg); 
	height: 167px;
/*	height: 223px;*/
	padding: 0;
	width: auto; 
}

#main{
	text-align: left;   
	margin: 0 auto;    
	width: auto;
	height:506px;
/*	height:675px;*/
}

#navigation {
	float: left; 
	width:267px;
/*	width: 356px;*/
	margin: 0; 
	background-image:url(../bilder/hintergrund_navigation.jpg);
	color: #254542;
	height:506px;
/*	height:675px;*/
}

#naviPadding{ 
	padding: 1.5em 0 0 0;
}

#naviBotton {
	width: 957px;
/*	width: 1276px;*/
	text-align:right;
	background-color:#ffffff;
	margin:0 auto;
	color:#254542;
}

#sidebarColor {
	float: left;
	width:17px;
/*	width: 23px;*/
	/*background:#993300;*/
	height:506px;
/*	height:675px;*/
}

#sidebarPicture {
	background-color:white;
	float: left; 
	width:176px;
/*	width: 235px;*/
	margin: 0 40px 0 0; 
	padding: 0;
	height:506px;
/*	height:675px;*/
}

#mainContent{ 
	margin: 0 0 238px 150px;
/*	margin: 0 0 318px 200px;*/
	padding: 0;
	background:#d0e0d9;
	height:506px;
/*	height:675px;*/
	width: auto;
}

#inside { 
	padding: 22px 22px 22px 22px;
/*	padding: 30px 30px 30px 30px;*/
	background:#d0e0d9;
}



#clearall {
   	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footer { 
	height: 0px;
	background:#d0e0d9;
}

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

ul {
	width: 10em;
    margin: 1em 0 0 4em; 
	padding: 0;
}

ul .navi {
	padding-bottom:15px;
/*	padding-bottom:20px;*/
    list-style:url(../bilder/bullet.gif);
	list-style-image:url(../bilder/bullet.gif);
}

ul li a span { 
	color:#254542;
	font-weight:bold;
}

ul a {
    display:block;
    padding: 0.1em;
    text-decoration: none; 
}

ul a:link {
    color: #254542;
	text-decoration: none;
}
ul a:visited {
    color: #254542; 
	text-decoration:none;
}
ul a:hover {
    color: #254542; 
	text-decoration: underline;
}
ul a:active {
    color: #254542;
	text-decoration: none;
	font-style:bold;
}




#naviBotton p a span { 
	color:#254542;
	font-weight:bold;
}

#naviBotton p a {

    text-decoration: none; 
}

#naviBotton p a:link {
    color: #254542;
	text-decoration: none;
}
#naviBotton p a:visited {
    color: #254542; 
	text-decoration:none;
}
#naviBotton p a:hover {
    color: #254542; 
	text-decoration: underline;
}
#naviBotton p a:active {
    color: #254542;
	text-decoration: none;
	font-style:bold;
}


/* ---------Bilder--------*/
	
.sidebarLeftBild {
	width: 100%;
	height: 100%;
	border:none;
}

.imageContent { 	/*Grosses Bild im Content*/
/*	width:225px;*/
	width: 300px;
	height: auto; 
	border:none;
}

.imageDown {		/*3er Bildreihe down*/
	float:left;
	width:auto;
	height: 232px;
/*	height:310px;*/
	background: #d0e0d9;
	padding:0 15px 0 0;
/*	padding:0 20px 0 0;*/
	border:none;
}

.reiheHoch {			/*Bilderreihe Content Hair-Styling Hochformat*/
	width:45px;
/*	width:60px;*/
	height: auto;
	border:none;
}

.reiheQuer {			/*Bilderreihe Content Querformat*/
	width:56px;
/*	width:75px;*/
	height: auto;
	border:none;
}

.bild_center{
	width:37px;
/*	width: 50px;*/
}

/* ---------Textformatierung--------*/

h1 { margin: 1em 0 0 0;
	font-size: 120%; 
}

h2 {
	font-size: 100%;
}

p {
	font-size: 100%;
}

.email {
	color: white;
	text-decoration:none;
}

.center { text-align:center;
padding-top: 10px; }


/* ---------Verlinkung eines Wortes/Satzes im Content --------*/
#inside p a{ 
	text-decoration:none; 
	color:#254542;
	font-weight:bold;
}

#inside p a:link {
    color: #254542;
	text-decoration: none;
	font-weight:bold;
}

#inside p a:visited {
    color: #254542; 
	text-decoration: none;
	font-weight:bold;
}

#inside p a:hover {
    color: #254542; 
	text-decoration: underline;
	font-weight:bold;
}

#inside p a:active {
    color: #254542;
	text-decoration: none;
	font-weight:bold;
}


/* ---------Tabellen Formatierung--------*/
table {
	table-layout:auto;
	font-size: 100%;
}

td { 
	padding: 0.2em 0.5em 0.2em 0.5em;
}

.grey {
	background-color:#b3a7a3;
}

table a{ 
	text-decoration:none; 
	color:#ffffff;
}

table a:link {
    color: #ffffff;
	text-decoration: none;
}

table a:visited {
    color: #ffffff; 
	text-decoration: none;
}

table a:hover {
    color: #661035; 
	text-decoration: none;
}

table a:active {
    color: #661035;
	text-decoration: none;
}