s/*
    Copyright (c) 2007 by U. Baumann, AO-COM GmbH, 3186 Duedingen, Switzerland
    http://www.ao-com.com/
    Stylesheet AO-COM.CH - Version 1.0 / 16.01.2008

	#####################
	### AO-COM STYLES ###
	#####################
*/

/* Core styles
   =========== */

/* Undo style presets */
a img,:link img,:visited img { border:none }
a:link, a:visited, a:active, a:hover {text-decoration:underline; font-weight:normal; color:#f00;}
:link, :visited {text-decoration: none}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,option,textarea, select,div { margin:0; padding:0 }
ul {list-style-type: square; padding: 0;}
ul,ol { list-style:none }
ul,ol,li,pre,form,body,html,p,blockquote,fieldset,input,label,dl,dt,dd,option,textarea,select {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/*
   Site Structure
   --------------
   Screen
   Page
   =============================================
   I                  Header                   I
   ---------------------------------------------
   I                  Content                  I
   I ContLeft     I                            I
   I   NaviSub    I    ContMain                I
   I   Address    I                            I
   ---------------------------------------------
   I                  Footer                   I
   =============================================
   
*/
body  {
    width:auto;
    height: auto;
   	padding: 10px 0 20px 0;
   	margin: 0;
   	background: #fff;
   	color: #333;
    }
   
#Screen { 
   	width: 100%;
   	margin: 0;
    } 

#Page { 
    /* Total width: 980px */ 
   	width: 950px;
    padding:0;
   	border: none;
   	margin: 0 auto; /* centering the page */
	background: #fff;
   	text-align: left; /* force text to be generally aligned to the right */
    } 

#Header {
	height: 110px; 
	width: 950px; 
	background: url(../../../media/img/top_vis_new_band20.jpg) no-repeat;
	overflow: auto;
}

#Content{
	width: 950px;
	margin: 0;
	padding: 0;
    overflow: auto;
	}

#ContLeft {
	width: 235px;
	min-height: 200px;
	margin: 5px 655px 0 60px;
	background:  url(../../../media/pix/bg_grey.jpg) scroll repeat-y;
}

#ContMain {
 	width: 600px;
	margin: 10px 20px 0 0;
	padding: 0;
	font-size: 13px; color: #555; font-weight: normal; letter-spacing: 0px;
	float: right;
	/* border-right: 1px solid #bbbbff; */
}

#Footer {
	width: 950px;
	height: 20px;
	/* border-top: 4px solid #00469c; background-color:#d4dbed;; */
	/* background-color:#dbe6f8; #ecf5fe; */
	margin-top: 12px; margin-bottom: 10px;
	padding: 0;
	background-image: url(../../../media/img/footer.jpg); background-repeat: no-repeat; background-position: top left;
	font-size: 11px;
	line-height: 11px;
    overflow:visible;
}


