/**** style sheet BR_basic2.css ****/
html * {
			 box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			}
.clearfix:after, .clear:after, .newLineBorder:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
		}  
/* ******************* FLAECHENFARBE ************************** */
					
 
/* screenausgabe */
@media screen
{
/* ********************** leitfarben ************************** */

/* leitfarbe1 blau  */ 
     		
.color1	
{ 	
background-color: #606660;
}
            	 	
.color1_2 
{ 	
background-color: #d65c33;
}
.color1_3
{ 
background-color: #063666;
}

           		

/* ********************** basisfarben ************************** */              		

.default	
{ 
background-color: #fcfdfb;
}
.misc
{
background-color: #000;
}	
            		
/* ********************** basisfarben misc ************************** */
            	 	
            	 	

.misc1
{ 	
background-color: #ccc9c6;
}
				
.misc2
{ 
background-color: #d6d3d0;
}

.misc3	
{ 
background-color: #dfdcd9;
}
            	 	
.misc4
{ 	
background-color: #efeeec;
}

.misc5 	
{ 
background-color: #fcfdfb;
}
            	 	
.misc6
{ 
background-color: #fffefc;
}

/* ****************** basiseinstellungen fuer body *************** */

body 
{
background: url(/images/basics/bg.gif) repeat-x;
background-color: #063666;
margin: 0;
padding: 0;
text-align: center; 
font-size: 12px; 
line-height: 180%; 
font-family: Verdana, Tahoma, Arial, sans-serif;
}

h1	
{ 		
font-size: 16px;
padding: 0px; 
margin: 0px;
}

h2 
{ 			
font-size: 13px;
padding: 3px 0; 
margin: 3px 0;
color: #063666;
}

h3 
{ 			
font-size: 12px;
padding: 3px 0 0 0; 
margin: 3px 0 0 0;
}

h4 
{ 			
font-size: 11px;
padding: 0px; 
margin: 0px;
color: #666;
}			
h5 
{ 			
font-size: 11px;
padding: 0px; 
margin: 0px;
color: #000;
}

h6
{ 			
font-size: 10px;
padding: 0px; 
margin: 0px;
color: #000;
}

br 
{ 
margin: 0; 
padding: 0;
}

p
{ 
margin: 0;
padding: 0;
}

ul
{
list-style: none outside;
margin: 0;
padding: 0;
}


a	
{				
color: #063666;
text-decoration: none;
}

a:hover	
{ 			
color: #333;
text-decoration: underline;
}
	/* ********************** sonderstil banner ************************** */
div.banner {
	display: block;
	padding: 10px;
	border: 1px solid #063666;
	background-color: #aebece;
	}

/* IE macht tabelle nur mit text-align: center mittig */


#position 
{
position: relative;
width: 800px;
margin: 0 auto;
text-align: center;
}
/* test fuer bg-streifen oder bilder - bei position evtl negatives top einsetzen*/




#base
{
float: left;
width: 800px;
text-align: left;
}

/* IE macht jetzt alles mittig, daher: text-align: left um den effekt aufzuheben */

/* ***  layout basiscontainer horizontal, zeilen **** */

.baseBlock 
{
float: left;
clear: both;
width: 800px;
}

#header 
{
height: 80px;
}

#main 
{
}

#footer	
{
padding: 10px 0;
margin-bottom: 20px;
}
/* *** inhalte main hautbereich *** */

/* *** linke spalte *** */


#margin 
{
float: left;
width: 200px;
}
/* *** margin blocks *** */

.marginBlock
{
float: left;
width: 185px;
}
#menu
{
margin-top: 55px;
border-top: 1px solid #efeeec;
}
/* *** rechte spalte *** */
#content 
{
background: url(/images/basics/bg.gif) repeat-x;
background-color: #efeeec; 
float: right;
width: 598px;
border-right: 1px solid #cac8c9;
border-left: 1px solid #cac8c9;
padding:0;
margin: 0;
}
/* *** content blocks *** */
.contentBlock
{
clear: both;
padding: 0;
margin-left: 50px;
}

#galery	
{
font-size: 0;
margin-top: 10px;
width: 500px;
height: 300px;
overflow: hidden;
border: 1px solid #606660;
background: #333;
}
#copy
{
}
/* *** copy blocks *** */

.copyBlock
{
float: left;
width: 502px;
padding: 0;
margin: 0;

}

/* *** boxen *** */



.copyBox
{
float: left;
width: 500px;
margin: 0;
padding: 3px 0;
}

.copyBox50
{
width: 245px;
}

/* **** inhalte des headers *** */
#logo 
{ 
padding: 10px 0 0 0;
margin: 0;
/*border: 1px solid #fff;*/
}

#logo img 	
{
border-width: 0;
margin: 0;
padding: 0;
}

#logo h1 
{ 
display: none;
}








/* menu als liste */
#menu_toggle {
		display: none;
		}	

