/* pointonCMS - Author:maekkes - www.pointon.de */

/* General settings */
* { margin: 0; padding: 0; }
body { background-color:#FFFFFF ; color:#000000 ; font:normal 12px/100% Arial, Verdana, Helvetica, sans-serif ; text-align:center ; }
form, table, fieldset, legend, span { display:block ; border:0px ; text-indent:0px ; }
ul { list-style:disc ; font-size:13px ; color:#686868 ; line-height:160% ; margin:0px 15px ; }
li { margin:0px 0px 7px 0px ; }
a { color:#000000 ; text-decoration:underline ; cursor:pointer ; font-weight:normal ; }
a:hover { }
img { border:0px ; }
td { vertical-align:top ; }
div.fixer { display:block ; float:left ; }

/* Layout Settings */
#container { width:992px ; margin: 0px auto ; display:block ; text-align:left ; }
#containerinner { width:992px ; margin: 10px 0px 0px 0px ; display:block ; float:left ; background-image:url(../images/designer/bg-main.gif) ; background-repeat:repeat-y ; }
#containerinner-24 { width:992px ; margin: 10px 0px 0px 0px ; display:block ; float:left ; }
div.cmstext { display: block; }
#headerrahmen { width:992px ; height:4px ; display:block ; float:left ; }
#headerrahmen div.erste { width:984px ; height:1px ; overflow:hidden ; margin:0px 3px ; background-color:#a2a3a3 ; border-left:1px solid ; border-right:1px solid ; border-color:#c8c8c8 ; }
#headerrahmen div.zweite { width:988px ; height:1px; overflow:hidden ; margin:0px 1px ; border-left:1px solid ; border-right:1px solid ; border-color:#c8c8c8 ; }
#headerrahmen div.zweite div.innen { width:984px ; height:1px; overflow:hidden ; margin:0px ; border-left:2px solid ; border-right:2px solid ; border-color:#a2a3a3 ; }
#headerrahmen div.zweite div.innen2 { width:984px ; background-color:#ffffff; height:1px; overflow:hidden ; margin:0px ; border-left:2px solid ; border-right:2px solid ; border-color:#a2a3a3 ; }
#headerrahmen div.zweite div.innen div.weiss { width:818px ; height:1px; overflow:hidden ; margin:0px 0px 0px 166px ; background-color:#ffffff ; }
#headerrahmen div.dritte { width:988px ; height:1px; overflow:hidden ; margin:0px 1px ; border-left:1px solid ; border-right:1px solid ; border-color:#a2a3a3 ; }
#headerrahmen div.dritte2 { width:988px ; background-color:#ffffff; height:1px; overflow:hidden ; margin:0px 1px ; border-left:1px solid ; border-right:1px solid ; border-color:#a2a3a3 ; }
#headerrahmen div.dritte div.weiss { width:820px ; height:1px; overflow:hidden ; margin:0px 0px 0px 168px ; background-color:#ffffff ; }
#headerrahmen div.vierte { width:990px ; height:1px; overflow:hidden ; margin:0px ; border-left:1px solid ; border-right:1px solid ; border-color:#c8c8c8 ; }
#headerrahmen div.vierte2 { width:990px ; background-color:#ffffff; height:1px; overflow:hidden ; margin:0px ; border-left:1px solid ; border-right:1px solid ; border-color:#c8c8c8 ; }
#headerrahmen div.vierte div.innen { width:988px ; height:1px; overflow:hidden ; margin:0px ; border-left:1px solid ; border-right:1px solid ; border-color:#a2a3a3 ; }
#headerrahmen div.vierte div.innen div.weiss { width:820px ; height:1px; overflow:hidden ; margin:0px 0px 0px 168px ; background-color:#ffffff ; }

#header { width:990px ; height:149px ; display:block ; float:left ; border-left:1px solid ; border-right:1px solid ; border-color:#a2a3a3 ; }
#header2 { width:990px ; height:205px ; display:block ; float:left ; border-left:1px solid ; border-right:1px solid ; border-color:#a2a3a3 ; }
#header div.logo { width:822px ; height:126px; overflow:hidden ; margin:0px 0px 0px 168px ; background-color:#ffffff ; }
#header2 div.logo2 { width:990px ; height:205px; overflow:hidden ; background-color:#ffffff ; background-image:url(../images/designer/header2.jpg) ; background-repeat:no-repeat ; }
#header div.fixerinner { margin:20px 0px 0px 540px ; }
#header div.logo a { width:277px ; height:91px ; border:0px ; }
#header div.login { width:990px ; height:23px; overflow:hidden ; background-color:#11216e ; }

#contents { width:990px ; display:block ; float:left ; border-left:1px solid ; border-right:1px solid ; border-color:#a2a3a3 ; }
#contents2 { width:990px ; display:block ; float:left ; border-left:1px solid ; border-right:1px solid ; border-color:#a2a3a3 ; background-color:#ffffff; background-image: url("../images/designer/content2-bg.gif"); }

#abstand { width:990px ; height:20px ; display:block ; float:left ; border-left:1px solid ; border-right:1px solid ; border-color:#a2a3a3 ; background-color:#ffffff ; }
#footer { width:990px ; height:12px ; display:block ; float:left ; border-left:1px solid ; border-right:1px solid ; border-color:#a2a3a3 ; background-color:#11216e ; }
#footerrahmen { width:992px ; height:4px ; display:block ; float:left ; margin:0px 0px 10px 0px; }
#footerrahmen div.erste { width:984px ; height:1px ; overflow:hidden ; margin:0px 3px ; background-color:#a2a3a3 ; border-left:1px solid ; border-right:1px solid ; border-color:#c8c8c8 ; }
#footerrahmen div.zweite { width:988px ; height:1px; overflow:hidden ; margin:0px 1px ; border-left:1px solid ; border-right:1px solid ; border-color:#c8c8c8 ; background-color:#11216e ; }
#footerrahmen div.zweite div.innen { width:984px ; height:1px; overflow:hidden ; margin:0px ; border-left:2px solid ; border-right:2px solid ; border-color:#a2a3a3 ; }
#footerrahmen div.dritte { width:988px ; height:1px; overflow:hidden ; margin:0px 1px ; border-left:1px solid ; border-right:1px solid ; border-color:#a2a3a3 ; background-color:#11216e ; }
#footerrahmen div.vierte { width:990px ; height:1px; overflow:hidden ; margin:0px ; border-left:1px solid ; border-right:1px solid ; border-color:#c8c8c8 ; background-color:#11216e ; }
#footerrahmen div.vierte div.innen { width:988px ; height:1px; overflow:hidden ; margin:0px ; border-left:1px solid ; border-right:1px solid ; border-color:#a2a3a3 ; }

table#default2 { width:990px ; border:0px ; }
table#default2 tr { width:990px ; }
table#default2 td.erste { width:168px ; padding:0px 0px 15px 0px ; }
table#default2 td.erste2 { width:257px ; }
table#default2 td.erste2 div.inhalt { width:230px; margin:0px 0px 0px 27px ; display:block ; }
table#default2 td.erste2 div.cmstext { margin:0px 0px 20px 0px ; background-color:#e6d8fa ; }
table#default2 td.zweite { width:651px ; padding:0px 0px 15px 0px ; }
table#default2 td.zweite2 { width:733px ; }
table#default2 td.zweite2 div.inhalt { width:613px; margin:0px 47px 20px 75px; display:block ; float: left; }
table#default2 td.zweite2 div.inhalt div.calendar { display: block; float: left; width: 613px; padding-bottom: 10px; }
table#default2 td.zweite2 div.inhalt div.calendar div.day { display: inline; float: left;  }
table#default2 td.zweite2 div.inhalt div.calendar div.day img { margin: 0px 2px 2px 0px; padding: 0px; }
table#default2 td.zweite2 div.teaser { margin:0px 2px 10px 0px ; background-color:#ffffff ; width:304px ; display:inline ; float:left ; }
table#default2 td.dritte { width:171px ; padding:0px 0px 15px 0px ; }
table#default2 td.zweite div.inhalt { width:595px; margin:22px 28px 0px 28px ; display:block ;  }
table#default2 td.dritte div.inhalt { width:152px; margin:22px 15px 0px 4px ; display:block ;  }
table#default2 td.dritte div.inhalt div.element { position: relative; background-color: #e6d8fa; margin-bottom: 20px; padding: 8px; }
table#default2 td.dritte div.inhalt div.element h1 { font-size: 14px; padding-bottom: 6px; line-height: 100%; font-weight: normal; color: #0c3182;  }
table#default2 td.dritte div.inhalt div.element p { font-size: 11px; line-height: 140%; color: #0c3182;  }
table#default2 td.dritte div.inhalt div.element a { font-size: 11px; line-height: 140%; color: #0c3182; font-weight: bold; text-decoration: none; }
table#default2 td.dritte div.inhalt div.element img { width: 136px; margin-top: 6px; }

#navi { display:block ; width:150px ; margin:19px 5px 0px 13px ; }
#navi div.main-navi { display:block ; float:left ; width:150px ; margin:3px 0px 0px 0px ; }
#navi div.main-navi div.erste { width:144px ; height:1px ; margin:0px 3px; background-color:#dde5f0; font-size:1px ; line-height:1px ; }
#navi div.main-navi div.zweite { width:148px ; height:2px; margin:0px 1px; background-color:#dde5f0; font-size:1px ; line-height:1px ; }
#navi div.main-navi div.mitte { display:block ; float:left ; width:150px ; background-color:#dde5f0; }
#navi div.main-navi#aktiv div.erste { background-color:#ffffff; }
#navi div.main-navi#aktiv div.zweite { background-color:#ffffff; }
#navi div.main-navi#aktiv div.mitte { background-color:#ffffff; }
#navi div.main-navi:hover { background-color:#11216e ; }

#navi div.main-navi div.childs div.erste { width:134px ; background-color:#dde5f0 ; }
#navi div.main-navi div.childs div.zweite { width:138px ; background-color:#dde5f0 ; }
#navi div.main-navi div.childs div.mitte { width:132px ; background-color:#dde5f0 ; padding-left: 8px; }
#navi div.main-navi#aktiv div.childs div.erste { background-color:#ffffff; }
#navi div.main-navi#aktiv div.childs div.zweite { background-color:#ffffff; }
#navi div.main-navi#aktiv div.childs div.mitte { background-color:#ffffff; }
#navi div.main-navi:hover div.childs { background-color:#11216e ; }

#partner { display:block ; float:left ; width:150px ; padding:19px 5px 0px 10px ; }

/* Content Settings */
#navi a { text-decoration:none ; color:#2c2c2c ; font-size:13px ; }
#navi div.childs a { vtext-decoration:none ; color:#2c2c2c ; font-size:11px ; }
#navi div.main-navi#aktiv a { color:#11216e ; font-weight:bold ;  }
#navi div.main-nai#aktiv div.childs a { color:#11216e ; font-weight:normal ;  }
#navi a span { line-height:120% ; margin:0px 7px ; width:136px ; }
#navi div.childs a span { line-height:120% ; margin:0px 7px ; width:126px ; }

h1 { font-size:22px ; line-height:100% ; font-weight:normal ; color:#11216e ; }
table#default2 td.erste2 div.inhalt h1 { font-size:16px ; line-height:150% ; padding:0px 5px 10px 5px ; font-weight:bold ; color:#ffffff ; background-color:#11216e; width:220px; }
table#default2 td.zweite2 div.teaser h1 { font-size:16px ; line-height:150% ; padding:0px 5px 10px 5px ; font-weight:bold ; color:#ffffff ; background-color:#11216e; width:294px; }
h2 { font-size:24px ; line-height:115% ; font-weight:bold ; color:#11216e ; }
h3 { font-size:18px ; line-height:115% ; font-weight:normal ; color:#686868 ; font-style:italic ; font-family:Times New Roman, Verdana, Arial ; }
h4 { font-size:20px ; line-height:130% ; font-weight:normal ; color:#11216e ; }
p { font-size:13px ; color:#686868 ; line-height:160% ; }
#contents2 b { color: #11216e; }
table#default2 td.erste2 div.inhalt p { font-size:11px ; color:#686868 ; line-height:160% ; padding:0px 5px; }
table#default2 td.erste2 div.inhalt p img { margin-left: -5px ; width:230px ; }
table#default2 td.zweite2 div.teaser p { font-size:11px ; color:#686868 ; line-height:160% ; padding:0px 5px; }
table#default2 td.zweite2 div.teaser p img { margin-left: -5px ; width:304px ; }
div.newss {padding:0px 5px ; }
div.newss h2 { font-size:13px ; color:#11216e ; line-height:160% ; font-weight:bold ; margin:25px 0px 0px 0px ; }
div.newss p { color:#ffffff ; }
div.newss a { color:#11216e ; text-decoration:underline ; font-weight:bold ; }
#footer span { display:inline ; float:left ; color:#ffffff ; font-size:9px ; line-height:10px ; padding-top:2px ; }
#footer span.eins { margin:0px 0px 0px 10px ; }
#footer span.zwei { margin:0px 5px 0px 560px ; }
#footer span.drei { margin:0px 0px 0px 5px ; }
#footer span a { color:#ffffff ; text-decoration:none ; }

/* Tabelle unten auf der Startseite */
table.teaser { width: 100%; background-color: #eef2f7; font-size:11px ; color:#686868 ; line-height:140%; }
table.teaser thead { background-color: #0b3082; color: #ffffff; text-align: center; }
table.teaser thead td { padding: 3px; }
table.teaser td { padding: 5px; width: 33%; border-right: 20px solid #ffffff; }
table.teaser img { width: 170px; }
table.teaser a { font-size: 11px; line-height: 140%; color: #484848; font-weight: bold; text-decoration: none; }

/* Galerie */
div.gallery { display: block; float: left; width: 100%; }
div.gallery div.innerhover { display: inline; float: left; border: 1px solid #c7d4e6; padding: 5px; margin: 16px 16px 0px 0px; }
div.gallery div.innerhover:hover { background-color: #dde5f0; }
div.gallery_footer { display: block; float: left; width: 100%; margin-top: 16px; text-align: center; }

/* Popup */
#popup { text-align: left; padding: 20px; }
#popup h1 { font-size:16px ; line-height:150% ; font-weight:bold ; color: #11216e; }
#popup h2 { font-size:14px ; line-height:100% ; font-weight:bold ; color: #11216e; margin-top: 10px; }
#popup p { font-size:11px ; color:#686868 ; line-height:160% ; }
#popup a { font-size:11px ; line-height:160% ; color: #11216e; font-weight: bold; text-decoration: none; }

/* Runde Ecken */
div.li_ob1 { position: absolute; top: 0px; left: 0px; height: 1px; width: 3px; background-color: #c6d4e6; }
div.li_ob2 { position: absolute; top: 1px; left: 0px; height: 1px; width: 1px; background-color: #c6d4e6; }
div.li_ob3 { position: absolute; top: 2px; left: 0px; height: 1px; width: 1px; background-color: #c6d4e6; }

div.re_ob1 { position: absolute; top: 0px; right: 0px; height: 1px; width: 3px; background-color: #c6d4e6; }
div.re_ob2 { position: absolute; top: 1px; right: 0px; height: 1px; width: 1px; background-color: #c6d4e6; }
div.re_ob3 { position: absolute; top: 2px; right: 0px; height: 1px; width: 1px; background-color: #c6d4e6; }

div.li_un1 { position: absolute; bottom: 0px; left: 0px; height: 1px; width: 3px; background-color: #c6d4e6; }
div.li_un2 { position: absolute; bottom: 1px; left: 0px; height: 1px; width: 1px; background-color: #c6d4e6; }
div.li_un3 { position: absolute; bottom: 2px; left: 0px; height: 1px; width: 1px; background-color: #c6d4e6; }

div.re_un1 { position: absolute; bottom: 0px; right: 0px; height: 1px; width: 3px; background-color: #c6d4e6; }
div.re_un2 { position: absolute; bottom: 1px; right: 0px; height: 1px; width: 1px; background-color: #c6d4e6; }
div.re_un3 { position: absolute; bottom: 2px; right: 0px; height: 1px; width: 1px; background-color: #c6d4e6; }

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 9%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; width: 60px;}
#nextLink { right: 0; float: right; width: 60px;}
#prevLink, #prevLink:visited { background: url(../images/prevlabel.gif) left 30% no-repeat; }
#nextLink, #nextLink:visited { background: url(../images/nextlabel.gif) right 30% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.5em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; height:22px;float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}