/*  
Theme Name: Gebärdenfachlexikon
Theme URI: http://www.tsbw.de
Description: Screen Theme
Version: 1.4
Author: Projekt 77
Author URI: http://www.projekt-77.de/
*/

/* ------------------------------------------ DEFAULT --------------------------------------------------- */

body {
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1A1A1A;
	background-color: #F9F4DF;
	margin: 0;
	padding: 0;
}

a:link {
	color: #1A1A1A;
	text-decoration: underline;
}

a:visited {
	color: #1A1A1A;
	text-decoration: underline;
}
a:hover {
	color: #1A1A1A;
	text-decoration: none;
}
a:active {
	color: #CC0000;
	text-decoration: none;
}

a:focus {
	color: #FF0202;
    text-decoration: none;
}

.invisible {visibility: hidden;}

.hide {display: none;}

.hide_title, .hide_active, .jumptocontent {
	position: absolute;
  	top: -5000px;
	left: -5000px;
 	height: 1px;
	width: 1px;
}

a img {border: 0;}

acronym {
	cursor: help;
	border-bottom: 1px dashed #0A0A0A;
}

abbr {
	cursor: help;
	border-bottom: 1px dashed #0A0A0A;
}

table {
	border: 0;
	font-size: 100%;
}

/* -------------------------------------------- LAYER ----------------------------------------------------- */

/* ###################### header ###################### */ 

#header {
    width: 100%;
	background-color: #E6CF73;
    margin: 0;
	padding: 0;
	float: left; 
}

#navigation_block_main {
	width: 100%;
	color: #1A1A1A;
	background-color: #F4EBC4;
	margin: 0;
	padding: 4px 0 0 0;
	float: left; 
}

#navigation_main {
	width: 960px;
	margin: 0;
	padding: 0 0 3px 0;
	float: left; 
}

	#nav_berufe {
		width: 350px;
		margin: 0;
		padding: 0 0 0 20px;
		float: left; 
	}

	#nav_main {
		width: 560px;
		text-align: right;
		margin: 0;
		padding: 3px 10px 0 0;
		float: right; 
	}

#header_line {
	width: 100%;
	height: 5px;
	font-size: 1%;
	color: #4D4D4D;
	background-color: #4D4D4D;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
}

#alphabet_links {
	width: 620px;
	text-align: left;
	margin: 0;
	padding: 4px 0;
}

/* -------------------------------------------- TAB NAVIGATION --------------------------------------------------------- */

#jumpmenu a:link, #jumpmenu a:visited {
	color: #000000;
	background: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	border: 4px solid #CC0000;
}

#jumpmenu a:hover, #jumpmenu a:active, #jumpmenu a:focus {
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 5000px;
	left: 5271px;
	width: 24em;
	margin: 20px 0 0 0;
	padding: 20px 40px;
	white-space: nowrap;
	display: block;
	float: left;
	z-index: 100;
}


/* ###################### content home ###################### */ 

#body_home {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

#frame_home {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
}

#header_home {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}

#content_home {
	width: 100%;
	text-align: center;
	margin: 30px 0;
	padding: 0;
	float: left;
}

	#video_home {
		width: 320px;
		margin: 0 10px 0 0;
		padding: 0 0 0 60px;
		float: left;
	}
	
	#text_home {
		width: 440px;
		color: #000000;
		background-color: transparent;
		text-align: left;
		font-weight: normal;
		margin: 0  58px 0 0;
		padding: 0;
		float: left;
	}

#haupt {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
}

#berufsfelder {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
}

/* ### haupt ### */ 

ul#haupt_start {
	margin: 10px 0 5px 0;
  	padding: 1px 0 0 0;
}

#haupt_start li {
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0;
	display: inline;
}

li.haupt a:link, li.haupt a:visited {
	color: #1A1A1A;
	background: url(../graphic/bg/nav_a.gif) no-repeat;
	margin: 0;
	padding: 0 15px 0 17px;
	text-decoration: none;
}

li.haupt a:hover, li.haupt a:active, li.haupt a:focus {
	color: #CC0000;
	background: url(../graphic/bg/nav_h.gif) no-repeat;
	margin: 0;
	padding: 0 15px 0 17px;
	text-decoration: none;
}

li.haupt_a a:link, li.haupt_a a:visited {
	color: #CC0000;
	background: url(../graphic/bg/nav_a2.gif) no-repeat;
	margin: 0;
	padding: 0 15px 0 17px;
	text-decoration: none;
}

li.haupt_a a:hover, li.haupt_a a:active, li.haupt_a a:focus {
	color: #CC0000;
	background: url(../graphic/bg/nav_h.gif) no-repeat;
	margin: 0;
	padding: 0 15px 0 17px;
	text-decoration: none;
}

/* ### navigation ### */ 