/* ContMain styles
   =============== */

	#ContMain p, #ContMain ul, #ContMain li, #ContMain b, #ContMain strong, #ContMain a, #ContMain em, #ContMain td, #ContMain input, #ContMain select {font-size: 11px; line-height: 17px; font-family:Verdana, Arial, Helvetica, sans-serif;}
	
	#ContMain table {width: auto; margin-bottom: 0.7em;}
	#ContMain .left {width: 49%; vertical-align: top; padding-right: 1em;}
	#ContMain .right {width: auto; vertical-align: top; padding-left: 1em;}
	
	#ContMain p {padding-bottom: 0.7em; padding-left: 0;}

	#ContMain ul {list-style-type: square; padding: 0 0 0 33px; margin-bottom: 12px;}
	#ContMain ul li {padding-left: 9px;}
	#ContMain ol {list-style-type: decimal; padding: 0 0 0 40px; margin-bottom: 12px;}
	#ContMain ol li {padding-left: 2px;}	

	#ContMain a:link    {text-decoration: none; color: #239bbe;}
	#ContMain a:visited {text-decoration: none; color: #239bbe;}
	#ContMain a:active  {text-decoration: none; color: #239bbe;}
	#ContMain a:hover  {text-decoration: none; color: #274897;}	

	#ContMain h1 {font-size: 1.5em;  color: #274897; letter-spacing: 0px; font-weight: bolder; margin-top:0; padding-top:0; padding-bottom:0;}
	#ContMain h2 {font-size: 0.85em;  color: #274897; letter-spacing: 0em; font-weight: bold; margin:0; padding:0 0 1em 0;}
	#ContMain h3 {font-size: 1.2em;  color: #888888; letter-spacing: 0em; font-weight: normal; margin-bottom: 0.3em; margin-top: 0.5em; border-bottom:1px solid #d7e5f0; padding-left:0; border-bottom:1px solid #888888;}
	#ContMain h4 {font-size: 0.85em;  color: #333; font-weight: bold;}
	#ContMain h5 {font-size: 0.85em;  color: #333; font-weight: bold; float:left; padding: 0.2em 1em 1em 0; width: 30%; display:block;}
	#ContMain h6 {font-size: 0.85em;  color: #333; letter-spacing: 0em; font-weight: normal; float:left; padding: 0.2em 1em 1em 0; width: 30%; display:block;}
	#ContMain h7 {font-size: 1.2em; font-weight: bold; color: #239bbe; padding: 20px 0 0 0; line-height: 1.2em;}
	#ContMain strong {color: #555; letter-spacing: 0.2em; font-weight: normal;}
	#ContMain bold {color: #555; letter-spacing: 0em; font-weight: bold;}
	#ContMain .msg {color: #555; letter-spacing: 0em; font-weight: bold;}
	#ContMain img {border: 0px solid  #09f; margin-top:4px;}

    .ImgLeft {float: left; border: 1px solid #003311; margin-right: 20px; margin-bottom:11px;}
    .ImgRight {float: right; border: 1px solid #003311; margin-right: 20px; margin-bottom:11px; }
    .ImgLeftNo {float: left; border: 0px solid #003311; margin-right: 20px; margin-bottom:11px; }
    .ImgRightNo {float: right; border: 0px solid #003311; margin-right: 20px; margin-bottom:11px; }
    .Img {border: 1px solid #003311; margin-bottom:11px; margin-top:15px;}
    .ColRed, .Error {color:#ff3333;}
    .ColGreen {color:#4b7f2b;}
    .ColBlue {color:#29427a;}
    .ColGold {color:#9b7a34;}
    .ColGrey {color:#8e8e8e;}


	#ContMain .FrontTab { text-align: left; vertical-align: top; width: 100%; padding: 0.2em 0.3em 0.2em 0.3em; margin:0;}
	#ContMain .FrontTab caption {text-align: left; vertical-align: top; font-weight: bold; padding: 0 0 0.2em 0.3em;}
	#ContMain .FrontTab th {text-align: left; vertical-align: top; padding: 0.2em 0.3em 0.2em 0; border-bottom: 1px solid #aaa; background: url(../../../media/pix/bg_grey.jpg) scroll repeat; font-weight: bold;}
	#ContMain .FrontTab td {text-align: left; vertical-align: top; padding: 0.2em 0.3em 0.2em 0; border-bottom: 0px solid #aaa; width:25%;}

	#ContMain .genhortab { text-align: left; vertical-align: top; width: 95%; padding: 0.2em 0.3em 0.2em 0.3em; margin:0;}
	#ContMain .genhortab caption {text-align: left; vertical-align: top; font-weight: bold; padding: 0 0 0.2em 0.3em;}
	#ContMain .genhortab th {text-align: left; vertical-align: top; padding: 0.2em 0.3em 0.2em 0; border-bottom: 1px solid #aaa; background: url(../../../media/pix/bg_grey.jpg) scroll repeat; font-weight: bold;}
	#ContMain .genhortab td {text-align: left; vertical-align: top; padding: 0.2em 0.3em 0.2em 0; border-bottom: 1px solid #aaa;}

	#ContMain .genvertab { text-align: left; vertical-align: top; width: 95%; padding: 0.2em 0.3em 0.2em 0.3em;}
	#ContMain .genvertab caption {text-align: left; vertical-align: top; font-weight: bold; padding: 0 0 0.7em 0;}
	#ContMain .genvertab th {text-align: left; vertical-align: top; font-weight: bold; padding-left: 0;}
	#ContMain .genvertab td {text-align: left; vertical-align: top; border-left: 1px solid #aaa;}

	#ContMain .genalltab { text-align: left; vertical-align: top; width: 100%; border-collapse:collapse;  padding: 0.2em 0.3em 0.2em 0.3em; margin:0;}
	#ContMain .genalltab caption {text-align: left; vertical-align: top; font-weight: bold; padding: 0 0.3em 0.2em 0.3em;}
	#ContMain .genalltab th {text-align: left; vertical-align: top; border: 1px solid #aaa; background: url(../../../media/pix/bg_grey.jpg) scroll repeat; font-weight: bold;}
	#ContMain .genalltab td {text-align: left; vertical-align: top; border: 1px solid #aaa; padding: 0 0.3em 0.2em 0.3em;}

	#ContMain .gennotab { text-align: left; vertical-align: top; width: 100%; border-collapse:collapse;  padding: 0; margin:0;}
	#ContMain .gennotab td {text-align: left; vertical-align: top; border-left: 0px solid #aaa; padding: 0.2em 0.3em 0.2em 0.0em;}

	#ContMain .floatleft {float: left; margin-right: 1em; margin-bottom: 0.2em; margin-top: 0.4em;}
	#ContMain .floatright {float: right; margin-left: 1em; margin-bottom: 0.2em; margin-top: 0.4em;}
	#ContMain .noborder {border: 0px solid #fff;}
	
	input {margin-bottom: 3px;}
	#sendButton {width: 153px; height: 25px;}
	#resetButton {width: 153px; height:25px;}
		
	.altline {background-color:#DDEAFF; }

	#ContMain div.newsEntry h2 { display:block; width:150px; float:left; color:#333333; font-size:11px; font-weight:bold; line-height: 17px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; margin-top:0px;}
	#ContMain div.newsEntry h5 { display:none; visibility:hidden;}
    	#ContMain div.newsEntry p { display:block; width:450px; color:#333333; font-size:11px; font-weight:normal; line-height: 17px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; float:right; padding-bottom:0;}
        #ContMain div.newsEntry p.NewsLink {visibility:hidden; display:none;}
    .newsEntry {overflow:auto; margin-bottom:12px;}
	#ContMain div.news h1 { font-size: 1.2em;  color: #888888; letter-spacing: 0em; font-weight: normal; margin-bottom: 0.3em; margin-top: 0.5em; border-bottom:1px solid #d7e5f0; padding-left:0; border-bottom:1px solid #888888;}
	#ContMain div.news h5 { display:none; visibility:hidden;}
    	#ContMain div.news p { padding-bottom: 0.7em; padding-left: 0; color:#333333; font-size:11px; font-weight:normal; line-height: 17px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; }
        #ContMain div.news p.NewsEntryLink { display:none; visibility:hidden !important;}
        

/* Right styles */
/* ########################################################################################################## */


/* ContLeft Styles
   =============== */

    /* Date and Time */
    #Date {
        margin: 0; padding: 0 0 5px 10px; background: #fff; color: #333; font-weight: normal;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:13px; text-align:center;
    }

	#SearchForm {
    	width: 235px;
        height: 20px;
        padding: 10px 0 10px 0;
        text-align:center;
    }

	#Address {
		margin:20px 10px 10px 22px;
		font-weight: normal; font-size: 10px; letter-spacing: 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #999999;
	}
	
	#Note {
		margin:20px 10px 10px 26px;
		color:#FF6600;
		font-size: 0.9em;
	}

/* Navigation Styles
   ================= */
    /* 1. level */
	#NaviSub ul li a {
		display: block;
		text-decoration: none;
        line-height: 20px;
		margin: 0 0 0 10px;
		padding: 0 0 0 20px;
		border-bottom: 1px solid #274897;
		font-size: 13px; font-weight: normal; color:#68AFD6; 
        background: #F2F8FF url(../../../media/pix/nav_minus.gif) 5px 5px no-repeat;
		}

	#NaviSub ul li a:hover {background: #E2F0FA url(../../../media/pix/nav_active.gif) 5px 5px no-repeat; color: #274897;}
    #NaviSub ul li.active a {background:#E2F0FA url(../../../media/pix/nav_active.gif) 5px 5px no-repeat; color:#274897;}
	#NaviSub ul li.sub_ul_true a {background:#F2F8FF url(../../../media/pix/nav_plus.gif) 5px 5px no-repeat;}
    #NaviSub ul li.sub_ul_true a:hover {background:#E2F0FA url(../../../media/pix/nav_plus_active.gif) 5px 5px no-repeat;}

	/* 2. level */    
    #NaviSub ul li ul li a,
    #NaviSub ul li.active ul li a {background:#F2F8FF url(../../../media/pix/nav_minus.gif) 25px 5px no-repeat ; padding-left:40px;}
    #NaviSub ul li ul li a:hover,
    #NaviSub ul li.active ul li a:hover {background: #E2F0FA url(../../../media/pix/nav_active.gif) 25px 5px no-repeat; color:#274897; }
    #NaviSub ul li ul li.active a {background:#E2F0FA url(../../../media/pix/nav_active.gif) 25px 5px no-repeat; color:#274897;}
   	#NaviSub ul li ul li.sub_ul_true a {background:#F2F8FF url(../../../media/pix/nav_plus.gif) 25px 5px no-repeat; }
    #NaviSub ul li ul li.sub_ul_true a {background:#F2F8FF url(../../../media/pix/nav_plus.gif) 25px 5px no-repeat; }
   	#NaviSub ul li ul li.sub_ul_true a:hover {background:#E2F0FA url(../../../media/pix/nav_plus_active.gif) 25px 5px no-repeat ; color:#274897; }

	/* 3. level */    
    #NaviSub ul li ul li ul li a,
    #NaviSub ul li ul li.active ul li a {background:#F2F8FF url(../../../media/pix/nav_minus.gif) 40px 5px no-repeat ; padding-left:60px;}
    #NaviSub ul li ul li ul li a:hover,
    #NaviSub ul li ul li.active ul li a:hover {background: #E2F0FA url(../../../media/pix/nav_active.gif) 40px 5px no-repeat; color:#274897; }
    #NaviSub ul li ul li ul li.active a {background:#E2F0FA url(../../../media/pix/nav_active.gif) 40px 5px no-repeat; color:#274897;}
   	#NaviSub ul li ul li ul li.sub_ul_true a {background:#F2F8FF url(../../../media/pix/nav_plus.gif) 40px 5px no-repeat; }
    #NaviSub ul li ul li ul li.sub_ul_true a {background:#F2F8FF url(../../../media/pix/nav_plus.gif) 40px 5px no-repeat; }
   	#NaviSub ul li ul li ul li.sub_ul_true a:hover {background:#E2F0FA url(../../../media/pix/nav_plus_active.gif) 40px 5px no-repeat ; color:#274897; }

	/* 4. level */    
    #NaviSub ul li ul li ul li ul li a,
    #NaviSub ul li ul li ul li.active ul li a {background:#F2F8FF url(../../../media/pix/nav_minus.gif) 55px 5px no-repeat ; padding-left:80px;}
    #NaviSub ul li ul li ul li ul li a:hover,
    #NaviSub ul li ul li ul li.active ul li a:hover {background: #E2F0FA url(../../../media/pix/nav_active.gif) 55px 5px no-repeat; color:#274897; }
    #NaviSub ul li ul li ul li ul li.active a {background:#E2F0FA url(../../../media/pix/nav_active.gif) 55px 5px no-repeat; color:#274897;}
   	#NaviSub ul li ul li ul li ul li.sub_ul_true a {background:#F2F8FF url(../../../media/pix/nav_plus.gif) 55px 5px no-repeat; }
    #NaviSub ul li ul li ul li ul li.sub_ul_true a {background:#F2F8FF url(../../../media/pix/nav_plus.gif) 55px 5px no-repeat; }
   	#NaviSub ul li ul li ul li ul li.sub_ul_true a:hover {background:#E2F0FA url(../../../media/pix/nav_plus_active.gif) 40px 5px no-repeat ; color:#274897; }


/* Navisub styles */
/* ########################################################################################################## */


/* Footer styles */
/* ########################################################################################################## */

	#Footer #Copyright {
		padding-left:330px;
		padding-top: 4px;
		padding-bottom: 0px;
		float: left;
		font-size: 11px;
	}

	#Footer #Certificate a{
		padding-left:20px;
		padding-top: 4px;
		padding-bottom: 0px;
		float: left;
		font-size: 11px;
	}

/* hide hack from Mac-IE5 \*/
* html #Certificate { height: 1%; }
/* end hiding */

	#Footer #Disclaimer a{
		padding-left:20px;
		padding-top: 4px;
		padding-bottom: 0px;
		float: left;
		font-size: 11px;
	}

	#Footer #Impressum a{
		padding-left:20px;
		padding-top: 4px;
		padding-bottom: 0px;
		float: left;
		font-size: 11px;
	}

	#Footer #W3C-HTML a{
		padding-top: 4px;
		padding-bottom: 0px;
		float: right;
		font-size: 11px;
	}

	#Footer #W3C-CSS a{
		padding-top: 4px;
		padding-left:20px;
		padding-right: 20px;
		padding-bottom: 0px;
		float: right;
		font-size: 11px;
	}

	#Footer a:link    {text-decoration: none; color: #239bbe; }
	#Footer a:visited {text-decoration: none; color: #239bbe; }
	#Footer a:active  {text-decoration: none; color: #239bbe; }
	#Footer a:hover  {text-decoration: none; color: #274897; }	

