/* Type CSS rules here and they will be applied
to pages from 'projekt2'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet basic2.css ****/

/**** LINK-tag style sheet BS_basic.css ****/

             					           	 	
/* ******************* FLAECHENFARBE ************************** */
					
 
/* ********************** leitfarben ************************** */

/* leitfarbe1 rot  */ 
     		
.color1
{ 	
background-color: #cc3000;
}
            	 	
.color1_2 
{ 	
background-color: #d65c33;
}
.color1_3 
{ 
background-color: #e08566;
}

           		

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

.default,
#base	
{ 
background-color: #fff;
}
.misc
{
background-color: #000;
}	
            		
/* ********************** basisfarben misc ************************** */
            	 	
            	 	

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

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

.misc5,
#margin 	
{ 
background-color: #fcfbf9;
}
            	 	
.misc6,
#main,
#menu .submenu a
{ 
background-color: #fffefc;
}

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

body 
{ 
margin: 0;
text-align: center; 
font-size: 12px; 
line-height: 16px;
font-family:  Verdana, Tahoma, Arial, sans-serif;
}

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

h2 
{ 			
font-size: 13px;
padding: 5px 0; 
margin: 5px 0;
color: #cc3300;
}

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

h4 
{ 			
font-size: 11px;
padding: 0px; 
margin: 0px;
color: #666;
}			
h5 
{ 			
font-size: 12px;
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
{
margin: 0;
padding: 0;
list-style: none;
}

a	
{				
color: #cc3300;
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;
/*border: 3px solid #e50000;*/
}
/* test fuer bg-streifen oder bilder - bei position negatives top einsetzen*/
/*
#bg_test 
{ 

}
*/

#base
{ 
float: left;
width: 801px ! important;
width: 800px;
margin: 0;
text-align: left;
border: 1px solid #d4d4d4; 
}

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

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

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

#header 
{
height: 80px; 
}

#main {
border-top: 1px solid #dfdfdf;
}

#footer	
{  
height: 8px;  
border-top: 1px solid #dfdfdf;
}
/* **** inhalte des headers *** */

#logo 
{ 
float: left;
width: 535px;
height: 78px ! important;
height: 80px;
padding: 30px 0 0 10px;
border: 1px solid #fff;
}

#logo img 	
{
border-width: 0;
}

#logo h1 
{ 
display: none;
}

#headbox	
{ 
float: right; 
width: 250px; 
height: 70px ! important;
height: 80px;
text-align: right;
border-bottom: 10px solid #cc3300; 
} 



#headbox h1	
{
height: 30px;
padding: 40px 10px 10px 0; 
font-size: 24px; 
color: #cc3300; 
font-weight: normal; 
font-family: helvetica, arial, sans-serif;
}

/* *** inhalte main hautbereich *** */

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

#margin 
{ 
float: left;
width: 300px;
}
.marginBlock
{ 
float: left; 
clear: both;
width: 300px;
}

#mood	
{ 
height: 250px;  
margin: 0;  
padding: 0;  
font-size: 0; 
}

/* *** menu *** 

#menu 
{
padding: 0;
margin: 0;
border-bottom: 1px solid #fff;
}

#menu a 
{ 		
font-size: 14px;
font-weight: bold;
color: #666;
display: block; 
height: 14px; 
padding: 10px 10px 10px 90px;
margin: 0;
text-decoration: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #dfdfdf;
}

#menu a:hover	
{ 
color: #fff;
text-decoration: none;
border-top: 1px solid #ccc;
border-bottom: 1px solid #eee;
background-color: #cc3300;
}

.submenu	 
{ display: none;
}

#menu .submenu a 
{ 	
font-size: 12px;
font-weight: normal;
color: #666;
height: 22px;
padding: 5px 10px 5px 110px;
text-decoration: none;
background-color: #fff;
border-width: 0px;
}

#menu .submenu a:hover
{ 
color: cc3300;
text-decoration: none;
border-width: 0px;
background-color: transparent;
}
*/

/* menu als liste */
#menu 
{
border-bottom: 1px solid #dfdfdf;
width: 300px;
padding: 0;
margin: 0;
}

#menu a 
{ 		
font-size: 14px;
font-weight: bold;
color: #666;
display: block;
height: 14px; 
padding: 10px 10px 10px 90px;
margin: 0;
text-decoration: none;
border-top: 1px solid #dfdfdf;
border-bottom: 0px solid #dfdfdf;
background-color: transparent;
}

#menu a:hover	
{ 
color: #fff;
text-decoration: none;
border-top: 1px solid #fff;
border-bottom: 0px solid #eee;
background-color: #cc3300;
}

.submenu	 
{ 
display: none;
}

#menu .submenu a 
{
display: block;	
font-size: 12px;
font-weight: normal;
color: #666;
padding: 8px 10px 8px 100px;
text-decoration: none;
border-width: 0px;
}

#menu .submenu a:hover
{ 
color: #cc3300;
text-decoration: none;
border-width: 0px;
background-color: #fff;
}

#e1 #sm1,
#e2 #sm2,
#e3 #sm3 ,
#e4 #sm4 ,
#e5 #sm5  
{
display: block;
border-top: 1px solid #fff;
background-color: transparent;
}

#e1 #menu #m1,
#e2 #menu #m2,
#e3 #menu #m3 ,
#e4 #menu #m4 ,
#e5 #menu #m5 
{
background-color: #cc3300;
color: #fff;
}

.me1 #menu .sme1,
.me2 #menu .sme2,
.me3 #menu .sme3
{
background-color: #fff;
color: #c33300;
font-weight: bold;
}
/* *** menu linke spalte als liste *** */
						

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

