/********** CSS Document **********/

body
{
    font-family: Verdana, sans-serif, Arial;
    background-image: url(design/background-banner.gif);
    background-repeat: repeat-x;
    background-color: #ededed;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 12px;
}

html
{
    background-image: url(design/background-banner.gif);
    background-repeat: repeat-x;
    background-color: #ededed;
    height: 100%;
}

* html .root
{
    height: 100%;
}

.root
{
    width: 980px;
    min-height: 100%;
    margin: 0 auto;
    text-align: left;
    color: #444444;
    background-color: #ededed;
}

#banner
{
    width: 100%;
    height: 150px;
    background-image: url(design/banner.jpg);
    background-repeat: no-repeat;
    border-bottom: 5px solid #798a9f;
    background-color: #314763;
    line-height: 0px;
}

#nonFooter
{
    position: relative;
    min-height: 100%;
}
* html #nonFooter
{
    height: 100%;   
}

/***** Navigation *****/
#headerNavi
{
    margin: 92px 10px 0 0;
    float: right;
    width: 320px;
}
#headerNavi a
{
    margin: 0;
    border: 0;
	  padding: 0;
	  float: left;
	  display: block;
	  text-indent: -9999px; 
	  letter-spacing: -9999px; 
	  font-size: 0;
    text-decoration: none; 
	  width: 64px;
	  height: 58px; 
	  background-position: 0 0;
	  background-repeat: no-repeat;
}
#headerNavi a:hover
{
    background-position: -64px 0 !important;
}
#headerNavi .selected
{
    background-position: -64px 0 !important;
}

/***** Content *****/
#content
{
    padding: 10px 0 220px 0;
}
#content .tableLeft
{
    color: #AAAAAA;
    font-weight: bold;
    width: 150px;
    vertical-align: top;
    padding-bottom: 10px;
}
#content .tableRight
{
    padding-bottom: 10px;
    vertical-align: top;
}
#content .tableRight ul
{
    margin: 5px 0;
}
#content .tableRight span
{
    color: #AAAAAA;
}

#contentLeft
{
    width: 690px;
    padding: 0 10px;
    float: left;
}
#contentLeft h2
{
    width: 300px;
}

#contentRight
{
    width: 250px;
    padding: 0 10px;
    float: right;
    text-align: justify;
}

/***** Startseite *****/
.startseite_textblock
{
    text-align: justify;
    margin-bottom: 15px;
}

.startseite_portfolio
{
    float: right; 
    text-align: center; 
    width: 170px; 
    background-color: #DDDDDD; 
    padding: 10px; 
    border: 1px dotted #314763;
}
.startseite_portfolio a
{
    margin: 2px 0;
    border: 1px solid #DDDDDD;
	  display: block;
	  text-indent: -9999px; 
	  letter-spacing: -9999px; 
	  font-size: 0;
    text-decoration: none; 
	  width: 170px;
	  height: 88px; 
	  background-position: -170px 0;
	  background-repeat: no-repeat;
}
.startseite_portfolio a:hover
{
    border: 1px solid #FFFFFF;
}
.startseite_portfolio b
{
    display: block;
}

/***** Biografie *****/
.biografie_image
{
    border: 1px solid #CCCCCC;
}

/***** Portfolio *****/
.portfolio_overview a
{
    margin: 0 2px 2px 0;
    border: 0;
	  padding: 0;
	  float: left;
	  display: block;
	  text-indent: -9999px; 
	  letter-spacing: -9999px; 
	  font-size: 0;
    text-decoration: none; 
	  width: 170px;
	  height: 88px; 
	  background-position: 0 0;
	  background-repeat: no-repeat;
}
.portfolio_overview a:hover
{
    background-position: -170px 0 !important;
}
.portfolio_overview a:hover
{
    background-position: -170px 0 !important;
}
.portfolio_thumb_selected
{
    background-position: -170px 0 !important;
}

.portfolio_navi
{
    padding-top: 5px;
    font-weight: bold;
    color: #AAAAAA;
    margin: 0 auto;
    width: 200px;
    text-align: center;
}
.portfolio_navi a
{
    margin: 0 10px;
    border: 0;
	  padding: 0;
	  display: block;
	  text-indent: -9999px; 
	  letter-spacing: -9999px; 
	  font-size: 0;
    text-decoration: none; 
	  width: 16px;
	  height: 25px; 
	  background-position: 0 0;
	  background-repeat: no-repeat;
}
.portfolio_navi a:hover
{
    background-position: -16px 0 !important;
}

.portfolio_details span
{
    color: #AAAAAA;
    font-weight: bold;
}

.portfolio_title_navi
{
    float: right;
    padding-top: 8px;
    font-size: 10px;
}

/***** Publikationen *****/
#publikationen .tableLeft
{
    width: 80px;
}
#publikationen .tableRight img
{
    vertical-align: -3px;
    padding-right: 5px;
}

#publikationen_menu
{
    font-size: 11px;
    margin: 10px 0;
}
#publikationen_menu img
{
    vertical-align: -3px;
    padding-left: 10px;
}

/***** Kontakt *****/
.contactform
{
    font-weight: bold;
    color: #999999;
}
.contactform .tableLeft
{
    width: 160px;
}
.contactform .tableLeft h5
{
    border-bottom: 1px dotted #CCCCCC;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
#map
{
    width: 250px;
    height: 520px;
    overflow: hidden;
}

/***** Footer *****/
#footer
{
    background-image: url(design/background-footer.gif);
    background-repeat: repeat-x;
    background-color: #c9c6b7;
    border-top: 4px solid #e4e1d5;
    padding: 0 19px;
    height: 201px;
    
    position: relative;
		margin: -205px auto 0 auto;
		
		text-align: center;
}
* html #footer
{
		margin-top: -206px;
}

#footerContent
{
    width: 760px;
    margin: 0 auto;
    padding: 17px 0;
    font-size: 11px;
    color: #817c6b;
}

#footerContentLeft
{
    text-align: left;
    width: 300px;
    float: left;
    padding-left: 66px;
    background-image: url(design/icon_leistungen.png);
    background-repeat: no-repeat;
}

#footerContentRight
{
    text-align: left;
    width: 150px;
    float: right;
    padding-left: 84px;
    background-image: url(design/icon_kontakt.jpg);
    background-repeat: no-repeat;
}

/***** Allgemeine Klassen *****/
h1
{
    color: #314763;
    margin: 0 0 15px 0;
    font-size: 18px;
    border-bottom: 1px dotted #7f8ea1;
}
h2
{
    color: #314763;
    margin: 4px 0 13px 0;
    font-size: 16px;
    border-bottom: 3px double #CCCCCC;
    clear: left;
}
h3
{
    color: #314763;
    margin: 0 0 2px 0;
    font-size: 14px;
}

a
{
    color: #314763;
    text-decoration: none;
    font-weight: bold;
}
a:hover
{
    color: #7f8ea1;
}

ul
{
    margin: 10px 0;
    padding: 0 0 0 18px;
}

.downloadButton a
{
    margin: 0;
    border: 0;
	  padding: 0;
	  float: left;
	  display: block;
	  text-indent: -9999px; 
	  letter-spacing: -9999px; 
	  font-size: 0;
    text-decoration: none; 
	  width: 47px;
	  height: 56px; 
	  background-position: 0 0;
	  background-repeat: no-repeat;
}
.downloadButton a:hover
{
    background-position: -47px 0 !important;
}

.clear
{
    clear: both;
}

.error
{
    color: #631b1b;
}

.success
{
    color: #27631b;
}