#menu ul
{
display: block;
position: relative;
top: -5px;
margin-left: 5px;
padding: 0;
line-height: 0;
border-left: 1px solid #efeeec;
}
#menu ul li  
{
display: block;
padding: 3px 0;
line-height: 15px;
}


#menu a
{
color: #efeeec;
display: block;
text-decoration: none;
margin-left: -5px;
border-bottom: 1px solid #efeeec;
}

#menu a:hover
{ 
color: #fff;
border-bottom: 1px solid #fff;
}


.menu1 a
{
font-size: 12px;
padding: 8px 0 11px 30px;
margin: 0;
}
.menu1:first-child a
{
padding-top: 14px;
}


.menu2 a
{
padding: 8px 0 10px 15px;
font-size: 11px;
}

.menu2:first-child a
{
padding-top: 14px;
}
/* *** ein und ausblenden mittels ids **** */

#menu ul ul
{
display: none;
}

/* grundeinstellung - alle untermenues vesteckt */

/*
#e1 #sm1,
#e2 #sm2,
#e3 #sm3,
#e4 #sm4,
#e5 #sm5  
{
display: block;
margin-left: 25px;
}

#e1 #menu #m1,
#e2 #menu #m2,
#e3 #menu #m3,
#e4 #menu #m4,
#e5 #menu #m5 
{
color: #fff;
font-weight: bold;
border-bottom: 1px solid #ff00ff;
}

.me1 #menu .sme1,
.me2 #menu .sme2,
.me3 #menu .sme3,
.me4 #menu .sme4
{
color: #fff;
font-weight: bold;
border-bottom: 1px solid #ff00ff;
}
*/
/*** menu linke spalte als liste *** */
						

/* *** rechte spalte *** */





/*** bereich standard fliesstext ***/

#copy .copyBox table td
{
font-size: 12px; 
}

#copy p
{
padding: 5px 0;
}

#copy img
{
}
/* ** seitentitel auf seite ** */

#pageTitle
{
}
#pageTitle h1
{
font-size: 18px;
font-weight: normal;
color: #969696;
padding: 10px 0;
margin: 15px 0 5px;
border-bottom: 1px solid #063666;
}

/* *** eigentliches copy-bauteil *** */




.copyBox ul
{
list-style: square outside;
padding-left: 15px;
margin: 0;
}

/* ***  copy textelemente  *** */

.copyText
{
padding: 0;
margin: 0;
}



/* *** bild im flie?text *** */


.imgLeft
{
float: left;
margin-bottom: 10px;
margin-right: 10px;
}

.imgRight
{
float: right;
margin-bottom: 10px;
margin-left: 10px;
}

/* *** spezielle elemente *** */

a.copyLink
{
display: block;
margin: 0;
padding: 0 20px;
font-weight: bold;
font-size: 11px;
}