#content 
{ 
float: right;
width: 500px;
border-left: 1px solid #d4d4d4;
}

.contentBlock
{
width: 500px;
float: left;
}
/*** zweites leitbild nach bedarf ***/

#galerymood	
{
height: 250px; 
font-size: 0; 
margin: 0; 
padding: 0;
}



/*** bereich standard fliesstext ***/

#copy
{
padding: 0;
margin: 0;
}

.copyBlock
{
float: left;
width: 460px ! important;
width: 500px;
clear: both;
padding: 0 20px;
/*
padding: 0 20px;
border-bottom: 1px dotted #e50000;
*/
}

/***seitentitel auf seite ***/

#pagetitle
{
margin-top: 20px;
}

#pagetitle h1
{
font-size: 18px;
font-weight: normal;
color: #969696;
padding: 10px 0;
margin: 5px 0;
border-bottom: 1px solid #c33300;
}
/* copyBlock auch fuer neuen absatz oder: *** */

/*** inhalte standard fliesstext ***/

/* teststyle fuer imagevarianten 
.copyBlock img 
{
height: 200px;
width: 90px;
}
*/

/* *** eigentliches copy-bauteil *** */
.copyBox
{
display: block;
margin-bottom: 10px;
padding: 0;
width: 460px;
}
.copyBox h2
{
display: block;
clear: both;
}

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

/* ***  copy textelemente  *** */
.copyText
{
padding: 0;
margin: 0;
}

.inset
{
margin-left: 20px;
}

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


.imgLeft
{
float: left;
clear: left;
margin: 0 10px 10px 0;
}

.imgRight
{
float: right;
clear: right;
margin: 0 0 10px 10px;
}
/* *** spezielle elemente *** */

a.copyLink
{
display: block;
margin: 0;
padding: 2px 0 2px 15px;
font-weight: bold;
font-size: 11px;
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
{
display: block;
clear: both;
margin: 5px 0;
}
.newLineBorder
{
border-bottom: 1px solid #ddd;
}
/* *** spalten margin varianten *** */


.copyBox25
{
width: 90px ! important;
width: 100px;
}

.copyBox30
{
width: 130px ! important;
width: 140px;
}

.copyBox50
{
width: 215px ! important;
width: 220px;
}

.copyBox75
{
width: 340px ! important;
width: 340px;
}


/* *** reserve padding *** */
.copyLeft
{
float: left;
}

.copyRight
{
float: right;
}

.copyCenter
{
float: left;
padding-left: 10px;
}
/* *********** projectteaser*************** */
.project .copyBox 
{
float: left;
width: 460px;
}
.project .copyText
{
float: right;
width: 350px;
margin-bottom: 10px;
}

.project  img 
{ 
float: left;		
border-top: 1px solid #999;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #999;
width: 90px;
height: 70px;
margin: 0 10px 10px 0;
}
							
.project h3
{
}			

.project h4
{
float: right;
text-align: right;
width: 100px;
}

.project h5
{
color: #999;
}
.project p
{
padding: 5px 0;
}
					


/* *********** cv *************** */
.cv h3,
.cv .copyText
{
float: right;
width: 360px;
margin-bottom: 10px;
}

.cv h4
{
float: left;
width: 100px;
color: #c33300;
}
/* *********** newsteaser*************** */
.news h3
{
margin-bottom: 5px;
}
.news h4
{
margin-bottom: 5px;
}
					
.news .copyBox
{
float: right;
width: 460px;
margin-bottom: 10px; 
}
							
.news  img 
{ 		
float: left;		
border: 1px solid #000;
width: 90px;
height: 60px;
margin: 0 10px 5px 0;
}
.news p
{
padding: 5px 0;
}
/* *********** links oben und unten auf der seite*************** */

#pageTop 	
{
margin: 5px 0;
}

 
#pageBottom	
{
margin: 5px 0;
border-top: 1px solid #c33300;
}

.pageNavi	
{
float: left;
clear: both;
font-size: 11px;
margin: 0;
padding: 5px 0; 
}

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

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

/* *********** galery************** */
#galery 			{   	margin: 0; 
							text-align: center; 
							font: normal 12px/16px   Verdana, Arial, sans-serif; 
							letter-spacing: 1px;
							background-color: #d3d2d1;
							}

#galery_base 			{ 	position: relative; 
							margin: 5px auto;
							width: 600px;
							}
#galery_title	 		{	height: 45px;
							}
#galery_title h1 		{	font-size: 14px; 
							color: #666;
							padding: 15px;
							}
#galery_image			{  	background-color: #939291;
							position: relative; 
							margin: 0 auto;
							width: 600px;
							height: 505px;
							border-top: 1px solid #333;
							border-right: 1px solid #fff;
							border-bottom: 1px solid #fff;
							border-left: 1px solid #333;
							
 							}
#galery_image .mitte	{  	width: 600px; 
							height: 505px; 
							text-align: center;		
							vertical-align: middle; 
							}
#image 					{ 	border: 1px solid #000;
							}

#image_text 		{ 		display: block;
							height: 30px;
							padding: 10px 0;
							}
#galery_navi			{  	height: 30px;
 							}
							
#galery_arrows 		{ 		float: left; 
							width: 40px;
							height: 20px;
							padding: 0 15px 0 0;
							vertical-align: middle;
							}
#galery_arrows a  		{ 	float: left;
							font-size: 0px;
							color: #fff;
							padding-right: 5px;
							}

#galery_nums  		{ 		float: right;
							text-align: right;
							width: 500px;
							padding: 0;
							color: #cc3300;
							}
#galery_nums a 		{ 		font-size: 12px;
							color: #cc3300;		
							padding: 0 2px;
							}