ul#navigation_start {
	margin: 10px 0 5px 0;
  	padding: 1px 0 0 0;
}

#navigation_start li {
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0;
	display: inline;
}

li.start a:link, li.start a:visited {
	color: #1A1A1A;
	background: url(../graphic/bg/nav_a.gif) no-repeat;
	margin: 0;
	padding: 0 15px 0 17px;
	text-decoration: none;
}

li.start a:hover, li.start a:active, li.start a:focus {
	color: #CC0000;
	background: url(../graphic/bg/nav_h.gif) no-repeat;
	margin: 0;
	padding: 0 15px 0 17px;
	text-decoration: none;
}

li.start_a a:link, li.start_a a:visited {
	color: #CC0000;
	background: url(../graphic/bg/nav_a2.gif) no-repeat;
	margin: 0;
	padding: 0 15px 0 17px;
	text-decoration: none;
}

li.start_a a:hover, li.start_a a:active, li.start_a a:focus {
	color: #CC0000;
	background: url(../graphic/bg/nav_h.gif) no-repeat;
	margin: 0;
	padding: 0 15px 0 17px;
	text-decoration: none;
}

/* ### img ### */ 

.bbw_logo {
	margin: 0 5px 0 0;
	padding: 0;
}

.bbw_logo_last {
	margin: 0;
	padding: 0;
}

/* ###################### content ###################### */ 

#content_area {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

#content_block {
	width: 960px;
	margin: 0;
	padding: 0;
	float: left;
}

	#subnavigation {
		width: 200px;
		margin: 0;
		padding: 0 0 0 10px;
		float: left;
	}
	
		.sub_box {
			width: 180px;
			color: #1A1A1A;
			background: #F2E7B9 url(../graphic/bg/subnav_header.jpg) no-repeat;
			line-height: 140%;
			margin: 10px 0;
			padding: 3px 10px 10px 10px;
			float: left;
		}	
		
		.sub_box_new {
			width: 180px;
			color: #1A1A1A;
			background: #F2E7B9 url(../graphic/bg/subnav_body_new.jpg) no-repeat;
			line-height: 140%;
			margin: 10px 0;
			padding: 3px 10px 10px 10px;
			float: left;
		}	
	
	#content {
		width: 740px;
		margin: 0;
		padding: 0 0 0 10px;
		float: left;
	}
	
		.content_box {
			width: 720px;
			color: #1A1A1A;
			background: #F2E7B9 url(../graphic/bg/content_header.jpg) no-repeat;
			line-height: 140%;
			margin: 10px 0;
			padding: 3px 10px 10px 10px;
			float: left;
		}
		
		.content_box_default_func {
			width: 920px;
			color: #1A1A1A;
			background: #F2E7B9 url(../graphic/bg/content_header_default_func.jpg) no-repeat;
			line-height: 140%;
			margin: 10px 0 10px 10px;
			padding: 3px 20px 10px 20px;
			display: inline;
			float: left;
		}
		
		.content_box_default, .content_box_default8, .content_box_default9, .content_box_default10, .content_box_default11,
		.content_box_default12, .content_box_default346, .content_box_default348, .content_box_default427, 
		.content_box_default428, .content_box_default429, .content_box_default430, .content_box_default431 {
			width: 700px;
			color: #1A1A1A;
			line-height: 140%;
			margin: 10px 0;
			padding: 3px 20px 10px 20px;
			display: inline;
			float: left;
		}

			.content_box_default {
				background: #F2E7B9 url(../graphic/bg/content_header_default.jpg) no-repeat;
		    }

            .content_box_default8 {
				background: #F2E7B9 url(../graphic/bg/8.jpg) no-repeat;
		    }

            .content_box_default9 {
				background: #F2E7B9 url(../graphic/bg/9.jpg) no-repeat;
		    }

            .content_box_default10 {
				background: #F2E7B9 url(../graphic/bg/10.jpg) no-repeat;
		    }

            .content_box_default11 {
				background: #F2E7B9 url(../graphic/bg/11.jpg) no-repeat;
		    }

            .content_box_default12 {
				background: #F2E7B9 url(../graphic/bg/12.jpg) no-repeat;
		    }

            .content_box_default346 {
				background: #F2E7B9 url(../graphic/bg/346.jpg) no-repeat;
		    }

            .content_box_default348 {
				background: #F2E7B9 url(../graphic/bg/348.jpg) no-repeat;
		    }

           	.content_box_default427 {
				background: #F2E7B9 url(../graphic/bg/427.jpg) no-repeat;
		    }
		
           	.content_box_default428 {
				background: #F2E7B9 url(../graphic/bg/428.jpg) no-repeat;
		    }

           	.content_box_default429 {
				background: #F2E7B9 url(../graphic/bg/429.jpg) no-repeat;
		    }

           	.content_box_default430 {
				background: #F2E7B9 url(../graphic/bg/430.jpg) no-repeat;
		    }

			.content_box_default431 {
				background: #F2E7B9 url(../graphic/bg/431.jpg) no-repeat;
		    }


		.start_video {
			width: 330px;
			text-align: left;
			margin: 0;
			padding: 0;
			float: left;
		}
		
		.start_text {
			width: 330px;
			text-align: left;
			margin: 0;
			padding: 0 20px 0 0;
			float: left;
		}
		
		.start_text_func {
			width: 570px;
			text-align: left;
			margin: 0;
			padding: 0 20px 0 0;
			float: left;
		}

                                #videos {
			margin: 0;
			padding: 0;
			display: block;
			float: left;
		}
		
		.fachgebaerde_video {
			width: 350px;
			text-align: left;
			margin: 0;
			padding: 0;
			float: left;
		}
		
		.erklaerung_video {
			width: 350px;
			text-align: right;
			margin: 0;
			padding: 0 0 0 20px;
			float: left;
		}
		
		.bildmat {
			width: 250px;
			margin: 20px 0 0 0;
			padding: 0;
			float: left;
		}
		
		.erklaerung_text {
			width: 410px;
			margin: 20px 0 0 0;
			padding: 0 0 0 30px;
			float: left;
		}

