@import url(http://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic|Droid+Sans|Droid+Serif);
body, html{
	background:	url(img/white_texture.jpg) repeat;
	background-color:#f2f2f2;
	margin: 0;
	padding: 0;
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */	
	font-family:"Lato","Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#5a4545;
	font-size:14px;}

a:focus {
outline:none;
}

p { line-height:1.3em;
	padding: 0px;
	margin: 0px;}
	
/*  Main Layout */	
	
#outerWrapper {
                /* Für moderne Browser */
                min-height:100%;
                /* Für den Internet Explorer */
                height:auto !important;
                height:100%;
                position:relative;
                width:100%;
                margin:auto;}

#pageHeaderWrapper {min-height:4em; }
#headerWrapper{ height: 120px;margin: 0px 100px 30px 100px;width:1100px;}



.headerBoxLeft{width: 550px; height:120px; float:left;}
.headerTitel{width: 550px; height:50px; float:left; margin-top: 70px;
background-image:url(img/title.png); background-repeat:no-repeat;}
.headerBoxRight{width: 550px; height:120px; float:right}


#pageContentWrapper {padding-bottom:2em; float:left;}

#contentWrapper{ margin: 10px 50px 10px 80px; float:left;}
#contentWrapper2{ margin: 10px 100px 10px 80px; width: 1100px;}


