body,p,td,th,a	{ font-family: Verdana, Arial, sans-serif; color: #777777; font-size: 11px; line-height: 18px; }

a { color: #018CB7; text-decoration: none; }

.nava { color: #018CB7; font-size: 11px; background-color:#D8E5D8; }
.nav { color: #018CB7; font-size: 11px; }

.headline { font-size: 15px; font-weight: bold; line-height: 18px; }

td.grey { background-color: #EBEAD9; }
td.lgrey	{ background-color: #F8F8EF; }
td.llgrey { background-color: #CFCFA9; }
td.dgrey	{ color: #ffffff; background-color: #859885; }
th { color: #ffffff; background-color: #859885; }

input,select,textarea { background-color:#F6F4EF; border-color:#f0f0f0; border-width:1px; }
.inp100 { width:100%; height:20px; }
.inp100area { width:100%; height:50px; }

.warning { color: #FF7E00; font-weight: bold; }



.Copyright {
	display:block;
	clear:left;
	float:left;
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	text-align:center;
	
}






/*	formatiert den HauptContainer der Website
	<div id="Website"> */ 
#Website {
	display:block;
	background-color: #C4E0EC;
	width:800px;
	margin:0px 0px 0px 0px;
	text-align:left;
	border:solid 1px #93C7DF;

}

#Copyright	{
	display:block;
	background-color: #C4E0EC;
	width:800px;
	height:545px;
	margin:0px 0px 0px 0px;
}


/*	formatiert den Container des HauptMenu	<div id="MenuContainer"> */ 
#MenuContainer {
	display:block;
	float:left;
	width:800px; 
	margin:1px 0px 4px 0px;
	border:1px solid #93C7DF;
	background-color:#93C7DF;
}


/*	formatiert den Container des UnterMenu
	<div id="SubMenuContainer">
	
	A: Klasse befindet sich NavigationsTemplate
	 */ 
#SubMenuContainer {
/*	display:block;	*/
	float:left;
	clear:left;
	width:100px;
	margin:0px 0px 0px 0px;
	background-color:#DDDDDD;
}


/*	formatiert den Container des Inhalts
	<div id="ContentContainer"> */ 
#ContentContainer {
	display:block;
	clear:none;
	float:left;
	width:800px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #C4E0EC;


}

/*	formatiert den Kategorieliste */ 
.CategorylistPic { 
   display:block; 
   clear:none; 
   float:left; 
   width:200px; 
   margin:20px 0px 0px 28px;
} 
/* Kat.Name */
.CategorylistArticle { 
   display:block; 
   clear:none; 
   float:left; 
   margin:0px 0px 0px 28px;
} 

.CategorylistArticleName { 
   display:block; 
   clear:none; 
   float:left; 
   font-weight:bold; 
   margin:0px 0px 0px 0px;
   margin:0px 0px 0px 28px;
} 


/* Bild-Block */
.Categorylist, 
.CategorylistBegin { 
 display:block; 
 float:left; 
 width:190; 
} 

.CategorylistBegin { 
 clear:both; 
} 


/*	formatiert den HauptContainer des MainMenu
	<div class="MainMenu"> */
.MainMenu {
	float:none;
/*	display:inline; */
	width:800px;
	background-color:transparent;
}

/*	formatiert den Container des Button im MainMenu
	<div class="MainAktivButton"> bzw. <div class="MainInaktivButton"> */
.MainMenu .MainAktivButton {
	float:left;
	padding:0px 0px 0px 0px;
	font-size:11px;
	background-color:transparent;
	vertical-align:middle;
}

.MainMenu .MainInaktivButton {
	float:left;
	padding:0px 0px 0px 0px;
	font-size:11px;
	background-color:transparent;
	vertical-align:middle;
}


/*	formatiert den Link im Container des Button im MainMenu
	<a class="MainAktivButton"> bzw. <a class="MainInaktivButton"> */
.MainMenu .MainAktivButton a:link, .MainMenu .MainAktivButton a:visited {
	display:block;
	border:1px solid #C7DEEC;
	color:#DF2920;
	text-decoration:none;
	background-color:#C7DEEC;
	padding:5px 5px 5px 5px;
}

.MainMenu .MainAktivButton a:hover {
	text-decoration:underline;
}

.MainMenu .MainInaktivButton a:link, .MainMenu .MainInaktivButton a:visited {
	display:block;
	border:1px solid #C7DEEC;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#93C7DF;
	padding:5px 5px 5px 5px;
}

.MainMenu .MainInaktivButton a:hover {
	border:1px solid #C7DEEC;
	color:#333333;
	text-decoration:none;
	background-color:#C7DEEC;
}


/*	formatiert den Button im MainMenu dessen Hauptordner keine Bezeichnung hat
	<div class="MainInaktivButtonLeer"> 
	
	M: Keinen leeren Hauptordner anlegen */
.MainMenu .MainInaktivButtonLeer {
	float:left;
	display:block;
	padding:0px 0px 0px 0px;
	font-size:11px;
	background-color:EEEEEE;
	vertical-align:middle;
}


/*	formatiert den HauptContainer SubMenu
	<div class="SubMenu"> */
.SubMenu {
	display:block;
	clear:none;
	width:100%;
	margin:0px 0px 0px 0px;
	background-color:#FFFFFF;
}



/*	formatiert den Container des Button im SubMenu
	<div class="SubAktivButton"> bzw. <div class="SubInaktivButton"> */
.SubMenu .SubAktivButton {
	float:none;
	font-size:11px;
	vertical-align:middle;
	background-color:transparent;
	border-left:0px solid #CCCCCC;
	padding:0px 0px 0px 0px;
}

.SubMenu .SubInaktivButton {
	float:none;
	font-size:11px;
	vertical-align:middle;
	background-color:transparent;
	border-left:0px solid #CCCCCC;
	padding:0px 0px 0px 0px;
}


/*	formatiert den Link im Container des Button im SubMenu
	<a class="SubAktivButton"> bzw. <a class="SubInaktivButton"> */

.SubMenu .SubAktivButton a:link, .SubMenu .SubAktivButton a:visited {
	display:block;
	border-left:4px solid #CCCCCC;
	border-right:8px solid #CCCCCC;
	padding:10px 10px 10px 20px;
	color:#333333;
	text-decoration:none;
	background-color:#DDDDDD;

}

.SubMenu .SubAktivButton a:hover {
	display:block;
	text-decoration:underline;
}

.SubMenu .SubInaktivButton a:link, .SubMenu .SubInaktivButton a:visited {
	display:block;
	border-left:4px solid #DDDDDD;
	border-right:8px solid #DDDDDD;
	padding:10px 10px 10px 20px;
	color:#999999;
	text-decoration:none;
	background-color:#EEEEEE;
}

.SubMenu .SubInaktivButton a:hover {
	display:block;
	border-left:4px solid #CCCCCC;
	border-right:8px solid #CCCCCC;
	color:#333333;
	text-decoration:none;
	background-color:#DDDDDD;
}


/*	formatiert den Button im SubMenu dessen Unterordner keine Bezeichnung hat
	<div class="SubInaktivButtonLeer"> */
.SubMenu .SubInaktivButtonLeer {
	height:24px;
	font-size:2px;
	border-left:4px solid #DDDDDD;
	border-right:8px solid #DDDDDD;
	padding:0px 0px 0px 0px;
	background-color:#EEEEEE;
}




/*artikelliste - news*/


.ArticlelistContainer {
	display:block;
	clear:none;
	float:center;
	min-width:330px;
	height:350px;
	max-width:80%;
	background-color:#C4E0EC;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.ArticlelistArticle {
	display:block;
	clear:none;
	float:left;
	min-height:25px;
	max-width:100%;
	min-width:300px;
	border-top:1px solid #018CB7;
	padding:10px 20px 10px 20px;
	margin:0px 0px 0px 0px;
	background-color:transparent;
}

.ArticlelistHead {
	width:100%;
	height:20px;
	background-color:#DEDEDE;
	color:#018CB7;
	font-size: 12px
}

.ArticlelistHeadline {
	display:block;
	clear:none;
	float:left;
	padding:3px 4px 0px 4px;
}

.ArticlelistDate {
	display:block;
	clear:none;
	float:right;
	padding:3px 4px 0px 4px;
}

.ArticlelistIntro {
	display:block;
	clear:left;
	float:left;
}

/*Produktbeschreibung*/

.Productdesc {
	display:block;
	clear:none;
	float:left;
	width:100%;
	border-top:0px solid #666666;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:transparent;
}

.ProductdescPic {
	display:block;
	clear:left;
	float:left;
	width:250px;
	margin:10px 0px 5px 0px;
	padding:10px 0px 5px 300px;
}

.ProductdescArticle {
	display:block;
	clear:none;
	float:left;
	width:800px;
}

.ProductdescArticleName {
	display:block;
	clear:left;
	float:left;
	margin:0px 0px 0px 0px;
}


/*scheissendreckskacke*/

.Text {
	display:block;
	clear:none;
	float:none;
	margin:0px 0px 0px 0px;
}

/* WYSIWYG EDITOR STYLES */

body,textarea {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size:12px;
}


.red {
	color:#ff3333;
}

.green {
	color:#33ff33;
}

.blue {
	color:#3333ff;
}

.headline {
	font-size:18px;
	font-weight:bold;
}

.subline {
	font-size:16px;
	font-weight:bold;
}


/*Modul Bild und Text*/
.centertab {margin-right: auto;
            margin-left: auto}

.bildtext { margin: 0px;
            padding: 0px;
            font-size: 10px;}
.imgleft {float: left;
          margin-right: 20px;}
          
.imgright {float: right;
          margin-left: 20px;}

.stopleft {clear: left;}

.stopright {clear: right;}
	 
.bildtext2 {text-align: justify;}