/* ###################### footer ###################### */ 

#footer {
	width: 100%;
	color: #1A1A1A;
	background-color: #E6CF73;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}

	#top {
		width: 960px;
		text-align: right;
		margin: 0;
		padding: 3px 0;
		display: block;
	}

#footer_line {
	width: 100%;
	height: 2px;
	font-size: 1%;
	color: #4D4D4D;
	background-color: #4D4D4D;
	margin: 0;
	padding: 0;
	float: left;
}

/* ------------------------------------------ NAVIGATION --------------------------------------------------- */

/* ###################### mainnavigation ###################### */

ul#mainnavigation {
	margin: 0;
  	padding: 0;
}

#mainnavigation li {
	margin: 0;
	padding: 0;
	display: inline;
}

li.main a:link, li.main a:visited {
	color: #1A1A1A;
	background-color: transparent;
	margin: 0;
	padding: 0 0 0 15px;
	text-decoration: none;
}

li.main a:hover, li.main a:active, li.main a:focus {
	color: #CC0000;
	background-color: transparent;
	margin: 0;
	padding: 0 0 0 15px;
	text-decoration: underline;
}

li.main_a a:link, li.main_a a:visited {
	color: #CC0000;
	background-color: transparent;
	margin: 0;
	padding: 0 0 0 15px;
	text-decoration: none;
}

li.main_a a:hover, li.main_a a:active, li.main_a a:focus {
	color: #CC0000;
	background-color: transparent;
	margin: 0;
	padding: 0 0 0 15px;
	text-decoration: underline;
}

/* ###################### alphabet ###################### */ 

ul#alpha {
	margin: 0;
  	padding: 0 0 5px 0;
}

#alpha li {
	font-size: 90%;
	margin: 0;
	padding: 0;
	display: inline;
}

li.abc a:link, li.abc a:visited {
	color: #1A1A1A;
	background-color: transparent;
	margin: 0;
	padding: 0; 
	text-decoration: none;
}

li.abc a:hover, li.abc a:active, li.abc a:focus {
	color: #CC0000; 
	background-color: transparent;
	margin: 0;
	padding: 0; 
	text-decoration: underline;
}

li.abc_a a:link, li.abc_a a:visited {
	color: #CC0000;
	font-weight: bold;
	background: url(../graphic/bg/abc_a.gif) no-repeat;
	margin: 0;
	padding: 0 0 0 14px; 
	text-decoration: none;
}

li.abc_a a:hover, li.abc_a a:active, li.abc_a a:focus {
	color: #1A1A1A;
	font-weight: bold;
	background: url(../graphic/bg/abc_h.gif) no-repeat;
	margin: 0;
	padding: 0 0 0 14px; 
	text-decoration: underline;
}

/* ###################### subnav ###################### */ 

ul#subnav {
	margin: 0 0 5px 0;
  	padding: 1px 0 0 0;
}

#subnav li {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}

li.sub a:link, li.sub a:visited {
	color: #1A1A1A;
	background: url(../graphic/bg/nav_a.gif) no-repeat;
	margin: 0;
	padding: 0 0 0 17px;
	text-decoration: none;
}

li.sub a:hover, li.sub a:active, li.sub a:focus {
	color: #CC0000;
	background: url(../graphic/bg/nav_h.gif) no-repeat;
	margin: 0;
	padding: 0 0 0 17px;
	text-decoration: none;
}

li.sub_a a:link, li.sub_a a:visited {
	color: #CC0000;
	background: url(../graphic/bg/nav_a2.gif) no-repeat;
	margin: 0;
	padding: 0 0 0 17px;
	text-decoration: none;
}