#pageFooterWrapper {margin:40px 0 10px 0; float:left;min-width: 1100px; }
#footerWrapper{ height: 70px;margin: 0px 100px 30px 100px; min-width: 1100px; border-top:#c1c0c0 solid 1px;}
.footer{ color:#8c8c8c;text-align:right; margin: 10px; font-size:11px;}
.footer a{color:#8c8c8c; text-decoration:none;}
.footer a:hover{color:#8c8c8c; text-decoration:underline;}


/* nav */

.navWrapper{
	margin: 76px 0 0 47px;
	width: 540px;
}
.navBox{
	font-weight:bold;
	float:left;
	height:32px;	
	/* width: 200px; */
	margin: 5px 5px 5px 5px;
	background-color:#FFF;	
	-moz-box-shadow: 1px 1px 5px #c5c5c5;
	-webkit-box-shadow: 1px 1px 5px #c5c5c5;
	box-shadow: 1px 1px 5px #c5c5c5;
}

.navBox:hover{
	float:left;
	height:32px;	
	/* width: 200px; */
	margin: 5px 5px 5px 5px;
	color:#FFFFFF !important;
	background-color:#5a4545;	
	-moz-box-shadow: 1px 1px 5px #c5c5c5;
	-webkit-box-shadow: 1px 1px 5px #c5c5c5;
	box-shadow: 1px 1px 5px #c5c5c5;
}

.navBox a{
	padding: 7px 10px 5px 10px;
	height:20px;
	display:block;
	text-decoration:none;
	color:#5a4545;
}

.navBox a:hover{	
	padding: 7px 10px 5px 10px;
	height:20px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}




           
/* Content Boxes*/

.contentBoxWrapper{
	font-size:16px;
	margin: 30px 30px 30px 30px;width:1100px; float:left;}

.contentBox1Wrapper{
	width: 298px;
	height: 263px;
	float:left;
	}
	
.contentBox1{border: transparent solid 1px;
	margin: 20px;
	float:left;
	}
.contentBox1:hover{ border: #e1ded9 solid 1px;
background-color:#efece7;
	margin: 20px;
	float:left;
	}
	
.imageRow1{
	width: 260px;
	height: 160px;
	float: left;
	}
.rowHover:hover{background-color:#efece7;}
	
.contentRow1{
	width: 260px;
	height: 65px;
	float:left;
	}
		
.thumbnailWrapper1{
	padding: 5px;
	height:140px;	
	width: 240px;
	margin: 5px 5px 5px 5px;
	background-color:#FFF;	
	-moz-box-shadow: 1px 1px 5px #c5c5c5;
	-webkit-box-shadow: 1px 1px 5px #c5c5c5;
	box-shadow: 1px 1px 5px #c5c5c5;
}

.contentBox1colLeft{
	padding: 5px 5px 5px 10px;
	float:left;
	height:55px;	
	width: 210px;
}

.contentBox1Kuenstler{ font-size:16px; font-weight:bold;}
.contentBox1Werk{font-size:12px; font-weight:normal;}

.contentBox1colRight{	height:65px;		width: 35px;	float:right;}
.contentBox1StatusFlagGreen{ width:30px; height:30px; background-image:url(img/StatusFlag_green.png);}
.contentBox1StatusFlagOrange{width:30px; height:30px; background-image:url(img/StatusFlag_orange.png);}
.contentBox1StatusFlagRed{width:30px; height:30px; background-image:url(img/StatusFlag_red.png);}

.contentBox1StatusFlagInfoGreen{ width:150px; height:30px; background-image:url(img/StatusFlagInfo_green.png);}
.contentBox1StatusFlagInfoOrange{width:150px; height:30px; background-image:url(img/StatusFlagInfo_orange.png);}
.contentBox1StatusFlagInfoRed{width:150px; height:30px; background-image:url(img/StatusFlagInfo_red.png);}


.contentBox2LeftWrapper{
	width: 600px;
	min-height: 300px;
	float:left;
	}
	
.contentBox2Left{border: transparent solid 1px;
	margin: 20px;
	float:left;
	}
.imageWrapper2{	float:left;

	padding: 5px;
	min-height: 200px;	
	width:540px;
	margin: 5px 5px 5px 5px;
	background-color:#FFF;	
	-moz-box-shadow: 1px 1px 5px #c5c5c5;
	-webkit-box-shadow: 1px 1px 5px #c5c5c5;
	box-shadow: 1px 1px 5px #c5c5c5;
}
.imageTextWrapper{	float:left;
font-size:12px;
	padding: 5px;
	min-height: 20px;	
	width:540px;
	margin: 5px 5px 5px 5px;
}
.contentBox2RightWrapper{
	width: 400px;
	min-height: 300px;
	float:left;
	}
	
.contentBox2Right{border: transparent solid 1px;
	width: 360px;
	min-height: 300px;
	margin: 20px;
	padding-top:20px;
	float:left;
	}
	
.contentBox2NavBar{padding-top: 15px; margin-top: 25px;width: 360px; height: 35px;float:left; background-color:#FFF;	
	-moz-box-shadow: 1px 1px 5px #c5c5c5;
	-webkit-box-shadow: 1px 1px 5px #c5c5c5;
	box-shadow: 1px 1px 5px #c5c5c5;
	text-align:center;
	vertical-align:middle;color:#5a4545;}

.contentBox2NavBar2{ padding-top: 15px; margin-top: 10px;width: 360px; height: 35px;float:left; background-color:#FFF;	
	-moz-box-shadow: 1px 1px 5px #c5c5c5;
	-webkit-box-shadow: 1px 1px 5px #c5c5c5;
	box-shadow: 1px 1px 5px #c5c5c5;
	text-align:center;
	vertical-align:middle;color:#5a4545;}
	
.contentBox2Facebook{ padding: 15px 10px 10px 10px; margin-top: 10px;width: 340px; min-height: 35px;float:left; background-color:#FFF;	
	-moz-box-shadow: 1px 1px 5px #c5c5c5;
	-webkit-box-shadow: 1px 1px 5px #c5c5c5;
	box-shadow: 1px 1px 5px #c5c5c5;
	text-align:center;
	vertical-align:middle;color:#5a4545;}

	
.contentBox2Kuenstler{ font-size:22px; font-weight:bold;float:left;width: 360px;}
.contentBox2Werk{font-size:18px; font-weight:normal;float:left;width: 360px;}
.contentBox2InhaltWrapper{	width: 360px; float:left; margin: 5px 0 5px 0;}
.contentBox2InhaltLabel{	width: 120px; float:left; font-size:16px; font-weight:bold;}
.contentBox2InhaltField{	width: 240px; float:right; font-size:16px; font-weight:bold;}
.contentBox2InhaltField a{		color:#5a4545;
}

.contentBox2InhaltField a:hover{		color:#5a4545;
}

.contentBox2InhaltField2{	width: 240px; float:right; font-size:16px; font-weight:bold; text-decoration:line-through;}


.contentBox2ContentRow1{min-height: 400px;}
.contentBox2ContentRow2{min-height: 200px;}



.clear{
	clear:both;}
	
	
/* old */

	
/*==================list====================*/
ul { list-style:none;}

.listnav li {  font-size:.83em; text-transform:uppercase; float:left; border-bottom:1px solid #92d56e; line-height:1.1em; padding:1px 8px; }
.listnav li.last { border-right:0; padding-right:0;}
.listnav li a { color:#92d56e; text-decoration:none;}
.listnav li a:hover { text-decoration:underline;}

/*==================txt, links, lines, titles====================*/


h1 { color:#5a4545; text-shadow: 1px 1px 2px #ccc;font-size:22px; 	 line-height: 1.0em; margin-bottom:15px; font-weight:500; margin-left:-1px;}
h2 { color:#5a4545; font-size:1.0em; text-transform:uppercase; line-height: 1.2em; margin-bottom:5px; font-weight:300;}
h3 { color:#04a651; font-size:1.1em; line-height: 1.2em; margin-bottom:15px; font-weight:100; text-align:left;}
h3 span { display:block; border-bottom:1px solid #f2f2f2; padding-bottom:6px; margin-bottom:23px;}
h4{ font:500 24px ; line-height:160%;  color:#fff; }

h5 { color:#04a651; font-size:1.1em; text-transform:uppercase; line-height: 1.0em; margin-bottom:15px; font-weight:100;}

a{ color:#5a4545;
	text-decoration:none;}
	a:hover{
		color:#5a4545;
		text-decoration:underline;}