﻿/* DEFAULTS
----------------------------------------------------------*/

 @media print {
	 #TopNav-BG { display:none;}
	 #Content-Head-BG { display:none;}
	 #pathviewer { display:none;}
	 xxx.right240 { display:none;}
	 xxx.tabs { display:none;}
	 #Content-Middle-BG {background-color:#fff!important;}
	 body {background-color:#fff!important;}
	 .copyright { display:none;}
	 footer.links {display:none;}
	 .tabsShare {display:none;}
    xxx.contentleft735 { width:100%!important;}
    xxx.Box {	-moz-box-shadow: none!important;
            -webkit-box-shadow: none!important;
            box-shadow: none!important;
            border:1px solid #fff!important;}
	 
	 #page_top {display:none;}
	 #navtop {display:none;}
	 
	 #jcornerBig, #Bannerecke { display:none;}
	 #jcornerSmall  { display:none;}
	 #page_top  { display:none;}
	 #page_top_content  { display:none;}
	 #top_tools { display:none;}
	 html {background-image:none!important;background-color:#fff!important;}
	 body {background-color:#fff!important;}
	 #Logohint { display:none;}
	 .sliderGallery {display:none;}
	 .noprint {display:none;}
}



* {margin:0; padding: 0; 
   /*-webkit-text-size-adjust: none; /*
	/*Debughilfe*/
	/* border: 1px solid #0F0!important;  */
	xbox-shadow:none!important;
	xborder-radius:none!important;
	}
html {overflow-y:scroll; background-color:#dedede; }
html, body { }
body   {
        height:100%;
        color: #333;
        background-color:#f2f2f2;
        }
        
body, button, input, textarea, ul, td {
    font-size: 13px;
    Line-height: 1.2em; 
    font-family: "Segoe UI", 'Lucida Grande', Arial, Tahoma, Helvetica, "Lucida Grande", Verdana, sans-serif;
    }
    
img, img a {border-width: 0; outline: none;}
i, em {}
b, strong {font-weight:600;}
sup, sub {line-height: 0;font-size: 60%;}


a:link, a:visited {color: #333;}
a:hover {color: #000; text-decoration: none;}
a:active {color: #333;}

p
{
    margin-bottom: 10px;
    line-height: 1.6em; 
}






/* HEADINGS
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    color: #444;
    font-weight: 200;
    margin-bottom: 0px;
    font-family: 'Open Sans', Arial, Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
    line-height:1.3em;
}

h1 {font-size: 24px;
    padding-bottom: 0px;
    margin: 0 0 14px;
}

h2 {font-size: 2.0em; font-weight: 700;}

h3 {font-size: 16px;
    line-height:1.4em;
    font-weight:400;
    margin:10px 0px 10px 0px;}

h4 {font-size: 1.3em;
    margin: 30px 0 8px;
    color:#000;
    font-weight:600;}

h5, h6 {font-size: 1em;
        font-weight:600;}
        
.ShadowHeadDark, h1.ShadowHeadDark, h4.ShadowHeadDark {text-shadow: #fff 1px 1px 2px ; color:#444!important;}
.ShadowHeadLight, h1.ShadowHeadLight, h4.ShadowHeadLight {text-shadow: 0px 1px 3px #000; color:#fff!important;}

h1.ShadowHeadDark, h1.ShadowHeadLight {font-weight:normal; font-weight:700; line-height:1.2em; margin-left:0px; font-size:24px;}
h4.ShadowHeadLight, h4.ShadowHeadDark {font-weight:normal; font-size:16px; line-height:1.2em; margin-left:20px; margin-top:-10px;}

p {margin-bottom: 8px; line-height: 1.5em;}

.note, .warning, blockquote {padding:5px 10px 8px 70px; 
                             
       margin:15px 0px 20px 0px;
       clear:both;
       min-height: 42px;
       border: 1px solid #999;
       	-moz-border-radius:4px; /* Firefox */
	    -webkit-border-radius:4px; /* Safari, Chrome */
	    -khtml-border-radius:4px; /* Konqueror */
	    border-radius:4px; /* CSS3 */}
	    
.note {background:#f6f6f6 url(/images/layout/sym/Note-Information-48.png) no-repeat 10px 3px;}
.warning {background:#f6f6f6 url(/images/layout/sym/Warnung-rgb-48.png) no-repeat 10px 3px; color:#dd0000; xfont-weight:bold;}
blockquote {background:#f6f6f6 url(/images/layout/sym/zitat-2-48.png) no-repeat 10px 10px;
            quotes:"\201C""\201D""\2018""\2019"; font: italic normal 15px/1.4em  'Segoe ui', 'Open Sans', verdana, Georgia;
            }

blockquote p {display:inline;}

a { text-decoration:none; color:#222; outline:none;}

.Link, .Link:link {text-decoration:none; color:#333;}
.Linkhell {color:#333; text-decoration:none; }      
       
.Link:before, .Linkhell:before {content: "\00BB \ ";}

 a.nolink:link,  a.nolink:visited {color:#222;	text-decoration:none;}
 a.nolink:hover {}

.first.column p, .first.column li  { padding-right: 30px; }
.last.column p, .last.column li { padding-right: 0px; margin-left:20px;}


ul, ol 
{   list-style: outside url("/images/Layout/Sym/Aufzaehlung-4.png");
    padding-left:22px;
    margin-top:16px;
    margin-bottom: 15px;
    margin-left:15px;
    line-height:1.3em;
}
.spalten2, .spalten2done, li {list-style-position:outside;}
li {margin-bottom:3px;}
 
ul.download {padding-left:22px; margin-left:0px; }
ul li.pdf_icon { list-style-image:url("/images/Layout/Sym/pdf-icon.gif"); list-style-position:inside; border-bottom:1px solid #ccc; margin-bottom:4px; padding-bottom:2px; margin-right:15px;}

    
hr { height:0px; margin:4px 0px; border-top:1px solid #c8c8c8; border-bottom:1px solid #fff; border-left:0px; border-right:0px;}

.TextSpalten {float:left; width:285px;}
.TextSpalten {}
.Spalte-1-3 {padding-right:20px; padding-left:0px; border-right: 1px solid #ccc;}
.Spalte-2-3 {padding-right:20px; padding-left:20px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-left:-1px;}
.Spalte-3-3 {padding-right:0px; padding-left:20px; border-left: 1px solid #ccc; margin-left:-1px; }



/* Buttons
---------------------------------------------------------*/
button, .button {cursor:pointer;}

.flag {border-style:none;float:right;padding-left:2px; background-color:transparent; margin-top:2px; margin-left:5px;}

.button, .buttonsmall
{
    display: inline-block;
    white-space: nowrap;    
    background:#dcdcdc;
    font-size:12px;
    line-height:1.2em;
    font-weight:normal;
    color:#111!important;
    margin:0px 5px 10px 0px;
    padding:3px 10px;
    text-align:center;
    border:1px solid #999;
	-moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari, Chrome */
	-khtml-border-radius:2px; /* Konqueror */
	border-radius:2px; /* CSS3 */

    }
.button:hover, .buttonsmall:hover  
{
    color:#fff!important;
    background-color:#555;
    border:1px solid #555;
    }
    
.buttonsmall {padding:2px 5px 3px 5px;font-size:11px;line-height:1.0em;}
    
 .buttonsidebar {background-color:#eee; 
                 color:#666;
                font-size:11px;
                padding:3px 10px;
                
                width:auto; 
                margin:7px -10px -10px -10px;
                
                display:block;
                margin-top:7px;
                border-top:1px solid #c8c8c8;
                
                -moz-border-radius:2px; /* Firefox */
	            -webkit-border-radius:2px; /* Safari, Chrome */
	            -khtml-border-radius:2px; /* Konqueror */
	            border-bottom-right-radius:2px; /* CSS3 */
	            border-bottom-left-radius:2px; /* CSS3 */
	            }       
        
 .buttonsidebar:hover     
{
    color:#fff!important;
    background-color:#666;
    }
    
    


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
header, nav, section, footer, aside {display: block;}

header { }
nav { }
section { }
section.contentleft735 {width:735px; float:left; padding-left:6px;}
section.contentleft990 {width:979px; float:left; padding-left:6px;}
section.contentright735 {width:735px; float:right;}

footer { }
footer.copyright {text-align:left; background:url(/images/Layout/Top-Border-Bottom.png) repeat-x; width:100%; height:25px; 
                  position:fixed; bottom:0px; left:0px; z-index:70; padding-top:0px; overflow:hidden; margin-top:-15px;}
footer.copyright div.content {margin:0px auto 0px auto; width:990px; height:25px;}

footer.links {width: 100%; background: #dedede; padding-bottom:34px;}
footer.links div.content {width:990px; margin:5px auto 0px auto; text-align:left; padding-top:10px; color:#666;}

footer.links div.content a:link, footer.links div.content a:visited {color:#666;text-decoration:none;}
footer.links div.content a:hover {color:#333;}

aside { }
aside.right240 {width:234px;margin-left:15px;float:right; right:0px;}
aside.left240 {width:240px;margin-right:15px;float:right; right:0px;}




.page {width: 990px; margin: 20px auto 0px auto; position:relative; z-index:1;}
.header {position: relative; margin: 0px 0px 20px 0px; padding: 0px; width: 100%; height:30px;}
.logo {display: block; float: left; text-align: left; width: auto;}
.Language {width:275px;height:26px; float:right; white-space:nowrap;}
.banner {}
.topmenu {clear:both;}

.main {
    margin: 0px 0px 8px 0px;
    min-height: 300px;
    clear:both;
    background-color:#fff;
    padding:20px;
    
    -moz-box-shadow: 0px 1px 5px 1px  #666;
    -webkit-box-shadow: 0px 1px 5px 1px  #666;
    box-shadow: 0px 1px 5px 1px  #666;
    
    -moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari, Chrome */
	-khtml-border-radius:2px; /* Konqueror */
	border-radius:2px; /* CSS3 */
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}





/* Definition Layout Inhalt DIVs*/

#TopNav-BG {position:fixed;  top:0px; z-index:10; background:url(/images/Layout/top-logo-Leiste.png) repeat-x top center; 
			width:100%; height:105px; min-width:990px; text-align:center;}
#TopNav-C {width:990px;margin:0 auto;}

/* Definition Obere Tools*/
#TopNav-C-Tools {float:right; font-weight:bold; font-size:10px; width:680px; margin-top:0px; height:30px;}
#TopNav-C-Tools div {color:#848484; float:right; height:18px; margin:2px 3px; white-space:nowrap;}
#TopNav-C-Tools a {color:#848484;}
#TopNav-C-Tools a:hover {color:#FFFFFF;}

/* Definition Pfad*/
#pathviewer {height: 30px; overflow:hidden; width: auto; background: url(/images/Layout/Top-Border-Bottom.png) top repeat-x; overflow: hidden;}
#pathviewer-C {width:990px; margin:0 auto; padding-left:0px; text-align:left; font-size:10px; line-height:1.3em;}
.PathContent { margin-top:5px; margin-left:7px; display:block; float:left; }
.PathSeparator {display:block; float:left; margin:-2px 0px 0px 2px;}
#pathviewer-C a, #pathviewer-C a.focus, #pathviewer-C a:active, #pathviewer-C a:visited {color:#b5b5b5;	text-decoration:none;  }
#pathviewer-C a:hover {text-decoration:none;  color:#ffd02d;}

#Content-Head-BG {position:relative; z-index:2; background-position:center top; margin-top:32px; min-width:890px; overflow:hidden; background-color:#f2f2f2;}
#Content-Head-C {width:890px; margin:0px auto 0 auto; padding:120px 0px 0px 0px; height:110px;  text-align:left;}

#Content-Middle-BG {position:relative; z-index:5; width:100%; margin:0px auto; padding-bottom:10px; xxxbackground:#eee;}
#Content-Middle-C {position:relative; width:990px;  margin:10px auto 0 auto; text-align:left; }

#PageClear {clear:both; height:10px;}

.fullBg {position: fixed;top: 0;left: 0;overflow: hidden;}


/*Footer 
----------------------------------------------------------*/
Footer {color: #b5b5b5;}
Footer a:link, Footer a:visited {color:#b5b5b5;text-decoration:none;}
Footer a:hover {color:#ffcf42;}

.footer {
    padding: 3px 0px 0px 0px;
    margin: 5px 7px 5px 6px;
    text-align: center;
    line-height: 1.1em;
    font-size:10px;
    float:right;
    display:block;
    height:25px;
    overflow: hidden;
    white-space:nowrap;
    background:url(/images/layout/sym/Map-Icons-Norm.png) no-repeat -500px 0px;
    }
.footer:hover {background-image: url(/images/layout/sym/Map-Icons-hover.png);}
	
.FooterSplit {
    background: url(/images/Layout/Splitter.png) no-repeat;
    margin-top:1px; 
    height:20px; 
    padding:0px 0px 0px 4px; 
    float:left;
    }


/* Tabs 
-------------------------------------------------------*/

/* root element for tabs  */
.tabs, .manualtabs { 
	list-style:none; 
	margin:0px 0px 0px 0px !important; 
	padding:0;
	height:32px;
}

.tabs li, .manualtabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0;
	list-style-image:none !important; 
}

.tabs a, .manualtabs a { 
	font-size:11px;
	font-weight:normal;
	color:#666;
	display:block;
	height: 30px;  
	line-height:25px;
	text-align:center;	
	text-decoration:none;
	padding:0px 8px;
	margin:0px;	
	position:relative;
	top:7px;
	z-index:1;
	border:solid 1px #dedede;
	background:#fff url(/images/layout/tab-norm-hint.gif)!important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	

}

.tabs a:active, .manualtabs a:active {outline:none;}

.tabs a:hover, .manualtabs a:hover {
	background:#aaa url(/images/layout/tab-hoover-hint.gif)!important;
	color:#333!important;
}

.tabs .current, .tabs .current:hover, .tabs li.current a, .manualtabs .current, .manualtabs .current:hover, .manualtabs li.current a {
	cursor:default !important; 
	border:solid 1px #333;
	background:#333 url(/images/layout/tab-aktive-hint.gif)!important;
	color:#fff;
}

.tabs .current:hover, .manualtabs .current:hover {
	color:#fff!important;
}

.manualtabs {height:40px;}
.manualtabs a {height:38px; font-size:13px; font-weight:bold; padding-top:3px; color:#333; }
.manualtabs, .manualtabs li.current a, .manualtabs li.current, .manualtabs .current {background-image:none!important;}
.manualtabs a {background-image:none!important;}

.ULLinks li {font-weight:bold;}
.ULLinks li a.current {color:#999;}

/* root element for tabsShare  */
.tabsShare { 
	list-style:none; 
	margin:0px!important; 
	padding:0;
	height:32px;
	float:right;
	width:190px;
}

.tabsShare li { 
	float:right;
	margin:0px 0px 0px 3px !important;
	text-indent:0;
	padding:0;
	list-style-image:none !important; 
}

.tabsShare a, .tabsShare div { 
	font-size:10px;font-weight:normal;line-height:18px;color:#666;text-decoration:none;
	display:block;
    height:18px; 
    padding:0px 6px;
	text-align:center;	
	margin:0px;	
	position:relative;
	top:7px;
	z-index:1;
	xxxborder:solid 1px #dedede;
	xxxbackground:#fff url(/images/layout/tab-norm-hint.gif)!important;
	
	xxx-webkit-border-radius: 4px;
	xxx-moz-border-radius: 4px;
	xxx-khtml-border-radius: 4px;
	xxxborder-radius: 4px;
	xxx-moz-box-shadow: 1px 1px 2px 0px  #888;
    xxx-webkit-box-shadow: 1px 1px 2px 0px  #888;
    xxxbox-shadow: 1px 1px 2px 0px  #888;
}
.tabsShare div {color:#666!important;  cursor:default;}
.tabsShare a:active {outline:none; }
.tabsShare a:hover {xxxbackground:#aaa url(/images/layout/tab-hoover-hint.gif)!important;
	color:#333!important;;cursor:pointer;}


/* root element for next prev  */
.tabsNextPrev { 
	list-style:none; 
	margin:0px!important; 
	padding:0;
	height:32px;
	float:right;
	width:180px;
}

.tabsNextPrev li { 
	float:right;
	margin:0px 0px 0px 3px !important;
	text-indent:0;
	padding:0;
	list-style-image:none !important; 
}

.tabsNextPrev a, .tabsNextPrev div { 
	font-size:10px;font-weight:normal;line-height:18px;color:#fff;text-decoration:none;
	display:block;
    height:18px; 
    padding:0px 6px;
	text-align:center;	
	margin:0px;	
	position:relative;
	top:7px;
	z-index:1;
	border:solid 1px #333;
	background:#333 url(/images/layout/tab-aktive-hint.gif)!important;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px 0px  #999;
    -webkit-box-shadow: 1px 1px 1px 0px  #999;
    box-shadow: 1px 1px 1px 0px  #999;
}
.tabsNextPrev div {color:#666!important;  cursor:default;}
.tabsNextPrev a:active {outline:none; }
.tabsNextPrev a:hover {color:#ffd02d;cursor:pointer;}


/* initially all panes are hidden */ 
.panes .pane {display:none;}
.pane {display:block;width:auto;position:relative;z-index:2;padding:10px;}
#panes_main section.pane {padding:20px!important;display:block;}




/* Boxen
------------------------------------------------*/
.HeightAuto { height:auto!important; cursor:s-resize;}
.Hidden {display:none!important; }

.Box-iconbar {cursor:move;}

.Box-icon {background-image: url(/images/layout/sym/Map-Icons-Norm.png);
           width:16px;height:16px;display:block;float:right;}

.Box-icon-close {background-position: 0px -224px; cursor:pointer;}
.Box-icon-minus {background-position: -16px -224px; cursor:pointer;}
.Box-icon-plus {background-position: -32px -224px; cursor:pointer;}
.Box-icon-open {background-position: -30px -224px; cursor:pointer;}

.Box-icon:hover {background-image: url(/images/layout/sym/Map-Icons-Hover.png);}


.Box-header {padding: 3px 3px 2px 10px;
             background:#333 url(/images/layout/tab-aktive-hint.gif)!important;
             border-bottom:1px solid #ccc;
             color:#f1f1f1;
             font-size:11px;
	        -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
              }

.Box-header .ui-icon {float: right;  }
.Box-content { padding:0px 10px;}
.Box-Image {border-bottom:1px solid #c8c8c8; line-height:1px; }


.dark { background-image:none!important;
        background-color:#333!important;
        color:#f1f1f1;
        border:#000!important;}

a.Box_link  {text-decoration:none!important; color:#f1f1f1; margin:0px; padding:0px;}

.Box_small_right {float:right; margin-left:18px;}
.Box_small_left {float:left; margin:0px 23px 20px 0px;}

.Box_small_right, .Box_small_left {overflow:hidden; 
                                   padding-bottom:10px;
                                   font-size:10px;
                                   font-weight:normal;
                                   width:208px;
                                   -moz-border-radius:4px;
	                                -webkit-border-radius:4px;
	                                -khtml-border-radius:4px;
	                                border-radius:4px;
	                                -moz-box-shadow:    0px 0px 4px 0px  #999;
                                    -webkit-box-shadow: 0px 0px 4px 0px  #999;
                                    box-shadow:         0px 0px 4px 0px  #999;
                                    background:#fff;
                                    }


.Box_small_right h1, .Box_small_left h1 {margin:4px 0px;font-size:15px;font-weight:600; line-height:1.2em;}
.Box_small_right h4, .Box_small_left h4 {margin:4px 0px;font-size:11px; line-height:1.2em; color:#444; font-family: Arial;}
.Box_small_right p, .Box_small_left p {Line-height:1.4em; margin:5px 0px;color:#555;}
.Box_small_right select, .Box_small_left select {font-size:11px;}


.Box1-4 {width:232px!Important;}
.Box2-4 {width:477px!Important;}
.Box1-4-2 {width:232px!Important; height:417px!Important;}
.BoxBlank {float:left;overflow:hidden;margin:5px 11px 10px 0px;height:200px;}
	
.BoxBlank {    
	border:solid 1px transparent;
	background:none!important;
	-moz-border-radius:none; 
	-webkit-border-radius:none; 
	-khtml-border-radius:none; 
	border-radius:none; 
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

 .Box, .Box_small_sidebar {
	background-color:#fff;
	
	-moz-box-shadow: 0px 1px 5px 1px  #666;
    -webkit-box-shadow: 0px 1px 5px 1px  #666;
    box-shadow: 0px 1px 5px 1px  #666;
    
    -moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari, Chrome */
	-khtml-border-radius:2px; /* Konqueror */
	border-radius:2px; /* CSS3 */
   
    }  
     
.Box_small_sidebar {margin:0px 5px 15px 0px;font-size:11px;background:#fff;}
    



/* Tag Cloud
----------------------------------------------*/

    #tags {margin: 0px 0px 0px 0px; width:432px; float:left;}
	#tags ul{margin:0px 0; padding:0px 10px;text-align:center;}
	#tags li{margin:0;padding:0;list-style:none;display:inline; line-height:1.0em;}
	#tags li a{text-decoration:none;color:#666;padding:0 2px;}
	#tags li a:hover{color:#000;}		
	
	.tag1{font-size:80%;}
	.tag2{font-size:100%;}
	.tag3{font-size:110%;}
	.tag4{font-size:130%;}
	.tag5{font-size:150%;}
	.tag6{font-size:170%; font-weight:bold;}




/* FORM ELEMENTS   
----------------------------------------------------------*/


input[type=text], input[type=file], input[type=checkbox], input[type=password],select, textarea
{   
    margin: 0px 6px 2px 0px;
    font-size:12px;
    border:1px solid #ccc;
    padding:1px 1px 3px 3px;
	color:#333;
}

input[type=checkbox] {padding:0px; border:1px;}
input[type=radio] {margin-right:4px;}
input[type=file] {padding:2px 1px 2px 3px; margin: 0px 6px 2px 0px; color:#333; border:1px solid #ccc; background-color:#fff;}
select {padding:1px 1px 1px 0px; }

fieldset {}
legend {}

input.SearchBox 
{   margin:-8px 0px 0px 0px;
    padding:1px 2px 1px 5px;
    height:13px;
    font-size:10px;
    width:80px;
    
    border:solid 0px #333;
    color:#000;
	background:#888;
	-moz-border-radius:4px; /* Firefox */
	-webkit-border-radius:4px; /* Safari, Chrome */
	-khtml-border-radius:4px; /* Konqueror */
	border-radius:4px; /* CSS3 */
	
	-moz-box-shadow: inset 1px 1px 4px 0px  #444;
    -webkit-box-shadow: inset 1px 1px 4px 0px  #444;
    box-shadow: inset 1px 1px 4px 0px  #444; 
}
input.SearchBox:focus {background:#fff;}

input.SearchButton    
{
    margin:4px 4px 4px 0px;
    cursor:pointer;
    padding:1px 2px 0px 3px;
    height:17px;
    font-weight:bold;
    border:none;
	background:none;
	color:#b5b5b5;
	font-weight:normal;
    font-size:10px;
	border-radius:4px; /* CSS3 */
}

input.SearchButton:hover {color:#ffd02d;}




/* ALT  */
fieldset {margin: 1em 0px; padding: 1em; border: 1px solid #ccc;}
fieldset p {margin: 2px 12px 10px 10px; xdisplay: block;}
fieldset.login label, fieldset.register label, fieldset.changePassword label {display: block;}
fieldset label.inline {display: inline;}
legend {font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px;}
input.textEntry {width: 320px; border: 1px solid #ccc;}
input.passwordEntry {width: 320px; border: 1px solid #ccc;}
div.accountInfo {width: 400px;}


/* MISC  
----------------------------------------------------------*/

.clear {clear: both;}

.left {text-align:left!important;}    
.right {text-align:right!important;}   
.center {text-align:center!important;}   
.nobreak {white-space:nowrap!important;}
.vMiddle { vertical-align:middle;}

.floatright {float:right;}

.px11, .px11 p { font-size:11px!important; line-height:1.2em!important;}
.px10, .px10 p { font-size:10px!important; line-height:1.1em!important;}
.px9, .px9 p { font-size:9px!important;}

.line12 {line-height:1.2em;}
.line13 {line-height:1.3em;}

.red {color:#cc0000;}
.yellow {color:#ffd02d;}

.top { vertical-align:top;}
.bottom  { vertical-align:bottom;}

.transBG {background:url(skins/opportune/textBg_transparency40.png);
          }

p.px11 {margin-bottom: 8px; line-height:1.3em!important;}
p.px10 {margin-bottom: 5px;}
p.px19 {margin-bottom: 3px;}

.hinweis_small, .hinweis_small a  {font-size:11px!important; line-height:1.2em!important; color:#777;}

.blocksatz {text-align:justify;}

.required {color:#dd0000;}

.round {-moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari, Chrome */
	-khtml-border-radius:2px; /* Konqueror */
	border-radius:2px; /* CSS3 */
	}



.thumb img {
    
    display:inline-block;
    border:5px solid #fff;
    margin:6px 20px 6px 0px;
    
    -moz-box-shadow: 0px 0px 2px 1px  #999;
    -webkit-box-shadow: 0px 0px 2px 1px  #999;
    box-shadow: 0px 0px 2px 1px  #999;
    
    -moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari, Chrome */
	-khtml-border-radius:2px; /* Konqueror */
	border-radius:2px; /* CSS3 */
    
    }

.loginDisplay
{
    font-size: 13px;
    display: block;
    text-align: right;
    padding: 10px 0px 3px 6px;
    color: #fff;
}

.loginDisplay a:link {color: #fff; text-decoration:none;}

.loginDisplay a:visited {color: #fff;}

.loginDisplay a:hover {color: #fff;}

.failureNotification {font-size: 1.2em; color: Red;}

.bold {font-weight: bold; font-weight:600!important;}

.submitButton {text-align: right; padding-right: 10px;}


/*Menu Top 
----------------------------------------------------------*/


/* Mega Menu Styles */

.mega-menu-line {float: left; margin-right:3px; width:2px; height:31px; margin:0px 2px; background: url(/images/layout/Splitter.png) no-repeat;}

.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

#mega-menu-1 {
font: normal 13px Arial, sans-serif; 
list-style: none; 
position: relative; 
top:5px;
padding: 0; 
margin: 0;
width: 100%; 
height: 40px;
}
#mega-menu-1 .sub ul {display: block;}

#mega-menu-1 li {
float: left; 
margin: 0; 
padding: 0; 
font-weight: normal;
list-style-image:none;
}

/* ### Topmenüs */
#mega-menu-1 li.dc-mega-li a.dc-mega {

float: left; 
display: block; 
color: #fff; 
padding: 4px 10px; 
margin: 4px 20px 0px 20px;
font-size:13px;
text-decoration: none;
white-space:nowrap;
height:29px;
position:relative;
z-index:10001;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}

/* ### Topmenüs Pfeile*/
#mega-menu-1 li.dc-mega-li a .dc-mega-icon {display: block; position: absolute; top: 10px; right: -4px; 
                                            width: 8px;  height: 6px; background: url(/images/Layout/sym/arrow.png) no-repeat top right;}
#mega-menu-1 li.mega-hover a .dc-mega-icon {background: none;}


/* ### Topmenüs Selected*/
#mega-menu-1 li.dc-mega-li.mega-hover a.dc-mega, #mega-menu-1 li.dc-mega-li.mega-hover a.dc-mega:hover {
color: #fff;
background: #3c3c3c;
background-image: url(/images/layout/Menu-BG.jpg);  

-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px; 
}

/* ### Topmenüs Hover*/
#mega-menu-1 li a:hover {
}


#mega-menu-1 li .sub-container {
position: absolute;
margin-top:-3px;
margin-left:-20px;
padding: 0px;
z-index: 10;
}

#mega-menu-1 li .sub {
padding: 12px 8px 8px 2px;
margin:0px;
background:#666;
background-image: url(/images/layout/Menu-BG.jpg);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius:3px;
border-radius: 3px;

-moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.7);  
-webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.7);

}

#mega-menu-1 li .sub .row {
width: 100%; 
overflow: hidden;
clear: both;
}

#mega-menu-1 li .sub li {
float: none; 
min-width:100px;
max-width:280px;
margin-bottom:3px;
padding-left:10px;
list-style-type:none;
background:url(/images/layout/sym/aufzaehlung-3-small.gif) 0px 3px;
background-repeat:no-repeat;
}

/* ### Spalten-Elemente */
#mega-menu-1 li .sub li.mega-hdr {
margin: 0 10px 2px 0; 
float: left;
background-image:none;
}
#mega-menu-1 li .sub li.mega-hdr.last {
margin-right: 0px;
}

#mega-menu-1 li .sub a {
display: block; 
float: none; 
font-family: 'Open Sans', Arial, Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
}



/* ### Untermenüs Einzelpunkt*/
#mega-menu-1 .sub li.mega-hdr li a {
padding: 0px 0px 2px 0px; 
margin:0px;
font-weight: normal;
font-size:13px;
text-decoration:none;
color:#fff;
height:auto;
background:none;
border:none;

}
/* ### Untermenüs Einzelpunkt Hover*/
#mega-menu-1 .sub li.mega-hdr li a:hover {
color: #ffc600; 
height:auto;
background:none;
border:none;

}
/* ### Untermenüs Überschrift */
#mega-menu-1 .sub li.mega-hdr h3 {
margin-top:0px;
margin-bottom:6px;
color:#fff;
font-family: 'Open Sans', Arial, Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-variant:normal;
text-transform:uppercase;
font-weight:600;
border-bottom:1px solid #ccc;
padding-bottom:2px;
background-repeat:no-repeat;   
}

.MegaMenuOverview  {color:#fff!important; border-bottom:1px solid #666; margin:0px 0px 6px 10px; padding:0px 0px 4px 10px;}
a .MegaMenuOverview  {color:#fff!important;}
a:hover.MegaMenuOverview {color:#ffc600!important;}


/* #### andere Inhalte im Sub */
#mega-menu-1 .sub li.mega-hdr div {font-size:11px;line-height:1.2em;color:#fff!important;}
#mega-menu-1 .sub li.mega-hdr div a {color:#fff;}


/*ENDE*/



/* UserControls
----------------------------------------------------------*/
ul.UCNews  
{
    margin:0px;
    padding:0px;
    }
.UCNews li
{
    margin:0px 0px;
    padding:1px 0px;
    font-size:12px;
    list-style:none;
    list-style-image:none;
    text-decoration:none;
    }
.UCTermin {font-size:10px; color:#777;}
    
.UCNews li a
{
    text-decoration:none;color:#333;
}


/* Bildformatierung
----------------------------------------------*/

.FrameBorder {
    display:inline-block;
    border:5px solid #fff;
    margin:6px 25px 6px 0px;
    
    -moz-box-shadow: 0px 0px 2px 1px  #999;
    -webkit-box-shadow: 0px 0px 2px 1px  #999;
    box-shadow: 0px 0px 2px 1px  #999;
    
    -moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari, Chrome */
	-khtml-border-radius:2px; /* Konqueror */
	border-radius:2px; /* CSS3 */
    
}


figure.PicFrameR, figure.PicFrameL, figure.PicFrameM {
    
    display:inline-block;
    border:5px solid #fff;
    margin:6px 25px 6px 0px;
    
    -moz-box-shadow: 0px 0px 2px 1px  #999;
    -webkit-box-shadow: 0px 0px 2px 1px  #999;
    box-shadow: 0px 0px 2px 1px  #999;
    
    -moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari, Chrome */
	-khtml-border-radius:2px; /* Konqueror */
	border-radius:2px; /* CSS3 */
    
    
    
    
     
    xoverflow:hidden;
    xline-height:0px;
    xmin-width:50px;
    xbackground-color:#333;
    xborder: 5px solid #333;
    
    x-moz-box-shadow: 0px 0px 8px  #666;
    x-webkit-box-shadow: 0px 0px 8px  #666;
    xbox-shadow: 0px 0px 8px  #666;
    x-moz-border-radius:4px;
	x-webkit-border-radius:4px;
	x-khtml-border-radius:4px;
	xborder-radius:4px;
    }
    
figure.PicFrameR figcaption, figure.PicFrameL figcaption, figure.PicFrameM figcaption {color:#ccc;}
figure.PicFrameR  {float:right; margin:5px 0px 8px 25px;}
figure.PicFrameL {float:left; margin:5px 25px 8px 0px;}  
figure.PicFrameM {margin:0px auto; text-align:center;}
 
figure.PicR, figure.PicL, figure.PicM {overflow:hidden; background-color:#fff;}
 
figure.PicR  {float:right; margin:5px 0px 8px 25px;}
figure.PicL  {float:left; margin:5px 25px 8px 0px;}
figure.PicM {margin:0px auto; text-align:center;}
           
figcaption 
{
    margin-top:5px;
    font-size:0.8em;
    font-style:italic;
    line-height:1.4em;
    color:#888;
    }   
a.thumb:link   {text-decoration:none;}
div.zoom {
	position:relative;
	width:100%;
	height:36px;
	margin-top:-40px;
	margin-bottom:1px;
	margin-right:5px;
	padding:0px;
	background:url(/images/Layout/sym/zoom.png) no-repeat top right;
	cursor:pointer;
	right: 0px;
	bottom:0px;
}

/* Hover Zoom
-----------------------------------------------*/

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
 
 #fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/images/Layout/Fancy/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #333;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #333;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/images/Layout/Fancy/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/images/Layout/Fancy/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/images/Layout/Fancy/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/images/Layout/Fancy/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/images/Layout/Fancy/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/images/Layout/Fancy/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/images/Layout/Fancy/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/images/Layout/Fancy/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/images/Layout/Fancy/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/images/Layout/Fancy/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/images/Layout/Fancy/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/images/Layout/Fancy/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #fff;
	background: #333;
	position: relative;
}
.fancybox-title-inside a {border-bottom:none; color:#fff}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/images/Layout/Fancy/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/images/Layout/Fancy/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/images/Layout/Fancy/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/images/Layout/Fancy/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/Layout/Fancy/fancy_shadow_nw.png', sizingMethod='scale'); }