li.sub_a a:hover, li.sub_a a:active, li.sub_a a:focus {
	color: #CC0000;
	background: url(../graphic/bg/nav_h.gif) no-repeat;
	margin: 0;
	padding: 0 0 0 17px;
	text-decoration: none;
}

/* ###################### subnav II ###################### */ 

ul#subnav2 {
	margin: 0 0 5px 0;
  	padding: 1px 0 0 0;
}

#subnav2 li {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}

li.sub2 a:link, li.sub2 a:visited {
	color: #1A1A1A;
	background-color: transparent;
	background: none;
	margin: 0;
	padding: 0 0 0 17px;
	text-decoration: none;
}

li.sub2 a:hover, li.sub2 a:active, li.sub2 a:focus {
	color: #CC0000;
	background-color: transparent;
	background: none;
	margin: 0;
	padding: 0 0 0 17px;
	text-decoration: underline;
}

li.sub2_a a:link, li.sub2_a a:visited {
	color: #CC0000;
	background-color: transparent;
	background: none;
	margin: 0;
	padding: 0 0 0 17px;
	text-decoration: underline;
}

li.sub2_a a:hover, li.sub2_a a:active, li.sub2_a a:focus {
	color: #CC0000;
	background-color: transparent;
	background: none;
	margin: 0;
	padding: 0 0 0 17px;
	text-decoration: none;
}

/* ------------------------------------------ TITLE --------------------------------------------------- */

#subnavigation h1, #content_block h1, .content_box_default h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	color: #1A1A1A;
	line-height: normal;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
}

.fachgebaerde_video h2 {
	width: 310px;
	height: 20px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.erklaerung_video h2 {
	width: 340px;
	height: 20px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.content_box h2, .content_box_default h2, #berufsfelder h1, .forum h2, .start_text_func h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #000000;
	background-color: transparent;
	line-height: normal;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0px 0;
}
	
	#text_home h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 110%;
		color: #000000;
		background-color: transparent;
		line-height: normal;
		font-weight: bold;
		margin: 0;
		padding: 0 0 0px 0;
	}

	#header_home h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 195%;
		color: #000000;
		background-color: transparent;
		text-align: center;
		line-height: normal;
		font-weight: bold;
		letter-spacing: 0.3em;
		margin: 0;
		padding: 30px 0;
	}
	
	#header h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 150%;
		color: #000000;
		background-color: transparent;
		line-height: normal;
		font-weight: bold;
		margin: 0;
		padding: 10px;
	}

.sub_box h3, .content_box h3, .content_box_default h3, #text_home h2, .start_text_func h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #1A1A1A;
	background-color: transparent;
	line-height: normal;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
}

/* -------------------------------------------- TEXT ----------------------------------------------------- */

.sub_box_new ul {
	margin: 5px 0 0 0;
	padding: 1px;
	list-style: none;
}

.sub_box_new li {
	margin: 0;
	padding: 2px 0;
}

.content_box p {
	margin: 0;
	padding: 5px 0;
}

#back a:link, #back a:visited {
	color: #1A1A1A;
	background: url(../graphic/bg/nav_a.gif) no-repeat;
	margin: 0;
	padding: 0 0 0 16px; 
	text-decoration: none;
}
		
#back a:hover, #back a:active, #back a:focus {
	color: #CC0000; 
	background: url(../graphic/bg/nav_h.gif) no-repeat;
	margin: 0;
	padding: 0 0 0 16px; 
	text-decoration: none;
}

#top a:link, #top a:visited {
	color: #1A1A1A;
	background: url(../graphic/bg/nav_a.gif) no-repeat;
	margin: 0;
	padding: 0 0 0 16px; 
	text-decoration: none;
}
		
#top a:hover, #top a:active, #top a:focus {
	color: #CC0000; 
	background: url(../graphic/bg/nav_h.gif) no-repeat;
	margin: 0;
	padding: 0 0 0 16px; 
	text-decoration: none;
}
		
/* -------------------------------------------- FORM ----------------------------------------------------- */

#form_bf {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}


fieldset {
	color: #CC0000;
	background-color: transparent;
	border: 1px solid #4D4D4D;
	margin: 0;
	padding: 5px;
	font-weight: bold;
}
         
legend {padding-bottom: 3px;}

label {
	color: #1A1A1A;
	background-color: transparent;
}

input, textarea, select {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #F9F4DF;
	border-top: 1px solid #B3B3B3;
	border-right: 1px solid #4D4D4D;
	border-bottom: 1px solid #4D4D4D;
	border-left: 1px solid #B3B3B3;
}
	
	input:focus, textarea:focus, select:focus {
		color: #000000;
		background-color: #FFFFFF;
	}

.input_send {
	margin: 5px 0 0 0;
	padding: 0;
}