/* CSS Document */
body { margin: 0; padding: 0; background-color: #BFD0E1; background-image: url(https://www.ingate.de/gfx/verlauf.png); background-repeat: repeat-x;	background-position: top; font-family: Arial, Helvetica, Verdana, Sans-Serif;; color: #202123; font-size: 62.5%;}


/* General Links */
a:link { text-decoration : none; color : #6397CB; border: 0px;} 
a:active { text-decoration : underline; color : #6397CB; border: 0px;} 
a:visited { text-decoration : none; color : #6397CB; border: 0px;} 
a:hover { text-decoration : underline; color : #6397CB; border: 0px;} 


img { padding: 0px; margin: 0px; border: none;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

input { color: #000033; font-size: 11px; }
textarea { color: #000033; font-size: 11px;  }
select { color: #000033; font-size: 11px;  }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bgcontain { width: 784px; margin: 0 auto; padding: 0px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Header { width: 784px; position: relative; float: left; padding: 0px; margin: 0px; padding-top: 20px;}
.Header h1 { font-size: 32px; line-height: 32px; letter-spacing: -1px; font-weight: normal; padding: 0px; margin: 0px 0px 0px 20px;}
.Header h1 a { color:#fff; text-decoration: none;}
.Header h1 a:visited { color:#fff; text-decoration: none;}
.Header h1 a:hover { color:#e6f3ff; text-decoration: none;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#menu-left {
	width: 21px;
	height: 34px;
	background: white url(https://www.ingate.de/gfx/menu-left.png);
	float: left;
	padding: 0px; margin: 0px;
}

#menu-right {
	width: 21px;
	height: 34px;
	background: white url(https://www.ingate.de/gfx/menu-right.png);
	float: left;
	padding: 0px; margin: 0px;
}	

#menu {
	width: 742px;
	float: left;
	font: bold 12px Verdana, Helvetica, Sans-Serif;
	color: white;
	height: 34px;
	background: url(https://www.ingate.de/gfx/menu.png) top center repeat-x;
	padding: 0px; margin: 0px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}

/*Hauptpunkte*/
#menu ul li a {
	display: block;
	color: white;
	padding-top: 11px;
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

/*Hauptpunkte Hover*/
#menu ul li a:hover {
	display: block;
	color: white;
	padding-top: 11px;
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	background: url(https://www.ingate.de/gfx/menu-hover.png) top center repeat-x;	
}

/*Unterpunkte*/
#menu ul li ul a{
	border-width: 1px;
	border-style: solid;
	border-color: #565656;
	color: white;
	background: black;
	margin-top: -1px;
	height: 10px;
	padding-top: 5px;
	padding-left: 9px;
	padding-right: 9px;
	text-decoration: none;
	width: 140px;
}

/*Unterpunkte hover*/
#menu ul li ul a:hover {
	border-width: 1px;
	border-style: solid;
	border-color: #565656;
	display: block;
	color: white;
	background: #565656;
	margin-top: -1px;
	height: 10px;
	padding-top: 5px;
	padding-left: 9px;
	padding-right: 9px;
	text-decoration: none;
	width: 140px;
}

#menu li {
position: relative;
list-style-image: none;
}

#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.MainSyn { position: absolute; right: 10px; top: 10px; }
.MainSyn ul { padding: 0px; margin: 0px;}
.MainSyn li { padding: 0px; margin: 0px 0px 0px 10px; list-style-type: none; display: inline; float: left; list-style-image: url(https://www.ingate.de/gfx/pfeil1.gif);}

.MainSyn a { padding: 0px 0px 0px 19px; background: url(./images/PostComLeft.png) no-repeat left top; float: left; text-decoration: none; font-size: 14px; text-transform: lowercase; font-weight: bold;}
.MainSyn a span { padding: 4px 7px 5px 6px; display: block; background: url(./images/PostComRight.png) no-repeat right top; float: left; }
.MainSyn a span { float: none;}
.MainSyn a:hover span {}
.MainSyn a:hover { background-position: 0% -27px; text-decoration: none; color:#fff;}
.MainSyn a:hover span { background-position: 100% -27px; color:#fff; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#Content { width: 742px; padding: 21px 21px 0px 21px; float: left; background-color:#FFFFFF}
#ContentWrapper { float: left; width: 100%;}

/* Central Column */
.SCS { margin-right: 195px;}
.SCS h1 {color:#3F598B; font-size:18px; font-weight:normal; letter-spacing:0px; line-height:50%; margin:7px 0px; padding:0px 0px 5px;}
.SCS h2 {color:#6397CB; font-size:18px; font-weight:normal; letter-spacing:0px; line-height:50%; margin:7px 0px; padding:0px 0px 5px;}
.SCS h3 {color:#3F598B; font-size:16px; font-weight:normal; letter-spacing:0px; line-height:50%; margin:7px 0px; padding:0px 0px 5px;}
.SCS p { font-size: 12px; line-height: 100%; }


/* Central Column */
.SC { margin-right: 195px;}
.SC h1 {color:#3F598B; font-size:18px; font-weight:normal; letter-spacing:0px; line-height:50%; margin:7px 0px; padding:0px 0px 5px;}
.SC h2 {color:#6397CB; font-size:18px; font-weight:normal; letter-spacing:0px; line-height:50%; margin:7px 0px; padding:0px 0px 5px;}
.SC h3 {color:#3F598B; font-size:16px; font-weight:normal; letter-spacing:0px; line-height:50%; margin:7px 0px; padding:0px 0px 5px;}
.SC p { font-size: 12px; line-height: 100%; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Post {}

.PostHead { position: relative; clear: left; margin-left: 40px; }
.PostHead h1 { font-size: 18px; line-height: 50%; font-weight: normal; padding-top: 7px; padding-bottom: 2px; margin: 0px; display: block; color: #3F598B;}
.PostHead h1 a { font-size: 18px; line-height: 50%; font-weight: normal; display: block; color: #3F598B; text-decoration: none;}
.PostHead h1 a:visited { font-size: 18px; line-height: 50%; font-weight: normal; display: block; color: #3F598B; text-decoration: none;}
.PostHead h1 a:hover { font-size: 18px; line-height: 50%; font-weight: normal; display: block; color: #3F598B; text-decoration: none;}

.PostInfo { padding-top: 2px; margin: 0px; color: #666;}
.PostInfo a { text-decoration: underline; color: #666;}
.PostInfo a:visited { text-decoration: underline; color: #666;}
.PostInfo a:hover { text-decoration: underline; color: #666; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostDate { position: absolute; top: 0px; left: -40px; text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none; border-right: solid 1px #e2e2e2;}
.PostDate .month { display: block; font-size: 9px; text-transform: uppercase; line-height: 9px; color: #999; text-transform: lowercase;}
.PostDate .day { display: block; font-size: 20px; font-weight: normal; line-height: 20px; color: #FF9900; letter-spacing: -1px;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostContent { padding: 0px; font-size: 12px; line-height: 18px; border-top: solid 1px #e2e2e2; margin-top: 10px;}
.PostContent p { padding: 5px 0px; margin: 5px 0px; font-size: 12px; line-height: 19px;}
.PostContent img { margin: 0px 0px;}
.PostContent blockquote { padding: 0px 10px; background: #f0f3f7; margin: 0px; color:#993300; border: solid 1px #d7e1ea; border-left: solid 5px #d7e1ea;}
.PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent ul { font-size: 12px; padding-left: 48px; list-style-image: url(https://www.ingate.de/gfx/pfeil1.gif);}
.PostContent li { padding-bottom: 6px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostCom { padding: 0px; margin: 0px; font-size: 11px; display: inline;}
.PostCom li { padding: 0px; margin: 0px; list-style-type: none; }
.PostCom li a { padding: 3px 0px 4px 25px; background: url(./images/PostComIco.png) no-repeat left top; float: left; text-decoration: none; font-size: 11px;}


.pagetitle {font-size: 18px; font-weight: normal;  line-height: 50%; letter-spacing: 0px; color: #6397CB; padding: 0px 0px 5px 0px; margin: 7px 0px 7px 0px;}

.Nav { position: relative; height: 15px;}
.Nav .Prev { padding-left: 15px; background: url(images/PrevIco.gif) no-repeat left center; position: absolute; top: 0px; left: 0px; font-size: 12px;}
.Nav .Next { padding-right: 15px; background: url(images/NextIco.gif) no-repeat right center; position: absolute; top: 0px; right: 0px; font-size: 12px;}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.PostNote { margin: 0px; padding:3px 0px 4px 0px;}
.PostNote li { margin: 2px 0px; padding: 2px 0px 2px 23px; list-style-type: none; }
.PostNote .TrackBack { background: url(./images/PostNoteTrackBack.png) no-repeat left center; }
.PostNote .RSS { background: url(./images/PostNoteRSS.png) no-repeat left center; }


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { padding: 0px; margin: 20px 0px 20px 0px ;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List h3 {font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 0px; margin: 0px 0px 20px 0px; font-size: 12px; list-style-type:none;}

.List .ListUser { margin: 0px; padding: 0px 0px 0px 40px; font-size: 14px; line-height: 14px;}
.List .ListUser a { text-decoration: none;}
.List .ListUser a:visited { text-decoration: none;}
.List .ListUser a:hover { text-decoration: none;}

.List .ListNr { font-size: 26px; line-height: 26px; color: #7f7f7f; position: absolute; top: 0px; left: 0px; text-align: center; padding: 2px 10px 2px 0px; margin: 0; border-right: solid 1px #e2e2e2;}

.List .ListDate { padding-left: 40px;}
.List .ListDate a { text-decoration: none; color: #666;}
.List .ListDate a:visited { text-decoration: none; color: #666;}
.List .ListDate a:hover { text-decoration: none; color: #666; }

.List .ListContent { line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0px 0px 0px;}
.List .ListContent p { padding: 3px 0px; margin: 3px 0px; line-height: 14px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Form {}
.Form h3 {font-size: 16px; font-weight: normal;  line-height: 50%; letter-spacing: 0px; color: #6397CB; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px;}
.Form form { width: 507px; padding: 0px 25px 0px 15px; margin: 0px; background: #E0EFFF; position: relative;}
.FormTop { width: 547px; height: 15px; background: url(images/FormTop.gif) top left no-repeat;}
.FormBottom { width: 547px; height: 15px; background: url(images/FormBottom.gif) top left no-repeat;}
.Form p { padding: 0px; margin: 0px; color:#50728c;}
.Form p label { padding-bottom: 11px; display: block; }
.Form p label small { font-size: 11px; color: #FF9900}

.Form .TextField { background: #fff; border: solid 1px #c3dcf1; padding: 4px; margin-right: 15px;}
.Form .TextArea { background: #fff; border: solid 1px #c3dcf1; padding: 4px; margin-bottom: 10px;}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Right Column */
.SR { float: left; width: 174px; margin-left: -174px; color:#993300; }
.SR h3 { padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; border-bottom: dashed 1px #c7b78a; font-size: 14px; text-transform: uppercase; color:#993300; }
 
.SR ul { padding: 0px; margin: 0px;}
.SR li { padding: 2px 0px; margin: 0px; list-style-type: none; font-size: 11px;}
.SR li a { padding-left: 20px; margin: 0px; list-style-type: none; background: url(images/SRightIco.png) no-repeat left top; color: #cc6600; text-decoration: none;}  
.SR li a:visited { color: #cc6600; text-decoration: none;} 
.SR li a:hover { text-decoration: underline; color: #993300; } 

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Search { width: 144px; background: #FEFAF0; padding: 15px; margin-bottom: 15px; position: relative;}
.Search h3 { border-bottom: none; background: url(images/SearchHeadingIco.gif) no-repeat left top; padding-left: 20px; }
.Search form { padding: 0px; margin: 0px;}
.Search input { color: #6db6ff; font-size: 11px;}
.Search input.search { width: 25px; height: 20px; background: url(./images/SearchButton.png) no-repeat;}
.Search input.search:hover { background: url(./images/SearchButton.png) no-repeat 0 -25px; }
.Search input.searchIE {width: 25px; height: 20px; background: url(./images/SearchButton.png) no-repeat 0 -25px; }
.Search input.keyword { border: none; background: #fff; padding: 5px; border: none; } 

/* IE Win min height hack */ * html #buttonsearch { margin: -26px 0px 0px 180px; } /* */ 
#buttonsearch { padding: 0px; margin: -25px 0px 0px 180px; top: 0px; background: none; }


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Categories { width: 144px; background: #FEFAF0; padding: 15px; margin-bottom: 15px; position: relative;}
.Categories h3 { background: url(images/CategoriesHeadingIco.gif) no-repeat left top; padding-left: 20px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.General { width: 144px; background: #FEFAF0 no-repeat left bottom ; padding: 15px; margin-bottom: 15px; position: relative;}
.Sidetop { background: url(images/Sidetop.gif) no-repeat left top; position: absolute; top: 0px; right: 0px; height: 15px; width: 174px;}
.Sidebottom { background: url(images/Sidebottom.gif) no-repeat left top; position: absolute; bottom: 0px; right: 0px; height: 15px; width: 174px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Feeds h3 { background: url(images/FeedsHeadingIco.gif) no-repeat left top; padding-left: 20px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Archives h3 { background: url(images/ArchivesHeadingIco.gif) no-repeat left top; padding-left: 20px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Links h3 { background: url(images/LinksHeadingIco.gif) no-repeat left top; padding-left: 20px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Calendar h3 { background: url(images/CalendarHeadingIco.gif) no-repeat left top; padding-left: 20px; }
.Calendar a { color: #cc6600; text-decoration: none;}  
.Calendar a:visited { color: #cc6600; text-decoration: none;} 
.Calendar a:hover { text-decoration: underline; color: #993300; } 

.Calendar table { width: 100%; color:#660000; border: solid 1px #f6eed6;}
.Calendar table th { text-align: center; border-bottom: solid 1px #f6eed6; padding: 5px 0px;}
.Calendar table td { text-align: center; padding: 4px 0px; }
.Calendar table caption { background: #f6eed6; padding: 5px 0px; font-size: 14px;  color:#660000; font-weight: bold; text-align: left; padding-left: 10px;}
.Calendar table #today { background: #f6eed6;}
.Calendar table #prev { text-align: left; padding-left: 8px; font-weight: bold; letter-spacing: -1px;}
.Calendar table #next { text-align: right; padding-right: 8px;  font-weight: bold; letter-spacing: -1px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Footer { 	text-align: center;
	width: 784px;
	height: 50px;
	margin: 0px auto;
	padding-top: 4px;
	text-align: center;
	background: url(https://www.ingate.de/gfx/footer.png) no-repeat;
	clear: left;}
.Footer p { padding: 10px; margin: 0px; color:#6397CB; font-size: 10px;}
.Footer p a { color:#6397CB; text-decoration: underline;}