@charset "utf-8";
/* General-Stylesheet
// Copyright: Euroweb Internet GmbH
// Author: Andy Hausmann
// Last modification: 03.11.08
*/
@import url("reset.css");

/******************************************************************************************
** BASE
******************************************************************************************/

*,
html { margin: 0px; padding: 0px; }

html,
body { height: 100%; }

body { 
	font-size: 62.5%;
    font-size: 13px;
    line-height: 17px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #545658;
    background: #dadcde;
    overflow:-moz-scrollbars-vertical;

}


/******************************************************************************************
** GENERAL
******************************************************************************************/

/* Header */
h1 {}
h2 { 
	margin-bottom: 20px;
    padding-left: 14px; 
	font-size: 17px; 
    line-height: 22px; 
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: normal;
    border-left: 5px solid #ff9901; 
}
h3 { margin-bottom: 20px; }
h4 {}

#content p,
#content ul,
#content ol,
#content dl,
#content form,
#euroweb { margin-bottom: 20px; }

img {}

#content a { color: #4c5f84; text-decoration: none; }

.extern { padding: 16px; background: url(../images/content/link_12.gif) repeat left center; }
.pdf { padding: 16px; background: url(../images/content/pdf_12.gif) repeat left center; }

p { 	text-align:justify;}

/******************************************************************************************
** OTHER
******************************************************************************************/

.noMargin { margin-bottom: 0 !important; }

/* text formattings */
.small { font-size: 0.9em; }
.highlight { color: #aa0404; }

/* floats and clearfixes */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear:both; }
/* Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/******************************************************************************************
** LAYOUT
******************************************************************************************/

#container { margin: 0 auto; width: 882px; background: url(../images/layout/header-bg.jpg) no-repeat left top; }

#header { height: 431px; position: relative; }
    #branding,
    #branding a { display: block; width: 350px; height: 108px; text-indent: -6000px; }
    #branding { float:left; }
    #branding a { background: url(../images/layout/logo.jpg) no-repeat left top; } 
    #slideShow {
      height:276px;
      width:451px;
      overflow:hidden;
   	  position:absolute;
      margin-left:4px;
      top:149px;
	  left:0px;
    }
    #headerNavigation { 
    	float:right; 
        padding: 79px 0 0 0; 
        width: 425px; 
        height: 23px;
        font-size: 13px;
        font-weight: bold;
    }
    #headerNavigation li { float:left; padding-right: 7px; height:23px; line-height: 23px; }
    #headerNavigation li a { display: block; height:23px; line-height: 23px; text-align: center; text-decoration: none; color: #545658; }
    a#index { width: 123px; border-left: 5px solid #fbd295; }
    a#kontakt { width: 132px; border-left: 5px solid #fabd61; }
    a#anfahrt { width: 134px; border-left: 5px solid #ff9900; } 
    a#index:hover { background: #f8d092; }
    a#kontakt:hover { background: #f6b95d; }
    a#anfahrt:hover { background: #fe9d0b; } 

#navigation { padding: 5px 5px 8px 4px; height: 92px; font-weight: bold; }
    #navigation ul { width: 873px; height: 92px; }
    #navigation ul li { float: left; text-indent: -6000px; }
    #navigation ul li ul { padding: 20px 0 0 22px; height: auto !important; width:200px; overflow:hidden; }
    #navigation ul li ul li,
    #navigation ul li ul li a { display: block; width: 100%; text-indent: 0px; line-height: 20px; color: #fff; text-decoration: none; }
    #navigation ul li ul li a { padding-left: 23px; background: url(../images/layout/nav-ul-li.gif) no-repeat left center; }
    #navigation ul li ul li a:hover { background: url(../images/layout/nav-ul-li-hover.gif) no-repeat left center; }
    li#li-ueber-uns { margin-right: 5px; width: 223px; }
    li#li-dienstleistungen { margin-right: 4px; width: 223px; }
    li#li-eurojuris { margin-right: 5px; width: 131px; background: url(../images/layout/a-eurojuris.jpg) no-repeat left top;}
    li#li-links { margin-right: 5px; width: 139px; background: url(../images/layout/a-links.jpg) no-repeat left top;}
    li#li-aktuelles { width: 138px; background: url(../images/layout/a-aktuelles.jpg) no-repeat left top;}
    /* all links */
    #li-eurojuris a,
    #li-links a,
    #li-aktuelles a { display: block; height: 92px; text-indent: -6000px; }
    /* special */
    #li-eurojuris a { width: 131px; background: url(../images/layout/a-eurojuris.jpg) no-repeat left top; }
    #li-links a { width: 139px; background: url(../images/layout/a-links.jpg) no-repeat left top; }
    #li-aktuelles a { width: 138px; background: url(../images/layout/a-aktuelles.jpg) no-repeat left top; }
    /* hover */
    #li-eurojuris a:hover,
    #li-links a:hover,
    #li-aktuelles a:hover { background-position: 0px -92px; }
    
#content { padding: 20px 5px 20px 4px; width: 872px; min-height: 196px; height: auto !important; height: 196px;}
    /* Content dreispaltig */
    #content .col1 {
       float: left;
       margin-right: 34px;
       width: 268px;
    }
    #content .col2 {
       float: left;
       margin-right: 34px;
       width: 268px;
    }
    #content .col3 {
       float: left;
       width: 268px;
    }
        
#footer { padding-top: 18px; height: 71px; background: url(../images/layout/footer-bg.jpg) no-repeat left top; }
	#footer .col1 {
       float: left;
       padding-left: 40px;
       width: 138px;
    }
    #footer .col2 {
       float: left;
       padding-left: 30px;
       width: 190px;
    }
    #footer .col3 {
       float: left;
       padding-left: 27px;
       width: 203px;
    }
    #footer .col4 {
       float: left;
       padding-left: 76px;
       width: 173px;
    }
    #footer a { color: #4c5f84; text-decoration: none; }
    #footer a.escape { padding-left: 19px; background: url(../images/layout/a-email.gif) no-repeat left center; }

ul.liste {
	list-style-type:none;
}
	ul.liste li {
		background:url(../images/layout/li-bg.gif) 0 7px no-repeat;
		padding-left:24px;
		margin-bottom:5px;
}

ul.galery {
	width:419px;
	list-style-type:none;
	position:absolute;
	top:149px;
	left:459px;
}

ul.galery li {
	width:207px;
	height:136px;
	float:left;
	margin:0 4px 4px 0;
	background:#0099CC;
}

ul.galery li.last {
	width:207px;
	height:136px;
	float:left;
	margin:0 0 4px 0;
	background:#0099CC;
}

img.large-galery {
	position:absolute;
	top:149px;
	left:4px;
}