/**** style sheet BR_basic2.css ****/

             					           	 	
/* ******************* 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: 150%; 
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;
}

/* 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 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: 2px 0;
padding: 2px 0 2px 15px;
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;
}
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: 120px;
}

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

#project h3
{
}			

#project h4
{
}

#project h5
{
color: #999;
}

/* *********** downloads *************** */
#downloads .copyText
{
float: left;
clear: both;
margin: 0;
padding: 0;
width: 498px;
border-top: 1px dashed #ccc;
}
#downloads h3
{
padding: 0;
margin: 0;
font-weight: normal;
}

#downloads a
{
font-weight: normal;
font-style: italic;
}

#downloads .copyRight
{
width: 30%;
border: 0px solid green;
text-align: right;
}
#downloads .copyLeft
{
width: 60%;
border: 0px solid blue;
}

/* *********** 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************** */

#galeryWindow 			
{   	
margin: 0;
padding: 0; 
text-align: center; 
font: normal 12px/16px   Verdana, Arial, sans-serif; 
letterspacing: 1px;
}

#galeryBase 			
{ 
margin: 0 auto;
position: relative;	
width: 600px;
}

#galeryTitle	 		
{	
clear: both;
display: block;
}
#galeryTitle h1 		
{	
padding: 15px 0;
font-size: 14px;
color: #00336e;
}
table#galeryImage			
{
background: #000600;
width: 100%;
height: 500px;
border-top: 1px solid #c7c8ba;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #c7c8ba;
margin-bottom: 5px;
}
#galeryImage td
{ 
vertical-align: center;
text-align: center;
}

#galeryText 
{ 	
clear: both;
color: #fff;
display: block;
font-size: 11px;
height: 25px;
text-align: center;
font-weight: bold;
}

#galeryText2 
{ 	
clear: both;
color: #fff;
display: block;
font-size: 11px;
height: 25px;
text-align: center;
padding: 10px 20px 0;
font-weight: bold;
}

#galeryNavi			
{  		
clear: both;
color: #fff;
display: block;
}

							
#galeryArrows		
{ 		
float: left; 
width: 80px;
height: 20px;
vertical-align: middle;
}
.galeryArrows 		
{ 		
float: left; 
width: 30px;
height: 20px;
vertical-align: middle;
}
#galeryArrows a,
.galeryArrows a 		
{
float: left;
width: 20px;
margin-right: 10px;
padding: 1px;
}

#galeryNums  			
{ 	
float: right;
text-align: right;
width: 70%;
padding: 0 0 0 15px;
font-size: 11px;
}

#galeryNums .bold 
{
font-weight: bold;
}

#galeryNums a 
{
color: #fff;
}				   
#galeryLink a
{
display: block;
padding: 5px;
background-color: /*#6699cc;#003399;*/ #e4e5d7;
border-top: 1px solid #fff;
color: #333300;
font-weight: bold;
text-decoration: none;
}



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

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

.editmode .normal
{
color: #000;
}


/* inlinegalery */
#galery2	
{
font-size: 0;
margin-top: 10px;
width: 500px;
background: #333;
}

.galery2Box
{
float: left;
width: 500px;
border: 1px solid #606660;
}

#galery2Image
{
background-color: #303330;
}

#galery2Image img
{
}

#galery2Navi
{

background-color: #c0c6c0;
font-size: 10px;
border-top: 1px solid #fff;
}
#galery2Nums
{
float: right;
text-align: right;
width: 220px;
padding: 5px;
}

#galery2Nums a
{
}



#galery2Text
{
float: left;
text-align: left;
width: 220px;
padding: 5px;
font-weight: bold;
}

}


/* 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;
}


}