/* --- DIV-Version der Bild-Anordnungen ------------------------- */

.phpwcmsImgListRight { text-align:right; } /* NEU ab 1.2.9_pre */

.imgDIVtopLeft       { text-align:left; padding-bottom:10px; }
.imgDIVtopCenter     { padding-bottom:10px; } 
.imgDIVtopRight      { text-align:right; padding-bottom:10px; } 
 
.imgDIVbottomLeft    { padding-top:10px; }
.imgDIVbottomCenter  { padding-top:10px; } 
.imgDIVbottomRight   { padding-top:10px; }

.imgDIVinTextLeft    { float:left;  padding:0px 30px 5px 0px; } 
.imgDIVinTextRight   { float:right; padding:0px 0px 5px 30px; }
 
.imgDIVblockImgLeft  {  padding:0; margin-right:30px; }
.imgDIVblockImgRight {  padding:0; margin-left: 30px; }


/* --- Bildunterzeile fuer Einzelbild und Serien-Bilder --------- */

.image_caption, .imglistcaption {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px; 
   font-weight: normal;
   color: #999999;
   text-align: left;
   padding-top:3px;
}


/* ============================================================== */

/* --- ContentPart - Abstand "vor" und Abstand "nach" --- */
.spaceBeforeCP { clear:both; 
/* border-top:1px solid RED; */
 }
