/*************
Projekt: matt architektur
Webpublisher: Phuc Le
Beginn: 10.12.08

Besonderheit: greybox, jcarousel, scroll
<a class="anchorLink" href="http://skintest02.lan/matta/Projekte/tabid/486/Default.aspx#sec_4" target="_parent" >Buchstabe</a>

**************/
html{
height:100%;
}

body {
	margin: 0px;
	padding: 0px;
/*	background-color:#fff;*/
	font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif;
	font-size: 12px;
	color:#333;
	height:100%;
	background-color:#f9f9f9;
}

img{
display:block;
}

.Normal, TD, P, .SubHead TD {
	margin:0px;
	padding:0px;
	font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif;
	font-size: 12px;
	line-height:auto;
	color:#333;
}

h1{
margin:0px;
padding:0px;
color:#3c3c3c;
padding-bottom:15px;
font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif;
font-size:18px;
line-height:auto;
font-weight:bold;
}

h2{
margin:0px;
padding:0px;
color:#3c3c3c;
padding-bottom:15px;
font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif;
font-size:15px;
line-height:auto;
font-weight:bold;
}

a:link, a:visited{
font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif;
font-size: 12px;
line-height:16px;
color:#507f46;
text-decoration:underline;
cursor:pointer;
cursor:hand;
}

a:hover, a:active{
font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif;
font-size: 12px;
line-height:16px;
color:#507f46;
cursor:pointer;
cursor:hand;
}

.link{
background-image:url(media/link.gif);
background-repeat:no-repeat;
padding-left:14px;
background-position:bottom left;
}



hr,HR {
 	border: 0px; /* Für Firefox und Opera */
 	border-top: solid 1px #000;
 	border-bottom: transparent;
}

ul{
margin:0px;
padding-left:15px;
}

/*************
BASIC LAYOUT
**************/

.level_zero{
width:970px;
position:relative;
margin: 0 auto;
text-align:left;

}

.level_one{
background-color:#f9f9f9;
text-align:left;
min-height:200px;
position:relative;
float:left;
padding-top:72px;
}

.content_left{
position:relative;
float:left;
width:440px;
min-height:200px;
padding-left:60px;
}

.platzhalter_div{
position:relative;
width:440px;
height:294px;
min-height:200px;
margin-bottom:90px;
overflow:hidden;
}

.titel_div{
position:absolute;
top:323px;
left:60px;

}



.button_div{
position:absolute;
top:321px;
left:420px;
width:80px;
height:29px;
}

.button_div img{
border:none;
}

.content_div{
width:400px;
min-height:200px;
float:left;
}

.content_projekt_div{
width:900px;
min-height:200px;
float:left;
margin-bottom:50px;
}

.content_right{
float:left;
width:370px;
min-height:200px;
position:relative;
padding-left:80px;
padding-right:20px;
}

.meta_navi{
clear:left;
float:left;
width:400px;
min-height:10px;
position:relative;
background-color:#f9f9f9;
margin-top:30px;
}

.meta_navi img{
border:none;
}

.impressum{
clear:left;
padding-top:30px;
float:left;
min-height:100px;
width:400px;
}

.admin_menu{
width:400px;
float:left;
clear:left;
min-height:10px;
margin-bottom:10px;
position:absolute;
z-index:1000;
}

.admin_menu_edit{
margin-bottom:50px;
}

.login{
float:left;
clear:left;
width:200px;
min-height:10px;
padding-top:10px;
padding-bottom:20px;
}

.content_news{
position:relative;
float:left;
width:910px;
min-height:200px;
padding-left:60px;
}

.news_list_div{
margin-right:60px;
min-height:200px;
float:left;
position:relative;
}

/*****************************
	News Edit
*****************************/

.news_edit{
width:800px;
}

.edit_title_frame{
float:left;
margin-right:20px;
margin-bottom:15px;
}

.input_window textarea{
width:400px;
height:100px;
}
/*****************************

	Projektseite

******************************/

.content_projekte{
position:relative;
float:left;
width:910px;
min-height:500px;
padding-left:60px;
padding-right:0px;
}

.aktuell_div{
height:210px;
width:821px;
overflow:auto;
margin-bottom:135px;
border:1px solid #d7d7d7;
background-color:#fff;
padding:20px;

}

* html .aktuell_div{
height:250px;
}

.aktuell_titel_div{
position:absolute;
top:-20px;
font-size:10px;
}

/**/
.detailoben_image{
float:left;
width:320px;
height:195px;
text-align:center;
border:1px solid #d7d7d7;
}

.detailoben_text_rahmen{
height:195px;
position:absolute;
left:425px;
}

* html .detailoben_text_rahmen{
left:360px;
}

.detailoben_text{
width:475px;
position:absolute;
bottom:0px;
}

* html .detailoben_text{
width:450px;

}

.detailoben_titel{
font-weight:bold;
}

.detailoben_datum{
font-weight:bold;
padding-bottom:30px;
}

.detailoben_detailtext{

}


/*verankerung*/
.projekte_verankerung{
color:#507f46;

}

.projektliste_anker{
float:left;
clear:left;
margin-top:20px;
font-weight:bold;
}

/*auflistung*/

.projekt_liste{
float:left;

}

.projektliste_titel{
border:1px solid #d9d9d9;
float:left;
background-color:#5e5e5e;

margin-right:25px;
margin-top:20px;
color:#fff;

overflow:hidden;
font-size:10px;
}

