/* *** code written by naloo, www.naloo.net *** */
/* *** with support and code from miss monorom, www.intensivstation.ch *** */
/* *** with code from nyokiglitter, www.nyokiglitter.com/tutorials/tabs.html *** */


/*body*/

body{
	background-color: #ffffff;
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #323232;
	margin: 0;
	padding: 0;
}

/*preload bg uebermich*/

.hiddenuebermich {display:none;}


/*hide printversion*/

#headerprint, #projekteprint {display:none;}



/*general typo*/

p {
padding: 0 0 25px 0;
margin: 0;
line-height: 25px;
}

a { text-decoration: none; color: #ec008c;}
a:visited { color: #ec008c; }
a:hover { color: #e8b8d4; }
a:active { color: #e8b8d4; }

a.rosa { text-decoration: none; color: #fff;}
a.rosa:visited { color: #fff; }
a.rosa:hover { color: #ec008c; }
a.rosa:active { color: #ec008c; }

.anmerkung {font-size: 12px;}

h1 {
padding: 0;
margin: 0;
font-size: 22px;
color: #ec008c;
font-weight: normal;
}

h2 {
display: inline;
padding: 0;
margin: 0;
font-size: 22px;
color: #ec008c;
font-weight: normal;
}

.projektetitel { margin: 0; padding: 25px 0 0 0;}

.white { color: #fff;}

/*header navigation*/

#logo{
padding: 0 0 7px 0;}

#header { 
position: absolute; 
top: 61px; 
left: 101px; 
width: 235px; 
margin: 0;
padding: 0;
}


/*navigation 1. stufe*/

#navi {
list-style-type: none;
margin: 0;
padding: 0;
} 

#navi li {
margin: 0;
padding: 2px 0 6px 0;
}

#navi a { 
display: block;
font-size: 22px;  
margin: 0;
padding: 0;
text-decoration: none; 
color: #fff;
}

#navi a:visited { color: #fff; }
#navi a:hover { color: #e8b8d4; }
#navi a:active { color: #e8b8d4; }


/*navigation selected*/
#navi li a.selected { color: #e8b8d4;}

/*content home*/

#home {
position: absolute; 
top: 273px; 
left: 267px; 
width: 600px; 
margin: 0;
padding: 0;
}

#immo {
font-size: 18px;
width: 210px;
margin: 15px 0 0 0;
text-align: center;
}

#immo a { 
display: block; 
border: 2px dotted #414141; 
padding: 2px 8px 3px 8px; 
text-decoration: none; 
color: #ec008c;
}

#immo a:visited { border: 2px dotted #414141; color: #ec008c;}
#immo a:hover { border: 2px dotted #ec008c; color: #414141;}
#immo a:active { border: 2px dotted #ec008c; color: #ec008c;}

.klein {font-size: 14px; color: #414141;}

/*content position*/

#content {
position: absolute; 
top: 218px; 
left: 360px; 
width: 632px; 
margin: 0;
padding: 0 0 20px 0;
}

/*content projekte*/
/*content projekte news*/

.newsdate {
float: left;
width: 187px; 
font-size: 22px;
color: #ec008c;
padding: 0;
margin: 0;
}

.news {
width: 440px; 
margin: 0 0 0 187px;
padding: 3px 0 0 0;
line-height: 25px;
}

.news img {
padding: 0 5px 0 0;
margin: 0;
}


/*content projekte tabs neu*/

.tabtitle {
float: left;
margin: 24px 8px 0 0;
padding: 0;
text-decoration: none; 
color: #ec008c;
font-size: 22px;
font-weight: normal;
}

.shadetabs{
margin: 29px 0 0 0;
padding: 0;
list-style-type: none;
height: 30px;
}

.shadetabs li{
display: inline;
margin: 0;
padding: 0;
}

.shadetabs li a{
position: relative;
text-decoration: none;
padding: 6px 5px 6px 4px;
margin: 0;
color: #fff;
text-align: center;
background: #fff url(images/tab2.gif) center no-repeat;
}

.shadetabs li a:visited{
color: #fff;
}

.shadetabs li a:hover{
color: #fff;
background-image: url(images/tab3.gif);
}

.shadetabs li a.selected{ 
position: relative;
color: #fff;
background-image: url(images/tab.gif);
}

.shadetabs li a.selected:hover { 
color: #fff;
background-image: url(images/tab3.gif);
}


/*projekte content box*/

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

/*projekte content*/

.projekte {
float: left;
width: 187px; 
padding: 7px 0 1px 0;
margin: 0;
}

.projektewww {
float: left;
width: 50px; 
margin: 0;
padding: 7px 0 1px 0;
}

.projektebilder {
float: left;
width: 395px; 
margin: 0;
padding: 2px 0 0 0;
}

.projektebilder img {
padding: 0 5px 0 0;
margin: 0;
}

.projektebilder p {
padding: 2px 0 0 0;
margin: 0;
}

.projektelinie {
clear: left;
width: 632px;
height: 1px;
font-size: 1px;
padding: 0;
margin: 0;
background-image: url(images/bg_punkt.gif) ;
}
   
.antifloat { 
	clear: left;
	line-height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
	}

/*content ueber mich*/

#uebermich {
	background-image: url(images/bg_uebermich.jpg);
	background-repeat: no-repeat;
}