.spaceAfterCP  { 
/* border-top:1px dotted BLUE; */
 }


/* --- Suche --- */
.phpwcmsSearchResult { 
   margin: 15px 0 15px 0; 
}
.phpwcmsSearchResult h3 {
	margin:10px 0 1px 0; font-size:12px; font-weight:bold; 
}
.phpwcmsSearchResult p { 
   margin: 0; 
}
.phpwcmsSearchResult em.highlight, em.highlight {
	background-color: #FFFF00; font-style:inherit; 
}

#search_input_field { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width:140px; height:12px; line-height:11px; float:left; padding:0; margin: 1px 5px 0 15px;}
#search_submit_button { width:70px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:11px; float:right; padding:0; margin:0; height:18px; vertical-align:middle;}

/* --- Artikel-Liste --- */
.phpwcmsArticleListEntry {
	clear: both;
}
.phpwcmsArticleListImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
}
.phpwcmsArticleListImageCaption {
	padding-top: 5px;
}

/* --- Navigation --- */

.navnormal a:link, .navnormal a:visited, .navnormal a:hover, .navnormal a:active{
	color:#68afd6; text-decoration:none; margin-left: 0px; font-size:1em; }
.navnormal a:hover{color:#274897; text-decoration:none; margin-left: 0px; font-size:1em; }

.navactive a:link, .navactive a:visited, .navactive a:hover, .navactive a:active{
	color:#274897; text-decoration:none; margin-left: 0px; font-size:1em; }
.navactive a:hover{color:#274897; text-decoration:none; margin-left: 0px; font-size:1em; }

/* --- Formular --- */
.formLabel {width: 150px; padding:0 0 3px 0 !important;}
.formLabelRequired {width: 150px; padding:0 0 3px 0 !important;}
.formField {padding:0 0 3px 0 !important;}
#Senden {margin-top: 12px;}
#Frage_Mitteilung {margin: 12px 0 12px 0 !important;}
td.formSearch input#search_input_field, input#search_submit_button { line-height:11px;}

/* --- Paginierung --- */


/* --- Gaestebuch --- */
/* ########################################################################################################## */

	.gbFormLabel {float:left; text-align: left; width: 100px; padding-right: 5px;
	font-size: 11px; line-height: 17px; font-family:Verdana, Arial, Helvetica, sans-serif;}

	.gbInputField {font-size: 11px; line-height: 17px; font-family:Verdana, Arial, Helvetica, sans-serif; width: 400px;}
/* --- Gaestebuch Eintragsfeld --- */

	.gbInputTextarea {font-size: 11px; line-height: 17px; font-family:Verdana, Arial, Helvetica, sans-serif; width: 400px;}

	.gbListEntry {font-size: 11px; line-height: 17px;  border-top: 1px solid #888888; margin-top: 12px; padding-top:12px;}
	.gbListEntry h1 {font-size: 1.35em !important; line-height: 17px; margin-bottom: 12px;} 
	.gbListEntry h2 {font-size: 11px; line-height: 17px;  }
	
	.gbFormLabelCaptcha {float:left; text-align: left; width: 100px; padding: 5px 5px 0 0;
	font-size: 11px; line-height: 17px; font-family:Verdana, Arial, Helvetica, sans-serif;}
	#gbCaptchaImage {padding-left: 20px; height:32px; margin-top:0px !important;}
	.gbInputFieldCaptcha {vertical-align:top; margin-top:5px;}

/* --- Gaestebuch Posting-Liste --- */


/* --- Gaestebuch Kommentar --- */


/* Print styles */
/* ########################################################################################################## */

@media print {

#page {
	width:99%;
	text-align:left;
	background-color: transparent;
}

#header, #navi, #identifier, #footer {display:none;}

#left {
	width:20%;
	min-height:20px;
	background:none;
}

#address {
	display: block;
	width:200px;
	height:100px;
	background:none;
	margin:0;
	font-weight: normal; font-size: 11px; letter-spacing: 0px;
	}

#ContMain {
 	width:90%;
	text-align:left;
	margin:0;
	padding:0;
}
}