.projektliste_titel a:link, .projektliste_titel a:visited{
color:#fff;
text-decoration:none;
width:80px;
height:80px;
display:block;

padding:10px;
}

.projektliste_titel a:hover, .projektliste_titel a:active{
background-color:#232323;
}

* html .projektliste_titel{
width:100px;
height:100px;
}

.projektliste_bilder{
float:left;
width:100px;
height:100px;
background-color:#fff;
margin-right:25px;
margin-top:20px;
border:1px solid #d9d9d9;
text-align:center;
overflow:hidden;
}

.ankerliste{
line-height:20px;
font-size:12px;
}

.projektliste_bilder a:link{
background-color:#5e5e5e;
line-height:100px;
vertical-align:bottom;
}

.projektliste_bilder a:hover{
background-color:#232323;
}

.projektliste_bilder img{
border:none;
vertical-align:middle;
}


.aktiviert{
background-color:#232323;
}

/*****************************

	Edit Seite

******************************/

.edit_div{
padding-right:44px;
padding-top:30px;
padding-left:44px;
}


/*****************************

	Projekt Detail Popup

******************************/

/*
569 breit
519 hoch
*/




.detailseite_div{
padding-top:30px;
padding-left:44px;
}

* html .detailseite_div{

}

.projekt_detail_popuptext{
margin-top:30px;
width:480px;
height:100px;
overflow:auto;
z-index:1000;
}

* html .projekt_detail_popuptext{

}

.popup_image{
border:1px solid #d9d9d9;
}

.popup_image_dummy{
height:293px;
border:1px solid #d9d9d9;
background-color:#4c4c4c;
}

.pr_detail_popup_bild{

}

.jcarousel-skin-tango li{
text-align:center;
}

.popup_legende{
text-align:left;
margin-top:5px;
font-size:11px;
width:100%;
height:400px;
}

.popup_titel{
font-weight:bold;
color:#3c3c3c;
margin-bottom:4px;
}

.popup_detailtext{
color:#3c3c3c;
}


/*****************************

	News Seite

******************************/

.info{
border:1px solid #d4d4d4;
padding:10px;
padding-bottom:30px;
width:350px;
border-bottom:0px;
}

* html .info{
width:370px;
}

.item_mid{
width:370px;
background-color:#fff;
background-image:url(media/ecke-notizzettel2.gif);
background-repeat:no-repeat;
background-position:bottom right;
padding-bottom:15px;
margin-bottom:50px;
}
/*****************************

	News Edit

******************************/
.editieren{
color:#507f46;
}


/*****************************

	EDIT SKINS

******************************/

/*********************************
Projekt Edit
**********************************/
.pro_edit_container{
position:relative;
left:20px;
padding-right:20px;
width:800px;
}

.pro_edit{
margin-top:10px;

}

.pro_edit_eingabe{
float:left;
padding-right:20px;
margin-bottom:20px;
}

.pro_edit_beschreibung{
clear:left;
}

.pro_edit_container textarea{
width:475px;
height:100px;
}

/*********************************
Bild Edit
**********************************/
.bild_edit_container{
width:800px;
padding-bottom:20px;
padding-left:20px;
}

.bild_edit_titel, .bild_edit_feld{
position:relative;

}

.bild_edit_titel{
padding-top:20px;
}

.bild_edit_sal{
padding-bottom:20px;
padding-left:20px;
}


/*********************************
Kategorien Edit
**********************************/
.cat_edit_container{
width:800px;
padding:20px;
}

.cat_edit_sal{
padding-right:10px;
}

/*****************************

	VERWALTUNG SKINS (Listen) 

******************************/

/*********************************
bilder Liste admin
**********************************/

.bild_list_titel{}
.bild_list_ort{}
.bild_list_datum{}
.bild_list_beschreibung{}
.bild_list_kategorie{}

.bild_list_titel, .bild_list_ort, .bild_list_datum, .bild_list_beschreibung, .bild_list_kategorie{
padding-bottom:10px;

}

.bild_list_titel_span, .bild_list_ort_span, .bild_list_datum_span, .bild_list_beschreibung_span, .bild_list_kategorie_span{
font-weight:bold;
}

.first_btn_active a:link, .previous_btn_active a:link, .next_btn_active a:link, .last_btn_active a:link{
text-decoration:none;
}

.bild_list_bilder{
border:1px solid;
margin:20px;
margin-left:0px;
padding:10px;
width:200px;
}

.bild_list_container{
padding:20px;
}
/*********************************
Kategorien Liste Admin
**********************************/
.cat_list_container{
padding:20px;
}

.cat_list_titel{
margin-bottom:15px;
}
.cat_list_cat{
border:1px solid;
margin:20px;
margin-left:0px;
padding:20px;
width:300px;
}
/*********************************
Projekt Liste Admin
**********************************/
.proj_list_container{
padding:20px;
}

.proj_list_cat{
margin-bottom:20px;
}

.proj_list_proj{
border:1px solid;
margin:20px;
margin-left:0px;
padding:20px;
}

.proj_list_pos{
margin-top:10px;
}

/*************************************
	news image update
*************************************/
.news_image{
	margin-right:0px;
	margin-bottom:0px;
}
.summary{
	margin-top:5px;
}
.summary img{
	margin-bottom:5px;
}
.title img{
	display:inline-block;
	border:none;
}