a.forward
{
background: url(/images/assets/arrow.gif) no-repeat;
}
a.top
{
background: url(/images/assets/arrowTop.gif) no-repeat;
}
a.download
{
background: url(/images/assets/arrowDownload.gif) no-repeat;
		background-position: right;
		}
a.popUp
{
background: url(/images/assets/arrowPopUp.gif) no-repeat;
}
a.back
{
background: url(/images/assets/arrowBack.gif) no-repeat;
}
a.galery
{
background: url(/images/assets/arrowPopUp.gif) no-repeat;
}

/* *** umbruch - neuer absatz *** */

.newLine,
.newLineBorder
{
line-height: 0;
margin-bottom: 3px;
}

.newLineBorder
{
border-bottom: 1px solid #ccc9c6;
}

/* *** spalten  *** */



.copyLeft
{
float: left;
}

.copyRight
{
float: right;
}


/* *********** projectteaser*************** */
/*
#project .copyBox
{
position: relative;
}
#project  img 
{
position: absolute;
top: 0;
left: 0;
}
*/

#project  img 
{
float: left;
width: auto;
}

#project .copyText
{
padding-left: 150px;
}

#project h3
{
}			

#project h4
{
}

#project h5
{
color: #999;
}

/* *********** downloads *************** */
#downloads .copyText {
    border-top: 1px dashed #CCCCCC;
    clear: both;
    float: left;
    line-height: 25px;
    margin: 0;
    padding: 0;
    width: 100%;
}
#downloads h3 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}
#downloads a {
    font-style: italic;
    font-weight: normal;
}
#downloads .copyRight {
    border: 0 solid #008000;
    text-align: right;
    width: 49.8585%;
}
#downloads .copyLeft {
    border: 0 solid #0000FF;
    width: 49.8585%;
}

/* *********** cv *************** */

#cv .copyText
{
float: right;
width: 375px;
}

#cv h4
{
float: left;
width: 125px;
margin-right: 10px;
color: #c33300;
}
/* *********** newsteaser*************** */

#news h2
{

}

#news h3
{
margin-bottom: 5px;
}
#news h4
{
margin-bottom: 5px;
}
					
#news .copyText
{
float: left;
width: 405px;
}
							
#news  img 
{ 		
float: left;		
border: 1px solid #000;
width: 90px;
height: 60px;
margin: 0 10px 5px 0;
}

/* *********** links oben und unten auf der seite*************** */

#pageTop 	
{
margin: 0 0 10px 0;
border-bottom: 1px solid #ccc9c6;
}

 
#pageBottom	
{
margin-bottom: 10px;
}

.pageNavi	
{
font-size: 11px;
padding: 5px 0;
}

.pageNavi .copyLeft,
.pageNavi .copyRight 	
{
width: 225px;
}
.pageNavi .copyRight,
.pageNavi .copyRight .copyLink	
{
float: right;
text-align: right;
}

.paging a,
.paging b 	
{
padding: 4px 5px 0 0;
}


/******* Menu für webEdition ******/

#menu .submenu
{
display: block;
margin-left: 25px;
}

#menu .active
{
color: #fff;
font-weight: bold;
border-bottom: 1px solid #ff00ff;
}

/* *********** galery fancybox ************** */
	
.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}

/******* Einstellungen für Editmodus ****/
.editmode
{
color: #E10000;
}

.editmode ul
{
list-style: disc outside;
margin: 20;
padding: 0;
}

.editmode .normal
{
color: #000;
}



}


/* printausgabe */

@media print
{
#base
{
width: 95%;
font-size: 8pt;
font-family: verdana, arial;
}
h1,
h2,
h3
{
font-size: 10pt;
margin: 5pt 0;
padding: 0;
}
#menu,
#pageTop,
#pageBottom,
#footer,
.paging
{
display: none;
}


a img
{
border-width: 0px;
}

.newLineBorder{
display: block;
clear: both;
border-bottom: 1px solid #666;
margin: 5pt 0;
}

#logo
{
clear: both;
margin-bottom: 10pt;
}


}